/*
Theme Name: steeps
Theme URI: https://github.com/louking/steeps
Author: Lou King
Author URI: https://github.com/louking
Description: steeplechasers.org theme
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: steeps
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 steeps is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Fonts
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
    5.1 Links
    5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
    10.4 Layout
11.0 Infinite scroll
12.0 Media
    12.1 Captions
    12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
0.0 Fonts
--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);



/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

ol,
ul {
    list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

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

a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 140%;
    line-height: 1.2;
    word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

b,
strong {
    font-weight: bold;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

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: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    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;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

th {
    font-weight: bold;
}

h1 {
    display: block;
    font-size: 1.6em;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.3em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 0.15em;
    margin-bottom: 0.15em;
    font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
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 */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    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, .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: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    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:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #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"] {
    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;
}

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: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    color: #0e76bd; /* logo steeple color */
}

a:visited {
    /*color: purple;*/
}

a:hover,
a:focus,
a:active {
    color: rgb(12,126,170);
}

/* special for title links */
.entry-title a {
    text-decoration: none;
    /*color: #404040; /* match 2.0 body */
    color: inherit;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.navigation-area {
    padding-left: 4px;      /* support older browsers */
    padding-left: 0.4rem;   /* preferred */
    width: 100%;
    z-index: 99999;
    overflow: visible;
}

.main-navigation {
    display: block;
    float: left;
    width: 100%;
    z-index: 100000;
    padding-top: 6px;
    padding-bottom: 6px;
}


.breadcrumbs {
    clear: both;
}

.main-navigation {
    background-color: #0e76bd;  /* logo steeple color */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;    
}

.breadcrumbs {
    margin-top: 3px;
    font-size: small;
    font-weight: bold;    
}

.navigation-button-area {
    float: right;
    margin-bottom: 0px;
    direction: rtl;
}

.navigation-button {
    margin: 12px 0;
}

.race-buttons {
    clear: right;
}

.race-buttons a {
    text-decoration: none;    
}
.race-buttons a img {
    width: 23%;     /* four races, fit evenly */
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left:0;
    z-index: 100001;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: black;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.15em;     /* if submenu disappears, try making this smaller because ul is too low */
    left: -999em;
    z-index: 100002;
    background-color: #0e76bd;  /* logo steeple color */
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
}

/* support three levels of menu -- add more of these for more levels */
.main-navigation li:hover > a,
.main-navigation li:hover ul li > a,
.main-navigation li.focus ul li > a,
.main-navigation li:hover ul ul li > a,
.main-navigation li.focus ul ul li > a
{
    background-color: #ceebf1; /* logo flag color */
    color: rgb(66,66,66);
}

.main-navigation ul a:hover,
.main-navigation ul ul a:hover,
.main-navigation ul ul li a:hover,
.main-navigation ul ul ul li a:hover
{
    color: #0e76bd; /* logo steeple color */
}

/* pull up 1st level submenu */
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul
{
    left: auto;
    background-color: #ceebf1; /* logo flag color */
    color: rgb(66,66,66);
}

/* pull up 2nd level submenu */
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul
{
    left: 100%;
    background-color: #ceebf1; /* logo flag color */
    color: rgb(66,66,66);
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

.main-navigation .menu-item > a {
    padding-left: 10px; /* support older browsers */
    padding-left: 1rem; /* preferred */
    padding-left: 10px;
    padding-right: 1rem;    
    text-transform: capitalize;
    color: white;
}
.breadcrumbs {
    text-transform: lowercase;
    padding-left: 10px; /* support older browsers */
    padding-left: 1rem; /* preferred */
}
.breadcrumbs span a {
}

/* Small menu */
.menu-toggle {
    display: none;
}

@media screen and (max-width: 600px) {
    .navigation-area {
        position: static;
        display: inline-block;
    }
    
    .menu-toggle,
    .main-navigation.toggled .nav-menu,
    .main-navigation.toggled ul,
    .main-navigation.toggled ul ul,
    .main-navigation.toggled ul ul ul
    {
        display: block;
        float: none;
        background: #0e76bd;  /* logo steeple color */
        font-family: Verdana,Geneva,sans-serif;
        font-weight: bold;    
        padding-top: 6px;
        padding-bottom: 6px;
        color: white;
        text-shadow: none;
        box-shadow: none;
        border: none;
        text-transform: capitalize;
        position: static;
        font-size: 16px;    /* support older browsers */
        font-size: 1.6rem;  /* preferred */
    }

    .main-navigation {
        width: 100%;
    }
    
    .main-navigation ul {
        display: none;
        position: static;
    }
    
    .main-navigation ul ul,
    .main-navigation ul ul ul
    {
        float: none;
        left: auto;
    }
    
    .main-navigation ul li
    {
        float: none;
        display: list-item;
        left: +10px;     /* support older browsers */
        left: +1rem;    /* preferred */
        font-size: 16px; 
        font-size: 1.6rem;
    }

    .navigation-button-area {
            float: none;
            direction: inherit;
        }
    
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.site-main ul li {list-style-type:disc;}
.site-main ul li ul li {list-style-type:circle;}
.site-main ol li {list-style-type:decimal;}
.site-main ol li ol li {list-style-type:lower-alpha;}


.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.sub-menu li a {
    margin-left: +10px;     /* support older browsers */
    margin-left: +1rem;     /* preferred */
}

.site-header table {
        max-width: 760px;
        margin: 0px; 
}

.banner-image th img {
        max-height: 120px;
}

/* archive - jQuery Archive Widget plugin */
.jaw_widget, .jaw_widget ul {
    list-style: none;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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 */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
/* from http://codex.wordpress.org/Wrapping_Text_Around_Images */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

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

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.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-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.cat-links {
    display: none;
}

/*.content-area,*/
/*.widget-area {*/
/*    font-family: Arial, Helvetica, sans-serif;*/
/*}*/
/**/
/*.widget-area {*/
/*    font-size: 90%;*/
/*    line-height: 1.2em;*/
/*    letter-spacing: normal;*/
/*}*/

#steeps-factoid {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
    font-weight: bold;
    margin-left:  4px;  /* support older browsers */
    margin-left: 0.4rem;    /* match .navigation-area {padding-left} */
    margin-right: 0%;
    background-color: #122B5F;  /* logo steeple color (darker) dark cobalt blue, or saturated volkswagen enzian blue (per  http://encycolorpedia.com/1a2e58 )*/
    color: #ceebf1; /* logo flag color */
    padding: 5px 15px;
    display: block;
    clear: both
}

#steeps-factoid-base {
    font-size: 140%;
}

#quick-link-buttons {
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 25px;
}

#quick-link-buttons .qlb-text {
    vertical-align: middle;
    font-family: Oswald, sans-serif;
    font-size: 170%;    /* approx .content-title {font-size: 140%} but note content-title is h1 which makes it bigger */
}

