/*! # Custom Box Service Theme  
Theme Name: Custom Box Service Theme  
Theme URI: http://www.comicstriplibrary.com 
Description: Theme files for Custom Box Service site, child theme of Genesis (based on the Money Boss theme by Chris Klong) 
Author: Klong Designs and J.D. Roth
Author URI: http://www.klongdesigns.com/  
Template: genesis  
Template Version: 2.1.2  
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/

/* Modifications from J.D.

	* The site background is white (#ffffff) #404040
	* The main container is dark blue (#002040)
	* The content area is white (#ffffff)
	* Primary text is pure black (#000000)
	* Accent colors are salmon (#ff6840) and light brown (#ccaa77)
*/

/* # Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Media Queries - Retina Display - Max-width: 1200px - Max-width: 960px - Max-width: 800px */
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: 0 0; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #333; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; text-transform: none; }

select { text-transform: none; }

button, html input[type=button] { -webkit-appearance: button; cursor: pointer; }

input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input::-moz-focus-inner { border: 0; padding: 0; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }

input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: 700; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* ## Box Sizing
--------------------------------------------- */
*, input[type="search"] { box-sizing: border-box; }

/* ## Float Clearing
--------------------------------------------- */
.author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; }

.author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; }

/* # Defaults
---------------------------------------------------------------------------------------------------- */
/* ## Typographical Elements
--------------------------------------------- */
body { background-color: #ffffff; color: #000; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.2; margin: 0; }

a, button { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

input:focus, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

::-moz-selection, ::-moz-selection { background-color: #333; color: #fff; }

::-moz-selection, ::selection { background-color: #333; color: #fff; }

a { color: #002040; text-decoration: none; font-weight: bold; }

a:hover { color: #ff6840; }

p { margin: 0 0 14px; padding: 0; line-height: 1.2; }

ol, ul { margin: 0; padding: 0; }

li { list-style-type: none; margin-bottom: 14px; }

b, strong { font-weight: 700; }

cite, em, i { font-style: italic; }

blockquote { margin: 14px 40px; background: #002040; border-left: 6px solid #3b6b99; color: #ffffff; padding: 10px 10px 1px 10px; }

blockquote a { color: #ccaa77; }

blockquote.callout, blockquote.highlight { background: #ffffff; border-left: 6px solid #002040; color: #ffffff; }

blockquote.highlight a { color: #ccaa77; }

blockquote.action, blockquote.actionitem { background: #ff6840; border-left: 6px solid #002040; color: #000; }

blockquote.actionitem a:hover { color: #ccaa77; }

/* ## Headings
--------------------------------------------- */
/*
h1, h2, h3, h4, h5, h6 { color: #333; font-family: "Francois One", sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 10px; text-transform: uppercase; }
*/

h1, h2, h3, h4, h5, h6 { color: #2d2c2a; /* #333; */ font-family: Carrosserie-Bold, sans-serif; font-weight: 400; line-height: 1.2; margin: 0px; /* margin: 0 0 10px; */}

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

/* ## Objects
--------------------------------------------- */
embed, iframe, img, object, video, .wp-caption { max-width: 100%; }

img { height: auto; }

.featured-content img { width: auto; }

.gallery { overflow: hidden; }

.gallery img { width: auto; }

.orange { color: #ff840; }

/* ## Gallery
--------------------------------------------- */
.gallery-item { float: left; margin: 0 0 28px; text-align: center; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-3 .gallery-item { width: 33%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery-columns-5 .gallery-item { width: 20%; }

.gallery-columns-6 .gallery-item { width: 16.6666%; }

.gallery-columns-7 .gallery-item { width: 14.2857%; }

.gallery-columns-8 .gallery-item { width: 12.5%; }

.gallery-columns-9 .gallery-item { width: 11.1111%; }

.gallery img { border: 1px solid #ddd; height: auto; padding: 4px; }

.gallery img:hover { border: 1px solid #999; }

/* ## Forms
--------------------------------------------- */
input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 300; padding: 16px; width: 100%; }

input:focus, textarea:focus { border: 1px solid #999; outline: none; }

input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; }

::-moz-placeholder { color: #333; font-weight: 300; opacity: 1; }

::-webkit-input-placeholder { color: #333; font-weight: 300; }

button { background-color: #333; border: none; color: #fff; cursor: pointer; font-size: 16px; font-weight: 300; padding: 16px 24px; text-transform: uppercase; width: auto; }

input[type="button"], input[type="reset"], input[type="submit"] { background-color: #ff6840; border: none; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 300; padding: 16px 24px; text-transform: uppercase; width: auto; }

.button { background-color: #ff6840; border: none; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 300; padding: 16px 24px; text-transform: uppercase; width: auto; }

.footer-widgets button { background-color: #e5554e; color: #fff; }

.footer-widgets input[type="button"], .footer-widgets input[type="reset"], .footer-widgets input[type="submit"] { background-color: #e5554e; color: #fff; }

.footer-widgets .button { background-color: #e5554e; color: #fff; }

button:hover { background-color: #e5554e; color: #fff; }

input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] { background-color: #ccaa77; color: #fff; }

.button:hover { background-color: #ccaa77; color: #fff; }

.entry-content .button:hover { color: #fff; }

.footer-widgets button:hover { background-color: #fff; color: #333; }

.footer-widgets input:hover[type="button"], .footer-widgets input:hover[type="reset"], .footer-widgets input:hover[type="submit"] { background-color: #fff; color: #333; }

.footer-widgets .button:hover { background-color: #fff; color: #333; }

.button { display: inline-block; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; }

/* ## Tables
--------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; }

tbody { border-bottom: 1px solid #ddd; }

td, th { text-align: left; }

td { border-top: 1px solid #ddd; padding: 6px 0; }

th { font-weight: 400; }

/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* ## Site Containers
--------------------------------------------- */
.site-inner, .wrap { margin: 0 auto; max-width: 97%; }

.site-inner { clear: both; padding-top: 40px; background: #ffffff; border-top: 4px solid #ccaa77; color: #000; }

/* ## Column Widths and Positions
--------------------------------------------- */
/* ### Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 980px; }

.content-sidebar-sidebar .content-sidebar-wrap { float: left; }

.sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; }

/* ### Content */
.content { float: right; width: 800px; }

.content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; }

.content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 580px; }

.full-width-content .content { width: 100%; }

/* ### Primary Sidebar */
.sidebar-primary { float: right; width: 360px; }

.sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; }

/* ### Secondary Sidebar */
.sidebar-secondary { float: left; width: 180px; }

.content-sidebar-sidebar .sidebar-secondary { float: right; }

/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; }

.one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; }

.one-third, .two-sixths { width: 31.623931623931625%; }

.four-sixths, .two-thirds { width: 65.81196581196582%; }

.one-fourth { width: 23.076923076923077%; }

.three-fourths { width: 74.35897435897436%; }

.one-sixth { width: 14.52991452991453%; }

.five-sixths { width: 82.90598290598291%; }

.first { clear: both; margin-left: 0; }

/* # Common Classes
---------------------------------------------------------------------------------------------------- */
/* ## Avatar
--------------------------------------------- */
.avatar { float: left; }

.alignleft .avatar, .author-box .avatar { margin-right: 24px; }

.alignright .avatar { margin-left: 24px; }

.comment .avatar { margin: 0 16px 24px 0; }

/* ## Genesis
--------------------------------------------- */
.breadcrumb { margin-bottom: 20px; }

.archive-description, .author-box { background-color: #fff; font-size: 16px; margin-bottom: 40px; padding: 40px; }

.author-box-title { font-size: 16px; margin-bottom: 4px; }

.archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; }

/* ## Search Form
--------------------------------------------- */
.search-form { overflow: hidden; }

.site-header .search-form { float: right; margin-top: 12px; }

.entry-content .search-form, .site-header .search-form { width: 50%; }

.genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; }

/* ## Titles
--------------------------------------------- */
.archive-title { font-size: 20px; }

.entry-title { font-size: 36px; /* text-transform: none; font-variant: small-caps; */ }

.entry-title a { color: #2d2c2a; /* #333; */ }

.sidebar .widget-title a { color: #333; }

.entry-title a:hover { color: #ff6840; }

.widget-title { font-size: 18px; margin-bottom: 20px; }

.footer-widgets .widget-title { color: #fff; }

/* ## WordPress
--------------------------------------------- */
a.aligncenter img { display: block; margin: 0 auto; }

a.alignnone { display: inline-block; }

.alignleft { float: left; text-align: left; }

.alignright { float: right; text-align: right; }

a.alignleft, a.alignnone, a.alignright { max-width: 100%; }

img.centered, .aligncenter { display: block; margin: 0 auto 24px; }

img.alignnone, .alignnone { margin-bottom: 12px; }

a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; }

a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; }

.wp-caption-text { font-size: 14px; font-weight: 700; text-align: center; }

.entry-content p.wp-caption-text { margin-bottom: 0; }

/* # Widgets
---------------------------------------------------------------------------------------------------- */
.widget { word-wrap: break-word; }

.widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; }

.widget li li { border: none; margin: 0 0 0 30px; padding: 0; }

.widget_calendar table { width: 100%; }

.widget_calendar td, .widget_calendar th { text-align: center; }

/* ## Featured Content
--------------------------------------------- */
.featured-content .entry { border-bottom: 2px solid #f5f5f5; margin-bottom: 20px; padding: 0 0 24px; }

.footer-widgets .entry { border-bottom: 1px dotted #666; }

.featured-content .entry-title { font-size: 20px; }

/* # Plugins
---------------------------------------------------------------------------------------------------- */
/* ## Genesis eNews Extended
--------------------------------------------- */
.enews-widget { color: #fff; }

.enews-widget .widget-title { color: #fff; }

.sidebar .widget.enews-widget { background-color: #333; }

.enews-widget input { border: 1px solid #333; font-size: 16px; margin-bottom: 16px; }

.enews-widget input:focus { border: 1px solid #333; }

.enews-widget input[type="submit"] { background-color: #e5554e; color: #fff; margin: 0; width: 100%; }

.enews-widget input:hover[type="submit"] { background-color: #fff; color: #333; }

.enews form + p { margin-top: 24px; }

/* ## Jetpack
--------------------------------------------- */
#wpstats { display: none; }

/* # Site Header
---------------------------------------------------------------------------------------------------- */
.site-header { background-color: transparent; min-height: 160px; }

.site-header .wrap { padding: 20px 0; }

/* ## Title Area
--------------------------------------------- */
.title-area { float: left; padding: 10px 0; width: 620px; }

.header-full-width .title-area { width: 100%; }

.site-title { font-size: 32px; font-weight: 400; line-height: 1.2; }

.site-title a { color: #333; }

.site-title a:hover { color: #333; }

.header-image .site-title > a { background: url(images/logo.png) no-repeat center; float: right;  min-height: 120px; width: 100%; }

.site-description { font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 0; }

.site-title { margin-bottom: 0; }

.header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; }

/* ## Widget Area
--------------------------------------------- */
.site-header .widget-area { float: right; text-align: right; width: 800px; }

/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu { clear: both; font-size: 16px; line-height: 1; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.genesis-nav-menu .menu-item { display: block; float: none; padding: 1px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.genesis-nav-menu a { color: #333; display: block; padding: 5px; padding-right: 100px; text-align: left; border-top: 2px solid #ccaa77; }

.genesis-nav-menu a span { display: block; }

.genesis-nav-menu a span[itemprop="name"] { font-size: 20px; text-transform: uppercase; }

.genesis-nav-menu a span.menu-description { font-size: 12px; }

.genesis-nav-menu a:hover { color: #e5554e; }

.genesis-nav-menu .current-menu-item > a { color: #e5554e; }

.genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; width: 200px; z-index: 99; }

.genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #e5554e; }

.genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: none; font-size: 14px; padding: 20px; position: relative; width: 200px; }

.genesis-nav-menu .sub-menu .sub-menu { margin: -55px 0 0 199px; }

.genesis-nav-menu .menu-item:hover { position: static; }

.genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; }

.genesis-nav-menu > .first > a { padding-left: 0; }

.genesis-nav-menu > .last > a { padding-right: 0; }

.genesis-nav-menu > .right { color: #fff; float: right; list-style-type: none; padding: 30px 0; }

.genesis-nav-menu > .right > a { display: inline; padding: 0; }

.genesis-nav-menu > .rss > a { margin-left: 48px; }

.genesis-nav-menu > .search { padding: 10px 0 0; }

/* ## Site Header Navigation
--------------------------------------------- */
.site-header .sub-menu { border-top: 1px solid #eee; }

.site-header .sub-menu .sub-menu { margin-top: -56px; }

.site-header .genesis-nav-menu li li { margin-left: 0; }

/* ## Primary Navigation
--------------------------------------------- */
.nav-primary .genesis-nav-menu li { background: #002040; opacity: .5; margin-bottom: 0; }

.nav-primary .genesis-nav-menu a { color: #fff; }

.nav-primary .genesis-nav-menu .sub-menu a { color: #333; }

.nav-primary .genesis-nav-menu .current-menu-item, .nav-primary .genesis-nav-menu li:hover, .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover { opacity: 1; }

/* ## Secondary Navigation
--------------------------------------------- */
.nav-secondary { background-color: #fff; }

/* # Content Area
---------------------------------------------------------------------------------------------------- */
.home { /* h2 { color: #fff; font-size: 40px; } */ }

.home main.content { margin-bottom: 20px; }

.home .homepage-heading { background: #002040; padding: 20px 0; text-align: center; }

.home .homepage-heading h1 { color: #fff; font-size: 100px; }

.home .homepage-heading h1 span { display: inline-block; border-bottom: 10px solid #ff6840; padding-bottom: 0; margin-bottom: 0; line-height: 1; }

.home form.homeform { width: 50%; margin: 0; }

.home form.homeform label { float: left; clear: both; width: 25%; text-align: right; padding-right: 10px; font-size: 27px; margin-bottom: 10px; }

.home form.homeform input { float: left; width: 75%; margin-bottom: 10px; }

.home .home-middle { background: #ccaa77; color: #fff; padding: 20px 0; }

.home .home-middle h1, .home .home-middle h2, .home .home-middle h3, .home .home-middle h4, .home .home-middle p { color: #fff; }

.home .home-middle h4 { font-size: 45px; }

.home .home-middle a { color: #002040; }

.home .home-middle a:hover { color: #ff6840; }

.home .home-middle-bottom { background: #002040; }

.home .home-footer { color: #000; padding: 25px 0; }

.home .home-footer h1, .home .home-footer h2, .home .home-footer h3, .home .home-footer h4, .home .home-footer h5, .home .home-footer p { color: #000; }

.home .home-footer h4 { text-align: center; }

.home .home-footer ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.home .home-footer ul li { margin-right: 5px; margin-bottom: 10px; }

/* ## Entries
--------------------------------------------- */
.entry { margin-bottom: 40px; padding: 0 60px; }

.content .entry { background-color: transparent; }

.content > div { padding: 0 60px; }

.entry-content ol, .entry-content ul { margin-bottom: 28px; margin-left: 40px; }

.entry-content ol > li { list-style-type: decimal; }

.entry-content ul > li { list-style-type: disc; }

.entry-content ol ol, .entry-content ul ul { margin-bottom: 0; }

.entry-content code { background-color: #333; color: #ddd; }

/* ## Entry Meta
--------------------------------------------- */
p.entry-meta { font-size: 16px; margin-bottom: 0; }

.entry-header .entry-meta, .entry-comments .entry-meta { margin-bottom: 24px; border-top: 1px solid #002040; border-bottom: 1px solid #002040; color: #002040; }

.entry-header .entry-meta a, .entry-comments .entry-meta a { color: #002040; }

.entry-header .entry-meta a:hover, .entry-comments .entry-meta a:hover { color: #ff6840; }

.entry-comments .entry-meta { text-align: center; }

.entry-footer .entry-meta { border-top: 2px solid #f5f5f5; padding-top: 24px; }

.entry-categories, .entry-tags { display: block; }

.entry-comments-link { float: right; }

.entry-comments-link::before { content: ""; margin: 0 6px 0 2px; }

/* ## Pagination
--------------------------------------------- */
.pagination { clear: both; margin: 40px 0; padding: 0 60px; }

.adjacent-entry-pagination { margin-bottom: 0; }

.archive-pagination li { display: inline; }

.archive-pagination li a { background-color: #002040; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; padding: 8px 12px; }

.archive-pagination li a:hover { background-color: #ff6840; }

.archive-pagination .active a { background-color: #ccaa77; }

.previous-next-posts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: -20px; margin-bottom: 20px; }

.previous-next-posts > div { background: #002040; padding: 10px 20px; width: 40%; font-style: italic; opacity: .8; }

.previous-next-posts > div:hover { opacity: 1; }

.previous-next-posts .next-post { text-align: right; }

.previous-next-posts .arrow { color: #ccaa77; display: block; margin-bottom: 20px; }

.previous-next-posts .arrow:hover { color: #ff6840; }

.previous-next-posts h4 { text-transform: none; }

.previous-next-posts h4 a { color: #fff; font-weight: normal; }

.previous-next-posts h4 a:hover { color: #ff6840; }

.hover-boxes img { opacity: .8; }

.hover-boxes img:hover { opacity: 1; }

/* ## Comments
--------------------------------------------- */
.comment-respond, .entry-comments, .entry-pings { background-color: transparent; margin-bottom: 40px; }

.comment-respond .greatcomment, .entry-comments .greatcomment, .entry-pings .greatcomment { border: 1px dashed #002040; padding: 5px; }

.comment-respond, .entry-pings { padding: 40px 40px 16px; }

.entry-comments { padding: 40px; }

.comment-header { font-size: 16px; }

li.comment { background-color: #f5f5f5; border: 2px solid #fff; border-right: none; }

.comment-content { clear: both; }

.comment-list li { margin-top: 24px; padding: 32px; }

.comment-list li li { margin-right: -32px; }

.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; }

.entry-comments .comment-author { margin-bottom: 0; }

.entry-pings .reply { display: none; }

.form-allowed-tags { background-color: #f5f5f5; font-size: 16px; padding: 24px; }

/* # Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar { font-size: 16px; }

.sidebar li { border-bottom: 1px dotted #ddd; margin-bottom: 10px; padding-bottom: 10px; }

.sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; }

.sidebar .widget { background-color: transparent; padding: 20px; max-width: 360px; margin: 0 auto; }

.sidebar .widget.form-box { background: #002040; color: #fff; }

/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets { background-color: #333; clear: both; padding-top: 40px; color: #999; }

.footer-widgets a { color: #999; }

.footer-widgets input { border: 1px solid #333; }

.footer-widgets a.button, .footer-widgets a:hover { color: #fff; }

.footer-widgets li { border-bottom: 1px dotted #666; margin-bottom: 10px; padding-bottom: 10px; }

.footer-widgets .widget { margin-bottom: 40px; }

.footer-widgets p:last-child { margin-bottom: 0; }

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 340px; }

.footer-widgets-1 { margin-right: 60px; float: left; }

.footer-widgets-2 { float: left; }

.footer-widgets-3 { float: right; }

/* # Site Footer
---------------------------------------------------------------------------------------------------- */
.main-footer { background: #002040; }

.main-footer-menu { background: #ccaa77; }

.site-footer { background-color: #ffffff; font-size: 16px; line-height: 1; padding: 10px 0; text-align: center; }

.site-footer p { margin-bottom: 0; }

.main-footer-menu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.main-footer-menu ul li { text-transform: uppercase; font-size: 18px; margin-right: 10px; }

.main-footer-menu ul li:after { content: " ~ "; color: #000; padding-left: 5px; }

.main-footer-menu ul li:last-child:after { content: ''; padding-left: 0; }

.more-link { display: block; border-bottom: 1px solid #002040; border-left: 1px solid #002040; text-align: right; margin-top: 15px; }

.more-link span { font-style: italic; font-weight: bold; background: #002040; padding: 5px; color: #fff; position: relative; top: -5px; }

.more-link:hover span { color: #ff6840; }

.green-border { border: 5px solid #002040; }

a:hover .green-border { border: 5px solid #ff6840; }

.subscribe-box { margin-bottom: 40px; color: #fff; text-align: center; }

.subscribe-box h2 { color: #fff; background: #002040; margin-bottom: 0; padding: 10px; }

.subscribe-box form { background: #ffffff; padding: 20px; }

.subscribe-box .form-elements { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

.subscribe-box .form-elements input { width: 33%; margin-right: 15px; }

.sidebar-signup-form input { width: 75%; margin: 0 auto; display: block; margin-bottom: 10px; padding: 10px; }

.sidebar-signup-form input.submit { width: auto; }

/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) { .sidebar-primary { width: 30%; }
  .content { width: 70%; } }

@media only screen and (max-width: 1200px) { .site-inner, .wrap { max-width: 960px; }
  .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; }
  .content, .site-header .widget-area { width: 620px; }
  .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; }
  .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-primary, .title-area { width: 300px; }
  .footer-widgets-1 { margin-right: 30px; } }

@media only screen and (max-width: 960px) { .site-inner, .wrap { max-width: 800px; }
  .content { width: 100%; }
  .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap { width: 100%; }
  .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 100%; }
  .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap { width: 100%; }
  .sidebar-primary, .sidebar-secondary { width: 100%; }
  .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap { width: 100%; }
  .site-header .widget-area, .title-area { width: 100%; }
  .site-header .wrap { padding: 20px 5%; }
  .header-image .title-area { background-position: center top; }
  .genesis-nav-menu li { float: none; }
  .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; }
  .genesis-nav-menu, .site-description { text-align: center; display: block; }
  .site-header .title-area, .site-header .search-form { text-align: center; }
  .site-title { text-align: center; }
  .genesis-nav-menu a { padding: 20px 16px; }
  .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 20px 16px; }
  .site-header .search-form { margin: 16px auto; }
  .genesis-nav-menu li.right { display: none; }
  .footer-widgets-1 { margin-right: 0; } }

@media only screen and (max-width: 800px) { body { font-size: 16px; }
  .site-inner, .wrap { padding-left: 5%; padding-right: 5%; }
  .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .sidebar .widget, .site-header { padding: 0; }
  .archive-pagination li a { margin-bottom: 4px; }
  .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; }
  .sidebar .widget.enews-widget { padding: 40px; }
  .home form.homeform { width: 100%; }
  .home form.homeform label { width: 100%; display: block; margin-bottom: 0; text-align: left; }
  .home form.homeform input { width: 100%; display: block; }
  .previous-next-posts { display: block; }
  .previous-next-posts > div { width: 100%; }
  .previous-next-posts .next-post { text-align: left; } }

@media only screen and (max-width: 400px) { .header-image .site-title > a { background-size: contain; } }