/* Theme Name: Beam Theme URI: http://www.beamtheme.com Author: Emir Muracevic Author URI: http://www.beamtheme.com/author/emirowski/ Description: Beam is a Clean, Fast, Responsive and Customizable WordPress theme. Ready (and recommended) to use with Child themes. Translatation ready. Features four layout types and five page templates. Version: 1.2.1 License: GNU General Public License v3 License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: beam Domain Path: /languages/ Tags: one-column, two-columns, left-sidebar, right-sidebar, blog, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use a Beam child theme to add your styles. Download at http://beamtheme.com/beam-child-wordpress-theme/ :) */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } details, main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } .navbar-brand a.menu-item:hover, a { background-color: transparent; } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { color: inherit; display: table; max-width: 100%; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='checkbox'], [type='radio'], legend { box-sizing: border-box; padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } [hidden], template { display: none; } .navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: ' '; display: block; height: 0.625em; pointer-events: none; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center; transform-origin: center; width: 0.625em; border-color: #3273dc; margin-top: -0.375em; right: 1.125em; } .navbar { background-color: transparent; min-height: 3.25rem; position: relative; z-index: 30; } .navbar.is-white { background-color: #fff; color: #0a0a0a; } .navbar.is-white .navbar-brand .navbar-link, .navbar.is-white .navbar-brand > .menu-item, .navbar.is-white .navbar-burger { color: #0a0a0a; } .navbar.is-white .navbar-brand .navbar-link.is-active, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand > a.menu-item.is-active, .navbar.is-white .navbar-brand > a.menu-item:hover { background-color: #f2f2f2; color: #0a0a0a; } .navbar.is-white .navbar-brand .navbar-link::after { border-color: #0a0a0a; } @media screen and (min-width: 1088px) { .navbar.is-white .navbar-end .navbar-link, .navbar.is-white .navbar-end > .menu-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-start > .menu-item { color: #0a0a0a; } .navbar.is-white .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-white .menu-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-end .navbar-link.is-active, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end > a.menu-item.is-active, .navbar.is-white .navbar-end > a.menu-item:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start > a.menu-item.is-active, .navbar.is-white .navbar-start > a.menu-item:hover { background-color: #f2f2f2; color: #0a0a0a; } .navbar.is-white .navbar-end .navbar-link::after, .navbar.is-white .navbar-start .navbar-link::after { border-color: #0a0a0a; } .navbar.is-white .navbar-dropdown a.menu-item.is-active { background-color: #fff; color: #0a0a0a; } } .navbar.is-black { background-color: #0a0a0a; color: #fff; } .navbar.is-black .navbar-brand .navbar-link, .navbar.is-black .navbar-brand > .menu-item, .navbar.is-black .navbar-burger { color: #fff; } .navbar.is-black .navbar-brand .navbar-link.is-active, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand > a.menu-item.is-active, .navbar.is-black .navbar-brand > a.menu-item:hover { background-color: #000; color: #fff; } .navbar.is-black .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 1088px) { .navbar.is-black .navbar-end .navbar-link, .navbar.is-black .navbar-end > .menu-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-start > .menu-item { color: #fff; } .navbar.is-black .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-black .menu-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-end .navbar-link.is-active, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end > a.menu-item.is-active, .navbar.is-black .navbar-end > a.menu-item:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start > a.menu-item.is-active, .navbar.is-black .navbar-start > a.menu-item:hover { background-color: #000; color: #fff; } .navbar.is-black .navbar-end .navbar-link::after, .navbar.is-black .navbar-start .navbar-link::after { border-color: #fff; } .navbar.is-black .navbar-dropdown a.menu-item.is-active { background-color: #0a0a0a; color: #fff; } } .navbar.is-light { background-color: #f5f5f5; color: #363636; } .navbar.is-light .navbar-brand .navbar-link, .navbar.is-light .navbar-brand > .menu-item, .navbar.is-light .navbar-burger { color: #363636; } .navbar.is-light .navbar-brand .navbar-link.is-active, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand > a.menu-item.is-active, .navbar.is-light .navbar-brand > a.menu-item:hover { background-color: #e8e8e8; color: #363636; } .navbar.is-light .navbar-brand .navbar-link::after { border-color: #363636; } @media screen and (min-width: 1088px) { .navbar.is-light .navbar-end .navbar-link, .navbar.is-light .navbar-end > .menu-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-start > .menu-item { color: #363636; } .navbar.is-light .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-light .menu-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-end .navbar-link.is-active, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end > a.menu-item.is-active, .navbar.is-light .navbar-end > a.menu-item:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start > a.menu-item.is-active, .navbar.is-light .navbar-start > a.menu-item:hover { background-color: #e8e8e8; color: #363636; } .navbar.is-light .navbar-end .navbar-link::after, .navbar.is-light .navbar-start .navbar-link::after { border-color: #363636; } .navbar.is-light .navbar-dropdown a.menu-item.is-active { background-color: #f5f5f5; color: #363636; } } .navbar.is-dark { background-color: #363636; color: #f5f5f5; } .navbar.is-dark .navbar-brand .navbar-link, .navbar.is-dark .navbar-brand > .menu-item, .navbar.is-dark .navbar-burger { color: #f5f5f5; } .navbar.is-dark .navbar-brand .navbar-link.is-active, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand > a.menu-item.is-active, .navbar.is-dark .navbar-brand > a.menu-item:hover { background-color: #292929; color: #f5f5f5; } .navbar.is-dark .navbar-brand .navbar-link::after { border-color: #f5f5f5; } @media screen and (min-width: 1088px) { .navbar.is-dark .navbar-end .navbar-link, .navbar.is-dark .navbar-end > .menu-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-start > .menu-item { color: #f5f5f5; } .navbar.is-dark .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-dark .menu-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-end .navbar-link.is-active, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end > a.menu-item.is-active, .navbar.is-dark .navbar-end > a.menu-item:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start > a.menu-item.is-active, .navbar.is-dark .navbar-start > a.menu-item:hover { background-color: #292929; color: #f5f5f5; } .navbar.is-dark .navbar-end .navbar-link::after, .navbar.is-dark .navbar-start .navbar-link::after { border-color: #f5f5f5; } .navbar.is-dark .navbar-dropdown a.menu-item.is-active { background-color: #363636; color: #f5f5f5; } } .navbar.is-primary { background-color: #00d1b2; color: #fff; } .navbar.is-primary .navbar-brand .navbar-link, .navbar.is-primary .navbar-brand > .menu-item, .navbar.is-primary .navbar-burger { color: #fff; } .navbar.is-primary .navbar-brand .navbar-link.is-active, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand > a.menu-item.is-active, .navbar.is-primary .navbar-brand > a.menu-item:hover { background-color: #00b89c; color: #fff; } .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 1088px) { .navbar.is-primary .navbar-end .navbar-link, .navbar.is-primary .navbar-end > .menu-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-start > .menu-item { color: #fff; } .navbar.is-primary .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-primary .menu-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-end .navbar-link.is-active, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end > a.menu-item.is-active, .navbar.is-primary .navbar-end > a.menu-item:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start > a.menu-item.is-active, .navbar.is-primary .navbar-start > a.menu-item:hover { background-color: #00b89c; color: #fff; } .navbar.is-primary .navbar-end .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after { border-color: #fff; } .navbar.is-primary .navbar-dropdown a.menu-item.is-active { background-color: #00d1b2; color: #fff; } } .navbar.is-link { background-color: #3273dc; color: #fff; } .navbar.is-link .navbar-brand .navbar-link, .navbar.is-link .navbar-brand > .menu-item, .navbar.is-link .navbar-burger { color: #fff; } .navbar.is-link .navbar-brand .navbar-link.is-active, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand > a.menu-item.is-active, .navbar.is-link .navbar-brand > a.menu-item:hover { background-color: #2366d1; color: #fff; } .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 1088px) { .navbar.is-link .navbar-end .navbar-link, .navbar.is-link .navbar-end > .menu-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-start > .menu-item { color: #fff; } .navbar.is-link .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-link .menu-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-end .navbar-link.is-active, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end > a.menu-item.is-active, .navbar.is-link .navbar-end > a.menu-item:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start > a.menu-item.is-active, .navbar.is-link .navbar-start > a.menu-item:hover { background-color: #2366d1; color: #fff; } .navbar.is-link .navbar-end .navbar-link::after, .navbar.is-link .navbar-start .navbar-link::after { border-color: #fff; } .navbar.is-link .navbar-dropdown a.menu-item.is-active { background-color: #3273dc; color: #fff; } } .navbar.is-info { background-color: #209cee; color: #fff; } .navbar.is-info .navbar-brand .navbar-link, .navbar.is-info .navbar-brand > .menu-item, .navbar.is-info .navbar-burger { color: #fff; } .navbar.is-info .navbar-brand .navbar-link.is-active, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand > a.menu-item.is-active, .navbar.is-info .navbar-brand > a.menu-item:hover { background-color: #118fe4; color: #fff; } .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 1088px) { .navbar.is-info .navbar-end .navbar-link, .navbar.is-info .navbar-end > .menu-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-start > .menu-item { color: #fff; } .navbar.is-info .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-info .menu-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-end .navbar-link.is-active, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end > a.menu-item.is-active, .navbar.is-info .navbar-end > a.menu-item:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start > a.menu-item.is-active, .navbar.is-info .navbar-start > a.menu-item:hover { background-color: #118fe4; color: #fff; } .navbar.is-info .navbar-end .navbar-link::after, .navbar.is-info .navbar-start .navbar-link::after { border-color: #fff; } .navbar.is-info .navbar-dropdown a.menu-item.is-active { background-color: #209cee; color: #fff; } } .navbar.is-success { background-color: #23d160; color: #fff; } .navbar.is-success .navbar-brand .navbar-link, .navbar.is-success .navbar-brand > .menu-item, .navbar.is-success .navbar-burger { color: #fff; } .navbar.is-success .navbar-brand .navbar-link.is-active, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand > a.menu-item.is-active, .navbar.is-success .navbar-brand > a.menu-item:hover { background-color: #20bc56; color: #fff; } .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 1088px) { .navbar.is-success .navbar-end .navbar-link, .navbar.is-success .navbar-end > .menu-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-start > .menu-item { color: #fff; } .navbar.is-success .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-success .menu-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-end .navbar-link.is-active, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end > a.menu-item.is-active, .navbar.is-success .navbar-end > a.menu-item:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start > a.menu-item.is-active, .navbar.is-success .navbar-start > a.menu-item:hover { background-color: #20bc56; color: #fff; } .navbar.is-success .navbar-end .navbar-link::after, .navbar.is-success .navbar-start .navbar-link::after { border-color: #fff; } .navbar.is-success .navbar-dropdown a.menu-item.is-active { background-color: #23d160; color: #fff; } } .navbar.is-warning { background-color: #ffdd57; } .navbar.is-warning, .navbar.is-warning .navbar-brand .navbar-link, .navbar.is-warning .navbar-brand > .menu-item, .navbar.is-warning .navbar-burger { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link.is-active, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand > a.menu-item.is-active, .navbar.is-warning .navbar-brand > a.menu-item:hover { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1088px) { .navbar.is-warning .navbar-end .navbar-link, .navbar.is-warning .navbar-end > .menu-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-start > .menu-item { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-warning .menu-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-end .navbar-link.is-active, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end > a.menu-item.is-active, .navbar.is-warning .navbar-end > a.menu-item:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start > a.menu-item.is-active, .navbar.is-warning .navbar-start > a.menu-item:hover { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-end .navbar-link::after, .navbar.is-warning .navbar-start .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-dropdown a.menu-item.is-active { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } } .navbar.is-danger { background-color: #ff3860; color: #fff; } .navbar.is-danger .navbar-brand .navbar-link, .navbar.is-danger .navbar-brand > .menu-item, .navbar.is-danger .navbar-burger { color: #fff; } .navbar.is-danger .navbar-brand .navbar-link.is-active, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand > a.menu-item.is-active, .navbar.is-danger .navbar-brand > a.menu-item:hover { background-color: #ff1f4b; color: #fff; } .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } @media screen and (min-width: 1088px) { .navbar.is-danger .navbar-end .navbar-link, .navbar.is-danger .navbar-end > .menu-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-start > .menu-item { color: #fff; } .navbar.is-danger .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-danger .menu-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-end .navbar-link.is-active, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end > a.menu-item.is-active, .navbar.is-danger .navbar-end > a.menu-item:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start > a.menu-item.is-active, .navbar.is-danger .navbar-start > a.menu-item:hover { background-color: #ff1f4b; color: #fff; } .navbar.is-danger .navbar-end .navbar-link::after, .navbar.is-danger .navbar-start .navbar-link::after { border-color: #fff; } .navbar.is-danger .navbar-dropdown a.menu-item.is-active { background-color: #ff3860; color: #fff; } } .navbar > .container { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { box-shadow: 0 2px 0 0 #f5f5f5; } .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom { bottom: 0; } .navbar.is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 #f5f5f5; } .navbar.is-fixed-top { top: 0; } body.has-navbar-fixed-top, html.has-navbar-fixed-top { padding-top: 3.25rem; } body.has-navbar-fixed-bottom, html.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } .navbar-brand, .navbar-tabs { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 3.25rem; } .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .navbar-burger { color: #fafafa; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; -webkit-transform-origin: center; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform, -webkit-transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { -webkit-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); } .navbar-menu { display: none; } .menu-item, .navbar-link { color: #4a4a4a; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; } .navbar-link { display: block; } .menu-item .icon:only-child, .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } .navbar-link, a.menu-item { cursor: pointer; } .navbar-link.is-active, .navbar-link:hover, a.menu-item.is-active, a.menu-item:hover { background-color: #fafafa; color: #3273dc; } .menu-item { display: block; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .menu-item img { max-height: 1.75rem; } .menu-item.has-dropdown { padding: 0; } .menu-item.is-expanded, .navbar-content { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .menu-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .menu-item.is-tab.is-active, .menu-item.is-tab:hover { background-color: transparent; border-bottom-color: #3273dc; } .menu-item.is-tab.is-active { border-bottom-style: solid; border-bottom-width: 3px; color: #3273dc; padding-bottom: calc(0.5rem - 3px); } .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .navbar-dropdown .menu-item { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-divider { background-color: #f5f5f5; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 1087px) { .navbar > .container { display: block; } .navbar-brand .menu-item, .navbar-tabs .menu-item { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: transparent; box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { display: block; } .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } body.has-navbar-fixed-top-touch, html.has-navbar-fixed-top-touch { padding-top: 3.25rem; } body.has-navbar-fixed-bottom-touch, html.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 1088px) { .navbar, .navbar-end, .navbar-menu, .navbar-start { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; } .navbar { min-height: 3.25rem; } .navbar.is-spaced { padding: 1rem 2rem; } .navbar.is-spaced .navbar-end, .navbar.is-spaced .navbar-start { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar.is-spaced .navbar-link, .navbar.is-spaced a.menu-item { border-radius: 4px; } .navbar.is-transparent .menu-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .menu-item.has-dropdown.is-hoverable:hover .navbar-link, .navbar.is-transparent .navbar-link.is-active, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent a.menu-item.is-active, .navbar.is-transparent a.menu-item:hover { background-color: transparent !important; } .navbar-dropdown a.menu-item:hover, .navbar.is-transparent .navbar-dropdown a.menu-item:hover { background-color: #f5f5f5; color: #0a0a0a; } .navbar-dropdown a.menu-item.is-active, .navbar.is-transparent .navbar-dropdown a.menu-item.is-active { background-color: #f5f5f5; color: #3273dc; } .navbar-burger { display: none; } .menu-item, .navbar-link { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu-item, .navbar-link { display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu-item.has-dropdown { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .menu-item.has-dropdown-up .navbar-link::after { -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); transform: rotate(135deg) translate(0.25em, -0.25em); } .menu-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } .menu-item.is-active .navbar-dropdown, .menu-item.is-hoverable:hover .navbar-dropdown { display: block; } .menu-item.is-active .navbar-dropdown.is-boxed, .menu-item.is-hoverable:hover .navbar-dropdown.is-boxed, .navbar.is-spaced .menu-item.is-active .navbar-dropdown, .navbar.is-spaced .menu-item.is-hoverable:hover .navbar-dropdown { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } .navbar-menu { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .navbar-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-right: auto; } .navbar-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } .navbar-dropdown { background-color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } .navbar-dropdown .menu-item { padding: 0.375rem 1rem; white-space: nowrap; } .navbar-dropdown a.menu-item { padding-right: 3rem; } .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown { border-radius: 6px; border-top: none; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); -webkit-transform: translateY(-5px); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .navbar-dropdown.is-right { left: auto; right: 0; } .navbar-divider { display: block; } .container > .navbar .navbar-brand, .navbar > .container .navbar-brand { margin-left: -0.75rem; } .container > .navbar .navbar-menu, .navbar > .container .navbar-menu { margin-right: -0.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } body.has-navbar-fixed-top-desktop, html.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } body.has-navbar-fixed-bottom-desktop, html.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } body.has-spaced-navbar-fixed-top, html.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } body.has-spaced-navbar-fixed-bottom, html.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } .navbar-link.is-active, a.menu-item.is-active { color: #0a0a0a; } .navbar-link.is-active:not(:hover), a.menu-item.is-active:not(:hover) { background-color: transparent; } .menu-item.has-dropdown.is-active .navbar-link, .menu-item.has-dropdown:hover .navbar-link { background-color: #fafafa; } } .container { margin: 0 auto; position: relative; } @media screen and (min-width: 1088px) { .container { max-width: 960px; width: 960px; } .container.is-fluid { margin-left: 64px; margin-right: 64px; max-width: none; width: auto; } } @media screen and (max-width: 1279px) { .container.is-widescreen { max-width: 1152px; width: auto; } } @media screen and (max-width: 1471px) { .container.is-fullhd { max-width: 1344px; width: auto; } } @media screen and (min-width: 1280px) { .container { max-width: 1152px; width: 1152px; } } @media screen and (min-width: 1472px) { .container { max-width: 1344px; width: 1344px; } } .site-name { font-size: 3em; margin: 0.5em 0 0.5em; } .site-description { margin-top: 0; } .navbar-brand-wrap { padding-left: 1em; color: #fafafa; } @media screen and (min-width: 1088px) { .navbar-brand-wrap { padding-left: 0; } .navbar .menu ul { flex-direction: row !important; } } .navbar .menu { display: flex; align-items: center; } .navbar .menu ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .navbar .menu li { padding: 1em; } /* =OLD CODE ----------------------------------------------- */ /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #404040; font-family: 'Source Sans Pro', Helvetica, sans-serif, serif; font-size: 16px; line-height: 1.5; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; } h1 { font-size: 38px; font-weight: bold; word-wrap: break-word; } h2 { font-size: 24px; font-weight: bold; } h3, h4, h5, h6 { font-size: 18px; font-weight: bold; } .entry-content-new h1, .entry-content-new h2, .entry-content-new h3, .entry-content-new h4, .entry-content-new h5, .entry-content-new h6 { clear: none; } h1.page-title { margin-bottom: 15px; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; font-style: italic; border-left: 3px solid #cccccc; padding-left: 25px; font-family: Georgia, Cambria, 'Times New Roman', Times, serif; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: 'Courier 10 Pitch', Courier, monospace; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: 0.5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } a time { color: #404040; text-decoration: none; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button, html input[type='button']:not([.menu-toggle]), input[type='reset'], input[type='submit'] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 1.8rem; font-size: 18px; font-weight: 700; line-height: 1.3; padding: 15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button::not([.menu-toggle]):hover, html input[type='button']:not([.menu-toggle]):hover, input[type='reset']:hover, input[type='submit']:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:not([.menu-toggle]):focus, html input[type='button']:not([.menu-toggle]):focus, input[type='reset']:focus, input[type='submit']:focus, button:active, html input[type='button']:not([.menu-toggle]):active, input[type='reset']:active, input[type='submit']:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type='search'] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type='search']::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type='text']:focus, input[type='email']:focus, input[type='url']:focus, input[type='password']:focus, input[type='search']:focus, textarea:focus { color: #111; } input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'] { padding: 3px; } .search-form input[type='search'] { width: 90%; padding: 10px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } .round-corners { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ } /* Links */ a:hover, a:focus, a:active { text-decoration: underline; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; right: 5px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-content-inner:before, .site-content-inner:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-content-inner:after, .site-footer:after { clear: both; } /* =Menu ----------------------------------------------- */ .navigation-wrap { padding: 0; max-width: 74%; top: 50%; transform: translateY(-50%); z-index: 9999; position: relative; display: block; float: right; } .mobile-menu { top: 50%; transform: translateY(-50%); z-index: 99999; display: block; position: relative; float: right; } @media screen and (max-width: 768px) { .mobile-menu { top: 0; transform: translateY(0); width: 100%; float: none; } } .main-navigation { clear: both; display: block; float: right; } .main-navigation h1 { font-size: 32px; line-height: 1.25; } .main-navigation ul { list-style: none; margin: 0; padding: 0; } .main-navigation li { float: left; position: relative; margin: 0 0 0 20px; /* Margin on the left side of each top level menu item (since it's floated right) */ margin: 0 0 0 1.25rem; } .main-navigation ul ul li { margin: 0; border-bottom: 1px solid #ccc; } .main-navigation ul a { padding: 10px; /* Padding around each top level menu option (if needed) */ } .main-small-navigation a, .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { display: none; position: absolute; left: 0; z-index: 99999; line-height: 1.7; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 180px; /* Nav bar dropdown width */ font-size: 14px; } .main-navigation ul ul a { padding: 10px 15px; /* Padding around each dropdown menu option */ } .main-navigation ul li:hover > ul { display: block; } .main-navigation ul .divider { border-bottom: 1px solid #aaa; height: 0; line-height: 0.0625; overflow: hidden; } /* Small menu toggle for mobile devices */ .menu-toggle { cursor: pointer; } .main-small-navigation .nav-menu { display: none; } /* Footer Menu */ .footer-navigation { margin: 0 auto; width: 100%; height: auto; clear: both; display: block; position: relative; text-align: center; } .footer-navigation ul { list-style: none; margin: 0; padding: 50px 0; } .footer-navigation li { position: relative; padding: 10px; height: 30px; display: inline-block; } .footer-navigation a { display: block; text-decoration: none; padding: 6px 10px; } .footer-navigation ul ul { display: none; } .footer-navigation ul ul ul { display: none; } .footer-navigation ul li:hover > ul { display: block; } /* =Layout ----------------------------------------------- */ .fullwidth { margin-left: 0; margin-right: 0; width: 100%; } .site-content, .centeralign-header, .centeralign-content, .centeralign-footer { max-width: 1170px; position: relative; margin-left: auto; margin-right: auto; } .width-980px .site-content, .width-980px .centeralign-header, .width-980px .site-content-inner, .width-980px .centeralign-footer { max-width: 980px; } .centeralign-header { padding: 0 25px; vertical-align: middle; } .site-content, .site-content-inner { margin-left: auto; margin-right: auto; } .site-content { -webkit-box-shadow: 6px 0px 10px -7px rgba(1, 1, 1, 0.25), -6px 0px 10px -7px rgba(1, 1, 1, 0.25); -moz-box-shadow: 6px 0px 10px -7px rgba(1, 1, 1, 0.25), -6px 0px 10px -7px rgba(1, 1, 1, 0.25); box-shadow: 6px 0px 10px -7px rgba(1, 1, 1, 0.25), -6px 0px 10px -7px rgba(1, 1, 1, 0.25); background-color: #ffffff; } .page-template-no-sidebar #primary { width: 100%; } /* =Content ----------------------------------------------- */ #primary { float: left; width: 68%; position: relative; } #secondary { float: right; width: 28.5%; position: relative; padding: 30px 20px 0 0; } .sticky { border: 1px solid #ccc; padding: 10px; } .hentry { margin: 0 0 2.2em; } .single .byline, .group-blog .byline, .archive .byline { display: inline; } .byline { margin-right: 30px; display: inline; } .entry-content-sidebar .byline { clear: both; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0 0; } .archive .entry-content { margin: 1.5em 0; } .page .entry-content { margin: 0; } .content-area { width: 68%; float: left; } .page-links { margin: 15px; padding: 10px; width: 77%; } .branding-wrapper { float: left; height: 100%; } .site-branding { top: 50%; transform: translateY(-50%); z-index: 999; position: relative; float: left; } .site-main { padding: 3% 5%; } .double-sidebar .site-main { padding: 30px 10px; } .entry-content-sidebar .entry-meta { padding-left: 0; } .entry-title, .entry-title a { font-size: 40px; margin: 10px 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content-new { clear: both; } .entry-content-only-page { margin-left: auto; margin-right: auto; max-width: 1170px; padding: 2%; } .single .entry-content-new { line-height: 24px; padding-top: 5px; } .entry-content-sidebar { width: 150px; float: left; line-height: 18px; font-family: Arial, Verdana, 'Times New Roman', sans-serif; font-size: 12px; } .sidebar-left .entry-content-sidebar { float: right; } .entry-header .entry-meta { line-height: 1.2; } .entry-meta i a { text-decoration: none; font-size: 28px; font-weight: 700; color: #258a24; } .posted-on { display: inline-block; } .single .posted-on { margin-top: 10px; } .single main footer.entry-meta { margin-left: 15px; padding-left: 15px; border-left: 1px solid #ccc; } .more-link { float: right; padding: 10px; background-color: antiquewhite; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } #secondary ul, #secondary ol, #tertiary ul, #tertiary ol, .entry-content-sidebar ul, .entry-content-sidebar ol { margin: 1em 0 1em 0; padding: 0 0 1em 0; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*='wp-image-'] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* =Navigation ----------------------------------------------- */ .site-main [class*='navigation'] { margin: 3em 0 1.5em; overflow: hidden; clear: both; } .image-attachment .image-navigation { margin-top: 1em; } [class*='navigation'] .nav-previous { float: left; } [class*='navigation'] .nav-next { float: right; text-align: right; } [class*='navigation'] .nav-previous, [class*='navigation'] .nav-next { width: 45%; padding: 5px; background: #ececec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } [class*='navigation'] .nav-previous:hover, [class*='navigation'] .nav-next:hover { background: #ececec; } /* =Comments ----------------------------------------------- */ .no-comments { clear: both; font-size: 12px; } .comment { padding: 10px; margin-bottom: 20px; } .comment-content a { word-wrap: break-word; } .comment-content p { margin: 8px 8px 8px 70px; line-height: 150%; } .bypostauthor { background-color: #f4f1ea; } ul.comment-list { list-style: none; margin: 0; padding-left: 5px; } .comment li { list-style: none; } .comments-area article { margin-bottom: 30px; } .comments-title { line-height: 1.5; font-size: 24px; margin-bottom: 15px; } .comment-reply-title { font-size: 24px !important; font-weight: normal; color: #c33921; line-height: 32px; padding-bottom: 12px; margin-bottom: 30px; width: 98%; border-bottom: 2px #c33921 solid; } .comment-metadata { /*float:right;*/ margin: 5px; } .comments-link { margin: 0 15px; } .comment-reply-link { font-size: larger; float: right; background-color: #fafafa; padding: 10px; } .reply a { text-decoration: none; } .avatar { float: left; margin: 0 20px 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #author-description { font-size: 14px; background-color: #ececec; padding: 20px; min-height: 130px; margin-bottom: 30px; clear: both; } #author-description h2 { margin-top: 0; } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; } .top-comments { float: right; margin-top: -10px; text-align: right; } #comments .submit { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 30px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #7ca76a; background: #a1da8a; color: #222; } /* =Widgets ----------------------------------------------- */ .widget { margin: 15px 10px; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } #secondary .widget li, #tertiary .widget li, .entry-content-sidebar li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #secondary .widget li:first-child, #tertiary .widget li:first-child, .entry-content-sidebar li:first-child { border-top: none; } .widget ul, .widget ol, .entry-content-sidebar ul, .entry-content-sidebar ol { list-style: none; } .widget-title { font-size: 24px; line-height: 2.2; text-transform: uppercase; } .widget .children { margin-left: 10px; padding-left: 10px; } .widget-area .widget li { padding: 10px 10px 10px 12px; } .double-sidebar .widget-area { padding: 40px 5px 5px 5px; margin-top: 20px; } .widget-area-footer { padding: 0 30px; } footer aside.widget { width: 18.5%; max-width: 18.5%; float: left; margin-right: 6%; min-height: 200px; } footer aside.widget:last-of-type { margin-right: 0; } footer aside.widget ul, footer aside.widget ol { margin: 0px 0px 1.5em 1em; padding: 0 0 1em 0; } footer aside.widget li { list-style: disc outside none; } .widget-area .widget.widget_beam_posts_widget li a:before { content: none; /* Removes FontAwesome arrow icon */ } .widget-area .widget.widget_beam_posts_widget li a { text-decoration: none; font-weight: 700; } .widget-area .widget.widget_beam_posts_widget .post-date { color: #2f2f2f; font-weight: 300; } #secondary .widget-title::after { background-color: #3c763d; content: ''; width: 55px; display: block; height: 3px; bottom: -10px; } /* =Font Awesome ----------------------------------------------- */ .fa { font: normal normal normal 14px/1 FontAwesome; } a i.fa-link { text-decoration: none; } .entry-meta .fa-tags, .entry-meta .fa-pencil { margin-left: 15px; } .single .entry-meta .fa-tags, .single .entry-meta .fa-pencil, .single .entry-meta .fa-link { margin-left: 0; } .byline .fa-user { margin-right: 5px; } footer.entry-meta .fa-permalink a { text-decoration: none; margin-right: 15px; padding-left: 5px; } .edit-link a { color: #d26e6e; } /* =Misc ----------------------------------------------- */ .featured-image { overflow: hidden; clear: both; text-align: center; } .logo { margin: 10px 15px; } .site-info { clear: both; padding: 20px 0; text-align: center; font-size: small; } .site-info p { font-weight: 800; } .format-gallery #secondary { display: none; } .pingback { line-height: 2.2; } #breadcrumbs { font-size: 14px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } /* Colors */ /* site { background: #f1f1f1; } */ .site-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .site-header, .site-footer { background-color: #ebf1e7; } .site-header { border-bottom: 1px solid #ccc; } .site-footer { border-top: 1px solid #ccc; } .site-info a { color: #fafafa; } a, a:hover, a:visited, .comment-reply-title { color: #258a24; } .main-small-navigation a, .main-navigation a, .footer-navigation a, .site-footer a, .fa-bars, .entry-title, .entry-title a { color: #615a55; } .main-navigation li:hover > a, .site-footer, .main-navigation ul ul a:hover, .edit-link a { color: rgba(0, 0, 0, 0.5); } .main-navigation .current_page_parent > a { color: #cccccc; /* Nav bar link color for current menu item or ancestor */ } .sub-menu { background-color: #ffffff; } .fa-calendar, .fa-user, .fa-comment, .fa-comment-o, .fa-comment a, .fa-folder-open, .fa-tags, .fa-link, .fa-link a { color: rgba(0, 0, 0, 0.3); } .fa-google-plus, .fa-facebook, .fa-twitter { color: #615a55; } .comment-reply-title { border-bottom: 2px #258a24 solid; } .entry-content-new h1 { color: #3c763d; } blockquote { background: rgba(235, 241, 231, 0.8); } /* =No Sidebar ----------------------------------------------- */ .no-sidebar #secondary { display: none; } .no-sidebar #primary { width: 100%; } /* =Left Sidebar ----------------------------------------------- */ .sidebar-left #primary { float: right; } .sidebar-left #secondary { float: left; padding-left: 5px; padding-right: 0px; margin-left: 20px; } /* =Page Templates ----------------------------------------------- */ #primary.no-sidebar-template { width: 100%; } #content.full-width-template { max-width: 100%; } .full-width-template .site-main { padding: 0; } .site-content .full-width-template { width: 100%; max-width: 100%; } #primary.full-width-template { width: 100%; } /* =Media Queries ----------------------------------------------- */ @media screen and (min-width: 1367px) { .sidebar-right .entry-content-new, .entry-content-new { padding: 5px; } .sidebar-left .entry-content-new { padding-left: 0; } } @media screen and (min-width: 980px) { .double-sidebar-narrow .site-content-inner { padding-right: 260px; } } @media screen and (max-width: 980px) { #tertiary { display: none; } .double-sidebar-narrow .site-content-inner, .left-sidebar .site-content-inner, .double-sidebar .site-content-inner { padding-right: 20px; } .right-sidebar .site-content-inner { padding-left: 20px; } .sidebar-left #secondary { padding-left: 20px; } } /* =min-width: 769px ------------------- */ @media screen and (min-width: 769px) { .double-sidebar #primary { float: right; width: 100%; position: relative; max-width: 680px; } .double-sidebar #secondary { float: left; margin-left: -320px; width: 300px; position: relative; } .double-sidebar-narrow #secondary { width: 220px; margin-left: -240px; } .double-sidebar #tertiary { float: right; margin-right: -250px; position: relative; right: -100%; width: 240px; } .double-sidebar-narrow #tertiary { margin-right: -260px; } .double-sidebar .site-content-inner { padding-left: 340px; padding-right: 280px; } .double-sidebar-narrow .site-content-inner { padding-right: 20px; padding-left: 250px; } } .menu-toggle { display: none; } /* =max-width: 768px -------------------- */ @media screen and (max-width: 768px) { body { font-size: 14px; } #primary { float: none; width: auto; } .sidebar-left #primary { float: none; } #secondary { float: none; width: auto; padding: 25px; max-width: 100%; } #tertiary { float: none; width: auto; padding: 25px; max-width: 100%; } .branding-wrapper { float: none; } .site-branding { float: left; } .mobile-menu { clear: both; float: none; padding-right: 0; min-width: inherit; position: relative; } .widget-area-footer { padding: 20px; } footer aside.widget { width: 94% !important; max-width: 94%; float: none; min-height: 50px; height: auto; } .site-footer a { line-height: 2em !important; padding: 5px; } footer aside { padding-left: 15px; } .avatar { width: 40px; } .site-header { height: auto; } .widget-area .widget li a:before { left: 25px; } .entry-title, .entry-title a { font-size: 32px; } input[type='submit'] { width: 95%; } ul, ol { margin: 0 0 1.5em 2em; padding: 0; } ul { list-style-position: inside; } .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .beam-bar { width: 35px; height: 5px; background-color: #333; margin: 6px 0; } .navigation-wrap { text-align: right; margin: 0; transform: none; top: 2%; right: 2%; float: right; } .site-main { padding: 10px; } .main-navigation { padding-top: 0; display: none; } .main-navigation h1 { border-bottom: none; } .main-navigation.toggled { clear: both; width: 100%; display: block; } .main-navigation li { float: none; padding: 0; margin: 0; } .entry-content-sidebar { display: none; } h1.button { padding: 5px; line-height: 1.2; font-weight: lighter; } .main-navigation ul ul li { display: none; } h1, h2, h3, h4, h5, h6 { line-height: 1.1; } .menu-toggle { display: block; font-size: 0; border: 0 none; float: right; cursor: pointer; z-index: 9999; position: relative; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */ -o-transform: translateY(-50%); transform: translateY(-50%); } .main-navigation ul { display: none; } .main-navigation.toggled ul { display: block; } .single main .entry-meta { padding: 10px 0; } .byline { margin-right: 5px; display: inline; } .fa-3x { font-size: 2em; } .featured-image { max-width: 100% !important; margin-left: 0; padding-top: 30px; } }