#quick-link-buttons .qlb-text::after {
    content: ">";
    color: rgb(66,66,66);
}

#quick-link-buttons a {
    text-decoration: none;
    text-transform: uppercase;
}

#quick-link-buttons a img {
    vertical-align: middle;
    width: 70px;    /* percentage looks funny */
    padding: 0 5px 0 25px;
}

#quick-link-buttons .quick-link-block {
    display: inline-block;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
10.4 Layout
--------------------------------------------------------------*/

.background {
    /*background-color: #0e76bd; /* logo steeple color */
    /*background-image: "http://steeplechasers.org/steepsv2/wp-content/uploads/2014/12/frederick-map.jpg"*/
}

.site {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3px 0 3px;
    background-color: white;
}

.header-images {
    position: relative;
    overflow: visible;
}

.banner-logo {
    position: absolute;
    top: 11%;
    left: 0;
    width: 15%;
    padding: 2px;
    background-color: white;
    z-index: 200;   /* make above slideshow elements */
}

.header-images .slideshow-wrapper {
    position: relative;
    top: 0;
    left: 15%;          /* match .banner-logo {width} for no overlap */
    max-width: 85%;
}

.header-images #imagecustom {
}

.content-area {
    float: left;
    margin: 0 -35% 0 0; /* move to left 35% */
    width: 100%;
}
.site-main {
    margin: 0 35% 0 0;
}
.site-content .widget-area {
    float: right;
    overflow: hidden;
    width: 33%;
}

