/*
Theme Name: Montag Renegade
Theme URI: (none)
Version: 0.1
Description: A messy pile of Wordpress CSS
Author: Matt Montag
Author URI: http://mattmontag.com
*/

/* Portfolio: @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400|Lora:400italic,700italic);*/
/* Poly doesn't have bold face: @import url(http://fonts.googleapis.com/css?family=Poly:400,400italic,700,700italic|Roboto:400,700);*/
/* Alegreya isn't great: @import url(http://fonts.googleapis.com/css?family=Alegreya:400,400italic,700|Roboto:400,700);*/
@import url(//fonts.googleapis.com/css?family=Poly:400,400italic|Alegreya:700);
@import url("reset.css");

@media (max-width: 1000px) {
    body .wrap {
        width: 100%;
    }
    body .c1 {
        width: 100%;
        float: none;
    }
    body .header, body .c1, .menu {
        max-width: 640px;
        margin: 0 auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    body .c2 {
        display: none;
    }
    body .post-title {
        font-size: 1.8em;
        line-height: 135%;
    }
    body h2 {
        font-size: 1.25em;
    }
    .menu {
        white-space: nowrap;
    }
}

@media (min-width: 1400px) {
    /* Jumbotron mode :) */
    html {
        zoom: 1.25;
        -moz-transform: scale(1.25);
        -moz-transform-origin: 50% 0;
        -o-transform: scale(1.25);
        -o-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
    }
}
@media (min-width: 1800px) {
    /* Jumbotron mode :) */
    html {
        zoom: 1.5;
        -moz-transform: scale(1.5);
        -moz-transform-origin: 50% 0;
        -o-transform: scale(1.5);
        -o-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
    }
}
/*
Basic
*/
p { margin: 24px 0; }
p:first-child { margin-top: 0 }
blockquote { margin: 24px 0; padding: 0 24px; color: #555; border-left: 8px solid rgba(59, 89, 153, 0.2) }
acronym, abbr { cursor:help; border-bottom:1px dashed #999; }
code, pre { font: normal 12px/20px Menlo, Monaco, Consolas, fixed;
    display: inline-block;
    background: rgba(200,200,200,0.25);
    padding: 0 4px;
    border-radius: 5px;
    white-space: pre-wrap;
}
pre { display: block; padding: 12px 16px; margin: 12px 0; }

sup { line-height: 1em; vertical-align:super; font-size: xx-small;}
sub { line-height: 1em; vertical-align:sub; font-size: xx-small;}
small { font-size:x-small; }

b, strong, th { font-family: Alegreya; font-weight: 700; font-size: 105%; }

ul { margin:0; padding:0 0 11px 25px; list-style:square; }
ul ul { padding-bottom: 0; }
ol { margin:0; padding:0 0 5px 25px; list-style:decimal; }
dl dd { padding:0 0 0 20px; }
input, select, textarea {
    font:normal 12px/100% "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#444; padding: 8px; border:solid 1px #ccc;
    box-shadow:rgba(0, 0, 0, 0.06) 0 2px 3px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.06) 0 2px 3px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.06) 0 2px 3px;
}
textarea { line-height:130%; }
input:focus, select:focus, textarea:focus { border-color: #3b5999; outline: none; }

figcaption { font-size: 80%; font-style: italic; }
/* montag added pushbutton-wide to this class, removed italic, added bold */
input.button, input.pushbutton-wide, .navigation .prev, .navigation .next {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background:#3b5999;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #779fc8), color-stop(1, #5371a6) );
    background:-moz-linear-gradient( center top, #779fc8 5%, #5371a6 100% );
    border: 1px solid #3b5999;
    padding: 8px 13px 8px 13px;
    text-shadow: 0 -1px 0 #333;
    font-size: 14px; line-height:100%; color:#FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    display: inline-block;
}

table, th, td {  border-collapse:collapse; padding:2px 7px 2px 7px; }
/* Oct 25 2010 montag border removed from tables. */
th { background-color:#F0F0F0; border-bottom: 1px solid #E0E0E0; text-align: left; padding: 4px 7px;  }
td { border-right: 1px solid #E0E0E0; }
td:last-child, .sidebar-stats th:last-child { border-right: 0 none; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:150%;
    margin:24px 0;
    font-weight: 400;
}
h1 { font-size:180%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:80%; }
.post-title {
    overflow: hidden;
    font: 400 36px/48px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    margin: 12px 0 36px 0;
    padding: 0;
    position: relative;
    top: 6px;
}
.post-title a { color:#333; text-decoration:none; }
.post-title a:hover { color:#333; text-decoration:none; }
.post-text { overflow:hidden; }



/* page header */
.page-head { padding:0 0 20px 0; margin:0 0 20px 0; overflow:hidden; border-bottom:dotted 2px #EAEAEA; }

/* wide template */
.page-template-wide .content .c1 { width:100%; }
.page-template-wide .content .c2 { display:none; }

/* blank template */
.page-template-blank .content .c1 { margin: 0 auto; float: none; }
.page-template-blank .content .c2,
.page-template-blank .topbar,
.page-template-blank .header { display:none; }

/* comments */
.comment-heading { margin: 16px 0; clear:both; overflow:hidden; position: relative; }
.comment-heading a { position: absolute; top: 4px; right: 0px; font-size:16px; }

.commentlist { padding:0; margin:0; overflow:hidden; clear:both; list-style:none; list-style-image:none; }
.commentlist ul { padding:0; margin:0; list-style:none; list-style-image:none; }
.comment { margin:0 0 0 24px; padding:0; overflow:hidden; }
.comment p:last-child { margin-bottom: 0 }
.comment.depth-1 { margin:0 0 10px 0; }
.comment-body { margin:0 0 10px 0; padding: 16px; overflow:hidden; position:relative; background: rgba(0, 0, 0, 0.03); }
.bypostauthor .comment-body { background: rgba(59, 89, 153, 0.1); }

.comment-body blockquote { background:#fff; padding: 16px; border:solid 2px #E8E8E8; }
.comment-body blockquote blockquote { border:0; }

.comment-meta { font-size:11px; color:#A8A8A8; line-height: 34px; }
.avatar { float:left; margin:0 10px 10px 0; }
.comment-date, .comment-edit-link { color:#A8A8A8; }
.comment-date:hover, .comment-edit-link:hover { color:#7C7C7C; text-decoration:none; }

.comment-meta h4 { display:inline; font-size:large; color:#666666; margin:0; padding:0; }

.comment-quote-link { position:absolute; right: 20px; }

.comment-text { overflow:hidden; clear:both; }

.comment-reply-link { display:none; }
.comment-body:hover .comment-reply-link {
    display:block; font-size:8pt; line-height:100%; padding:10px 6px 6px 10px; background:#E8E8E8; color:#999999; position:absolute; bottom:0; right:0;

    border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
}
.comment-reply-link:hover { text-decoration:none; }

.trackbacklist { margin:30px 0 30px 0; padding:0 0 0 30px; overflow:hidden; clear:both; }
.trackbacklist .comment-author cite, .trackbacklist .comment-author cite a { font-weight:normal; }

#commentform { margin:0 0 10px 0; }

.cancel-comment-reply { margin:0 0 20px 0; }

#commentform .avatar-user { float:left; margin:0 10px 10px 0; }
#commentform .avatar-commenter { float:right; margin:0 10px 0 10px; }

.required { color: darkred; }

/* Selectors for WP page comment form and Grunion contact plugin form */
#commentform input[type=text], .contact-form input[type=text] { width: 220px; margin-bottom: 12px; }
#commentform input[type=submit], .contact-form input[type=submit] { min-width: 140px; }
#commentform label, .contact-form label { display: inline-block; width: 140px; }
#commentform textarea, .contact-form textarea { width:75%; height:120px; }

/* widgets */
.widget_fpcomments ol { list-style:none; margin:0; padding:0; }
.widget_fpcomments ol li { padding:7px 0 7px 0; background:none; }
.widget_fpcomments .avatar { float:left; margin:0 10px 0 0; }

.widget_fptwitter ol { list-style:none; margin:0; padding:0; }
.widget_fptwitter .meta { display:block; color:#999999; font-size:x-small; }
.widget_fptwitter .meta a { color:#999999; }
.widget_fptwitter .meta span { display:none; }
.widget_fptwitter .meta .published { display:inline; }
.widget_fptwitter .followme { text-align:right; padding:10px 0 0 0; }
.widget_fptwitter .followme a { font-weight:bold; }

/* post */
.more-link {
    display:inline-block; padding:10px 15px 10px 15px; margin:20px 0 10px 0; background:#949494; clear:both;
    line-height:100%; color:#FFFFFF; font-style:italic; text-align:center; text-decoration:none;
}
.more-link:hover { background:#888888; color:#FFFFFF; text-decoration:none; }

/* post page navigation */
.post-pages { overflow:hidden; clear:both; margin:20px 0 20px 0; }
.post-pages a span, .post-pages span {
    display:inline-block; cursor:pointer; padding:8px 10px; background:#949494; border:none;
    font-size:small; line-height:100%; color:#FFFFFF;
}
.post-pages span { background:#747474; }
.post-pages a:hover span { text-decoration:none; background:#888888; }

/* archive navigation */
#comments .navigation { display: none; }
.navigation { overflow:hidden; clear:both; margin:30px 0 30px 0; line-height: 32px; }
.navigation .prev, .navigation .page-numbers { margin-right: 10px; }
.navigation .prev { float:left; }
.navigation .next { float:right; margin: 0 0 0 10px; }

/* post navigation */
.post-nav { overflow:hidden; clear:both; margin:30px 0 30px 0; }
.post-nav span { color:#B1B1B1; font-style:italic; font-size:8pt; letter-spacing:1px; }
.post-nav .alignleft a { margin:0 0 0 0; }
.post-nav .alignright a { margin:0 0 0 0; }

/* wordpress icon */
#wordpress { display:block; width:20px; height:20px; float:right; margin:0 10px 0 10px; background:url('images/wordpress_icon.png') left top no-repeat; }
#wordpress:hover { background-position:left bottom; }

body {
    margin:0; padding:0;
    background-color: #fafafa;
    background-image: url(images/speckle_paper@2x.png);
    background-size: 256px 128px;
    font:normal 400 17px/25px 'Poly', Verdana, sans-serif; color:#333;
}

a { color: #3b5999 /* #3b5999 */; text-decoration:none; }
a:hover { text-decoration: underline; }
small { font-family: Helvetica, sans-serif; margin: 10px 0; display: block; line-height: 150%; font-size: 10.5px; }

/* MONTAG portfolio styles */
.big-intro { font-size: 120%; line-height: 160%; font-family: "Open Sans", Arial; font-weight: 300; padding: 0; }
.portfolio-item { clear: both; margin: 20px 0; padding-top: 40px; border-top: 1px solid #ddd; }
.portfolio-item p { font-family: "Open Sans"; font-size: 10pt; color: #555; line-height: 170%; }
.portfolio-item h2 { font-family: Lora; font-style: italic; line-height: 100%; font-weight: 700; margin: 0; font-size: 200%; margin: -7px 0 10px 0; }
.portfolio-item h3 { font-family: "Open Sans"; font-size: 10pt; margin: -10px 0 10px 0; }
.portfolio-item h3 a { color: #999; font-style: normal; font-weight: normal; }
.portfolio-item img { border-bottom: 3px solid white; border-right: 3px solid white; }
.desc-col { width: 280px; padding: 0 30px 40px 0; float: left; }
.main-col { width: 610px; padding: 0 0 40px 0;    float: left; text-align: right; }
.big-button {
        display: inline-block; padding: 8px 14px; background: #444;
        font-family: Poly; font-style: italic; font-size: 12pt;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        box-shadow:rgba(0, 0, 0, 0.2) 0 2px 2px;
        -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 2px 2px;
        -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 2px 2px;
        text-shadow:0 1px 1px rgba(0,0,0,0.5);
        margin: 10px 0;
        }
.big-button a, .big-button a:visited { color: #ccc; }
.section-break { clear: both; font-size:45px; color:#333333; margin:20px 0; padding: 20px 0 0 0; border-top: 3px solid #555; }

.wrap { width:960px; margin:0 auto 0; }
.topbar { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; clear:both; margin:0; height:40px; overflow:visible; background-color: #333;}
.menu { padding: 0 10px; text-transform:uppercase; letter-spacing:1px; font-size:11px; line-height:100%; }
.menu ul { list-style:none; margin:0; padding:0; z-index:100; }
.menu li { display:inline-block; margin:0; padding:0; position:relative; }
.menu li a {
    display:inline-block; padding:15px 13px; margin:0;
    color:#ccc; text-decoration:none;
}
.menu li a:hover, .menu li.current_page_item a { color:#fff; }
.menu li.home-link a { background:none; padding-left:0; }
.menu li.subscribe { float:right; overflow:hidden; }
.menu li.subscribe a { background:none; color:#FFC062; }
.menu li.subscribe a:hover { color:#FFD697; }
.menu li.subscribe img { float:right; margin:-2px 0 0 8px; width:16px; height:16px; }

.header { padding:30px 20px; margin:0; clear:both; overflow:hidden; color:#ccc; }
.header h4 { font:normal 14px/140% Poly, serif; font-style:italic; margin:10px 0 0 0; }
.header .logo { float: left; height: 40px; width: 50px; background-repeat: no-repeat;
    background-image: url(images/m-logo-black.png); background-size: contain; opacity: 0.85; }

.content { clear:both; }

.c1 { width:640px; float:left; }

.post { overflow:hidden; padding:20px 20px 0 20px; margin:0 0 20px 0; }

.post-meta {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow:hidden; clear:both; color:#444; font-size:12px; }
.post-meta a { color: #3b5999; }
.post-author { display: none; }

.post-comments { font-weight:bold; }

.c2 { width:300px; float:left; margin:0 0 0 20px; }

#widgets { list-style:none; margin:0; padding: 20px; font-size: 14px; line-height: 24px; }

.widget { overflow:hidden; margin: 0 0 0 0; }
.widget a { color: #444; }
.widget h2 { margin:0 0 24px 0; padding: 24px 0 0 0; font:200 20px/48px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.widget li { list-style: none; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.widget > ul { padding-left: 0; margin-left: 0; }
.widget_search input { width:240px; background:#FFFFFF url('images/icon_search.png') 235px 10px no-repeat; }
.widget_fpcomments li, .widget_fptwitter li { border-bottom:solid 1px #CCCCCC; padding:5px 0 5px 0; overflow:hidden; }
.widget_fpcomments li:last-child, .widget_fptwitter li:last-child { border:0; }

.footer { clear:both; overflow:hidden; padding:40px 0 20px 0; color:#888888; }
.footer-text { display:inline; overflow:hidden; }


/* aligns and images */
.wp-block-image img { height:auto; } /* montag - jan 11 2022 - override height attribute */
p img { padding:0; max-width:100%; height:auto; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignnone { padding:0; margin:0 0 10px 0; display:inline; }
img.alignright { padding:0; margin:0 0 10px 10px; display:inline; }
img.alignleft { padding:0; margin:0 10px 10px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter, div.aligncenter { display: block; margin-left:auto; margin-right:auto; }
.textalignleft { text-align:left; }
.textalignright { text-align:right; }
.textaligncenter { text-align:center; }

/* captions */
.wp-caption { text-align:center; padding:0; margin:0; overflow:hidden; }
.wp-caption.alignright { margin:0 0 10px 10px; }
.wp-caption.alignleft { margin:0 10px 0 10px; }
.wp-caption.alignnone, .wp-caption.aligncenter { margin:0 0 10px 0; }
.wp-caption img { display:block; margin:0 0 4px 0; padding:0; border:0; float:none; }
.wp-caption.alignright img { float:right; }
.wp-caption.alignleft img { float:left; }
.wp-caption p.wp-caption-text { display:block; font:normal 11px/150% Arial, 'Helvetica', sans-serif; color:#666666; padding:0; margin:0; }

/* calendar */
#wp-calendar, #wp-calendar th, #wp-calendar td { background:none; border:none; }
#wp-calendar { background:none; empty-cells: hide; width:100%; font:normal 11px/200% Verdana, Arial, 'Helvetica', sans-serif; }
#wp-calendar th { font-style:normal; font-weight:normal; text-transform: capitalize; }
#wp-calendar td { text-align: center; background-color:#E1E1E1; padding:0; }
#wp-calendar td:hover { background-color:#CFCFCF; }
#wp-calendar a { text-decoration:none; display:block; background-color:#CDCDCD; color:#333333; }
#wp-calendar a:hover { background-color:#B9B9B9; }
#wp-calendar caption { font-weight:bold; text-align:center; }
#wp-calendar #today { background-color:#FFFFFF; }
#wp-calendar caption { text-align: center; width:100%; }
#wp-calendar .pad { background-color:#F0F0F0; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar .pad, #wp-calendar .pad:hover { background:#F3F3F3; }