/*
Theme Name: onpause
Author: Jon Williams, ssone digital
Author URI: http://ssone.co/
*/

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    height: 100%
}


body {
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;
    min-width: 320px;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
}


body,
html,
.off-canvas-wrap
{
    height: 100%;

}

.off-canvas-wrap {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.off-canvas-wrap .inner-wrap {
    min-height: 100%;
    margin-bottom: -35px;
}


.masthead {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.masthead .show-for-medium-up {
    margin-top: 20px;
}

#medium-up-masthead-push{
    height: 80px;
}

#small-masthead-push{
    height: 60px;
}

.menu i {
    font-size: 18px
}

#mobile-logo img {
    padding: 3px 0
}

#logo {
    display: block;
}

#stage-push {
    height: 50px;
}

#footer {
    width: 100%;
    height: 35px;
    background: #000;
    color: #FFF;

}

#footer p {
    margin: 5px;
    font-size: 14px;
    color: #FFF
}

.vcard {
    border: none;
}

/************************************************* menus */

ul.off-canvas-list li a {
    display: block;
    padding: 5px 0.66667rem;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease;
}


/************************************************* article */


article {
    margin: 0 0 10px 0;
    padding: 0px 0 40px 0;
    border-top: 1px dotted #333;
}

h1 {
    font-size: 20px;
}

p {
    color: #444;
}

button, .button {
    padding: 10px 25px;
    font-size: 14px;
}

.entry-meta {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 10px 0;
}

.image-block {
    padding-top: 10px;
}

.article-text {

}

.photo-title {
    text-transform: uppercase;
    font-size: 12px;
}

.photo-description p {
    font-size: 12px;
}

.feature-image-prompt p {
    padding: 80px 0 0 0;
    font-size: 24px;
}

.feature-image {
    margin: 0 0 10px;
}

.feature-image-prompt {
    height: 100%;
    opacity: 0;
    background: black;
    text-align: center;
    color: #FFF;
}

.feature-image-prompt:hover {
    opacity: 0.6;

    transition: opacity 300ms ease;
}

.fancybox img:hover {
    opacity: 0.8;
    transition: opacity 300ms ease;
}


/***** comments ***/
ol.commentlist .row {width: 100%; margin: 0px; padding: 10px 0}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li {font-size: 11px; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {  }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { margin:0 ; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none;  text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li.depth-1 {border-left: 1px dotted; padding: 10px; margin: 0 0 10px 0}
ol.commentlist li ul.children li.depth-2 { }
ol.commentlist li ul.children li.depth-3 {  }
ol.commentlist li ul.children li.depth-4 { }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback {  padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


#submit {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #627f79;
    border-color: #4e6661;
    color: #fff;
    text-transform: uppercase;
    transition: background-color 300ms ease-out;
}

#submit:hover {
    background-color: #4E6661;
    transition: background-color 300ms ease-out;
}


/*** connect to the site  ***/

#site-connect {
    padding: 15px;
    font-size: 28px;
}


/**** subscribe **/

#subscribe2_widget-3 h4 {
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
}

#subscribe2_widget-3 {
    padding: 15px 15px 0;
}

.s2w-widget-submit-btn {
    border-style: solid;
    border-width: 0px;
    width: 100%;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0.5rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 14px;
    background-color: #627F79;
    border-color: #4e6661;
    color: #fff;
    text-transform: uppercase;
    transition: background-color 300ms ease-out;
}

.s2w-widget-submit-btn:hover {
    background-color: #4E6661;
    transition: background-color 300ms ease-out;
}