img.page-icon-15pc {
    max-width: 15%;
}

img.page-icon-10pc {
    max-width: 10%;
}

img.page-icon-20pc {
    max-width: 20%;
}

/* woocommerce support -- after site-main to override */
.woocommerce-wrapper {    
    margin: 3px 0 0 0;
}

@media screen and (max-width: 600px) {
    .content-area {
        width: 100%;
    }
    .site-main {
        margin: 0 0 0 0;
    }
    .site-content .widget-area {
        width: 100%;
    }

    #steeps-factoid {
        clear: both;
        position: static;
        margin-left: 0;
    }
    
    #quick-link-buttons {
        margin-left: 0;
    }
}

.content-area,
.widget-area {
    padding: 3px 0 0 4px;           /* support older browsers */
    padding: 0.3rem 0 0 0.4rem;     /* preferred */
}
.site-footer {
    clear: both;
    width: 100%;
}

.site-footer table {
    border: solid;
    border-width: thin;
    background-color: #0e76bd; /* logo steeple color */
}

.site-footer td {
    font-size: x-small;
    line-height: 1em;
    vertical-align: middle;
    padding-left: 5px;      /* support older browsers */
    padding-left: 0.5rem;   /* preferred */
    padding-right: 5px;
    padding-right: 0.5rem;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    color: white;
}

.site-footer td a {
    color: white;
}

.site-footer img {
    height: 67px;   /* match .gs-trustbadge - see footer.php */
    margin: 2px;
}

.site-footer .gs-trustbadge {
    height: inherit;
    margin: 2px;
}

.content-title,
.widget-title
{
    background-color: #ceebf1; /* logo flag color */
}

.widget_search .widget-title,
.widget-title h1
{
    font-size: 140%;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(12,126,170);
}

.widget_search .widget-title
{
    font-size: 196%;    /* 1.4*1.4 to emulate .widget-title a below */
}

.content-title a,
.widget-title a
{
    font-size: 140%;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.type-page .entry-title {
    /*display: none;*/
}

.excerpt-header .entry-title {
    font-weight: bold;
}

.excerpt-content:before,
.excerpt-content:after{
    display: inline;
}

.content-title h1,
.widget-title {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    font-size: 140%;
    font-weight: bold;
}

/* special layout for competition race-csv page */
.events-race-csv p {
    margin: 0;
    padding: 0;
}

/* layout for FSRC Logos page table */
.steeps-logo-table table {    
    border: 2px solid black;
    border-collapse: collapse;
}

.steeps-logo-table th {
    text-align: center;
    font-weight: bold;
    border: 1px solid black;
}

.steeps-logo-table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    margin: auto;
}

.steeps-logo-table img {
    margin: auto;
    margin-bottom: 2px;
    margin-top: 2px;
}

.grouped .ecs-date:first-child {
    padding-top: 0;
}

.grouped .ecs-date {
    font-size: 1.3em;
    margin-bottom: 0.75em;
    padding-top: 1.5em;
 }

 .grouped .ecs-event {
    padding-left: 1.5em;
 }
/*--------------------------------------------------------------
10.4.1 Article Pages
--------------------------------------------------------------*/
.site-main article:not(:first-child) {
    border-top: 1px solid #122B5F;  /* logo steeple color (darker) dark cobalt blue, or saturated volkswagen enzian blue (per  http://encycolorpedia.com/1a2e58 )*/
}

.site-main article.has-post-thumbnail .panel-wrap {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */    
}

.site-main article.has-post-thumbnail.steeps-archive .panel-image img {
  -webkit-box-ordinal-group: 1;  
  -moz-box-ordinal-group: 1;     
  -ms-flex-order: 1;     
  -webkit-order: 1;  
  order: 1;
  margin: 5px;
}

.site-main article.has-post-thumbnail.steeps-archive .panel-content {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 70%;
}



/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-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;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 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;
}

/* clean up widgets */

/* custom facebook feed */
#cff p { line-height: 1.2em; }
#cff.cff-fixed-height { padding-left: 0; } /* overrides cff style */
#cff.steeps-cff-widget .cff-fixed-height { padding-left: 0; }    /* needed for IE */
#cff.steeps-cff-widget .cff-item { padding: 0; }
#cff.steeps-cff-widget .cff-author-img { display: none; }
#cff.steeps-cff-widget .cff-author { margin: 0; }
#cff.steeps-cff-widget .cff-author .cff-author-text { display: inline; padding: 0; }
#cff.steeps-cff-widget .cff-author .cff-author-text .cff-author-date { display: inline; } /* not working */
#cff.steeps-cff-widget .cff-author .cff-author-text .cff-date { display: inline; } /* not working */
#cff.steeps-cff-widget .cff-author .cff-author-text span { display: inline; margin: 0; padding: 0; }
#cff.steeps-cff-widget .cff-author .cff-author-text * { 
    display: inline; 
    margin: 0 !important; 
    padding: 0; 
}
#cff.steeps-cff-widget .cff-post-text { display: inline; }
#cff.steeps-cff-widget .cff-viewpost-facebook { padding: 0; }

/* the events calendar */
#tribe-events-pg-template, .tribe-events-pg-template {
    margin-top: 5px;
    margin-bottom: 5px;
}
.tribe-events-list-widget ol li { margin-bottom: 4px; }
.tribe-events-list-widget ol { margin: 0; }
.tribe-events-widget-link { display: none; }
.tribe-mini-calendar-event {
    padding: 0;
    margin: 0;
}
.type-tribe_events{
    margin: 0;
}
.tribe-mini-calendar-event .list-info {
    margin-top: 2;
    margin-bottom: 2;
}

/* the events calendar - community events */
body.tribe_community_edit .recurrence-row,              /* disable repeating of events */
body.tribe_community_edit .tribe-section-taxonomy,      /* disable categories */
body.tribe_community_edit .tribe-section-custom-fields, /* disable any custom fields */
body.tribe_community_edit .tribe-section-cost           /* disable cost */
{
    display: none;
}

/* the events calendar - don't display register link */
.steeps-events .register {
    display: none;
}
.steeps-tribe-button {
    -webkit-appearance: button;
    border-color: #ccc #ccc #bbb;
    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);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.steeps-tribe-button a {
  text-decoration: none; 
  color: #fff;
}

/*
 * before html styling
 */
.tribe-events-before-html ul li {
    line-height: inherit;
    margin: 0 0 0 0;
}
.tribe-events-before-html table {
    border-collapse: collapse;
}
.tribe-events-before-html table, .tribe-events-before-html th, .tribe-events-before-html td {
    /*border: 1px solid black;*/
    padding: 3px;
}
body.tribe_community_edit .steeps-ce-class-logged-out > form#loginform {
    margin-top: 21px;
}
body.tribe_community_edit .steeps-ce-class-logged-out > .register {
    margin-bottom: 21px;
}

/* 
 * the events calendar - before html configuration 
 *   selective for month view, community events add, community events list
 *   requires steeps-event-community-xxxx class to be used in before or after html configuration
 */
body.events-gridview .steeps-event-month-view {         
    display: initial !important;        /* display only on month view */
}

body.tribe_community_edit .steeps-ce-class-logged-out .steeps-event-community-logged-out,
body.tribe_community_list .steeps-ce-class-logged-out .steeps-event-community-logged-out
{ 
    display: initial !important;        /* display when logged out ( edit and list views) */
}
body.tribe_community_edit .steeps-ce-class-logged-out > p,
body.tribe_community_list .steeps-ce-class-logged-out > p
{ 
    display: none;                      /* hide default text when logged out ( edit and list views) */
}

body.tribe_community_edit .steeps-ce-class-empty-form .steeps-event-community-add { 
    display: initial !important;        /* display only on community add empty form */
}

body.tribe_community_edit .steeps-ce-class-submitted .steeps-event-community-add-submitted { 
    display: initial !important;        /* display only on community add after submission */
}