/*
Theme Name: bbdrops
Description: Child theme for the blogdrops theme
Author: Timbonicus Hansen
Template: blogdrops
Version: 1.0
*/

@import url("/wp-content/themes/blogdrops/style.css");

a {
    outline: 0;
}

.navigation .nav-next a,
.navigation .nav-next a span,
.navigation .nav-previous a,
.navigation .nav-previous a span {
    position: static;
}
.navigation .nav-next a, .navigation .nav-previous a {
    height: auto;
    padding: 7px 10px !important;
    width: auto;
}

/* Portfolio */
.portfolio-image { border: 1px solid #ccc; }

/* Image alignment */
.aligncenter {
    display: inline-block !important;
    margin-right: 30px !important;
    vertical-align: top;
}
.aligncenter.lastimage {
    margin-right: auto !important;
}
img.alignleft, div.alignleft {
    margin-right: 10px !important;
    padding-right: 0 !important;
}
img.alignright, div.alignright {
    margin-left: 10px !important;
    padding-left: 0 !important;
}

/* Override highlight style to provide multi-interviewee flagging */
span.shortcode-highlight {
    background: none !important;
    text-transform: uppercase;
    color: #999 !important;
    font-size: 75%;
    border: 1px solid #ccc;
    padding: 2px 5px !important;
    margin-right: 5px;
}

/* Category descriptions */
h2.category-header {
    margin-bottom: 5px;
}
p.category-description {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

/* Remove fixed positioning */
body {
    padding-top: 0;
}
body > #header {
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    position: static;
}

/* Social icons */
ul.social-menu {
    clear: both;
}
ul.social-menu li {
    background-image: url(/wp-content/themes/bbdrops/images/social-spirit.png);
}
ul.social-menu li.sprite-facebook { background-position: 0 0; }
ul.social-menu li.sprite-twitter { background-position: -34px 0; }
ul.social-menu li.sprite-rss { background-position: 0 -34px; }
ul.social-menu li.sprite-pinterest { background-position: 0 -68px; width: 32px; height: 32px; }
ul.social-menu li.sprite-email { background-position: -34px -34px; width: 32px; height: 32px; }
.buttons .pin-it-btn-wrapper-shortcode a {
    margin-top: 0 !important;
}

.entry p {
    margin-bottom: 15px;
}
.entry p a:hover {
    background: none;
    text-decoration: underline;
}
.entry blockquote {
    padding-left: 15px;
    border-left: 2px solid #e7e7e7;
    margin: 0 0 10px 20px;
    font-style: italic;
    color: #828282;
}
.entry a, .comment a {
    color: #339999 !important;
}
a.mainbutton {
    color: white !important;
}
.entry a:hover {
    color: #99CCCC !important;
}
.entry .meta a, .entry em a {
    color: #303030;
}
.entry .meta a:hover, .entry em a:hover {
    color: #787878;
    background: url(/wp-content/themes/bbdrops/images/transparent-light.png);
}
.tmnf-sc-quote p {
    min-height: 30px !important;
}

#header {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#header .container_alt {
    overflow: visible;
    padding-bottom: 0;
    white-space: nowrap;
}
#header img.spacer {
    display: inline-block;
    height: 71px;
    width: 338px;
}
#header img.bb-logo {
    left: 0;
    position: absolute;
    top: 5px;
    z-index: 2;
}
#header .logo-cell, #header .byline {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
}
#header .byline { font-size: 16px; padding-left: 40px; }

#navigation {
    background-color: white;
}
#navigation li.menu-item {
    background-image: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    min-width: 70px;
}
#navigation li.menu-item > a {
    text-shadow: none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}
#navigation li.menu-item:hover > a {
    text-shadow: 0 0 10px #9cc;
}
#navigation li.menu-item a {
    padding: 9px 0;
}
#navigation #main-nav {
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 1140px;
    padding-left: 353px;
}

div.container {
    margin-top: 15px;
}

div.inside h2 {
    padding-top: 20px;
}
div.inside > ul,div.inside ul.social-menu {
    margin-bottom: 0 !important;
}

ul.medpost > li > h2, .archivepost li h2,.comment-author cite {
    text-transform: none;
}

.searchform input.s {
    padding: 5px 10px;
}
.searchform .searchSubmit {
    top: 6px;
}
h2.widget-single {
    clear: both;
}
img.full-width {
    width: 100%;
}
table.etsyItemTable td a img {
    border: 1px #ddd;
}

/* Comment form + Captcha */
#respond .comment-form-comment {
    clear: both;
}
#respond .cptch_block label { float: none; }
#respond .cptch_block #cptch_input {
    float: none;
    margin-bottom: 20px !important;
}


/* MailChimp overrides */
div.mc_signup {
    margin-bottom: 20px;
}
div.mc_merge_var,div.mc_signup_submit {
    clear: both;
    padding-top: 5px;
}
div.mc_merge_var label {
    width: 110px;
}
.mc_merge_var input {
    padding: 2px;
    width: 170px;
}
.mc_signup_submit input {
    background-color: #99CCCC;
    color: white;
    cursor: pointer;
    font-size: 11px !important;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 20px;
    margin-top: 0 !important;
    width: auto !important;
}
#mc-indicates-required {
    display: none;
}
.mc_required {
    color: #990000;
}

/* Allow side-by-side captions */
.wp-caption.alignnone {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
}

/* FlickrAttributionShortcode */
.flickr-photo-attribution {
    font-size: 12px;
    color: #999 !important;
    font-style: italic;
}

/* AuthorBioShortcode */
.author-shortcodes {
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
    border-bottom: 1px solid #979797;
    padding-top:1px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.author-inner {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 17px 21px 10px 17px;
}
.author-inner .author-image {
    width: 62px;
    position: absolute;
    padding-left:6px;
    padding-top:6px;
    min-height: 85px;
}
.author-image img {
    border: none !important;
}
.author-inner .author-image .author-overlay {
    width: 69px;
    position: absolute;
    height: 75px;
    top: 0px;
    left: 0px;
}
.author-inner .author-info {
    min-height: 75px;
    padding-left: 83px;
}

/* Popular posts */
.inside ul.wpp-list {
    margin-bottom: 0;
    padding-bottom: 20px;
}
.inside ul.wpp-list > li {
    background: none;
    padding: 0;
    white-space: nowrap;
}
.inside ul.wpp-list img.wpp_featured {
    margin-top: -3px;
    padding: 3px 0;
}
.wpp-thumbnail {
    margin-right: 5px;
    vertical-align: middle;
}
div[id^="wpp-"] {
    min-height: 300px;
}
.yarpp-related {
    margin-top: 30px !important;
}
.yarpp-bbest-list {
    margin-left: 0 !important;
}
.yarpp-bbest-list > li {
    border: 1px solid #e6e6e6;
    display: inline-block;
    line-height: 1.5;
    margin-right: 10px;
    min-height: 150px;
    padding: 10px;
    vertical-align: top;
    width: 197px;
}
.yarpp-bbest-list > li:last-child { margin-right: 0; }

/* Shipping calculator */
#bb_usps_type,#bb_usps_destination,#bb_usps_weight {
    font-size: inherit !important;
    padding: 5px;
}
.bb-usps-select {
    width: 100%;
    margin-bottom: 18px;
}
.bb-usps-select td {
    line-height: 18px;
}
.bb-usps-select select {
    width: 220px;
}
.bb-usps-value tr:hover td[colspan] {
    background-color: inherit;
}
.bb-usps-value tr td[colspan="3"] {
    font-size: 12px;
}

/* Mobile fixes */
@media only screen and (max-width: 490px) {
    #header img.spacer {
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
    }
    #header img.bb-logo {
        width: 100%;
    }
    ul#main-nav > li {
        width: 90% !important;
    }
}
@media handheld, only screen and (max-width: 740px) {
    #slider, #homewidget { display: none; }
    ul#main-nav > li {
        padding-left: 5% !important;
        width: 90% !important;
    }
    .entry img { max-width: 100%; }
    #commentform p { width: 100%; }
    #commentform textarea { width: 89%; }
    #commentform p, #commentform textarea, #commentform input { float: none; }
}
@media screen and (max-width: 1030px) {
    #navigation #main-nav { padding-left: 205px !important; }
    #navigation #main-nav li.menu-item { padding: 0 20px; }
}
@media screen and (max-width: 910px) {
    ul.social-menu > li {
        margin-right: 5px !important;
    }
    #navigation #main-nav li.menu-item { width: auto; }
}
@media screen and (max-width: 800px) {
    ul.social-menu > li {
        margin-right: 1px !important;
    }
    #header img.spacer { height: 110px; }
    #navigation #main-nav { padding-left: 0 !important; }
}
@media handheld, only screen and (max-width: 740px) {
    #navigation #main-nav li.menu-item { width: auto !important; }
}
@media handheld, only screen and (max-width: 580px) {
    #header .byline { display: block !important; }
    #navigation #main-nav li.menu-item { width: 90% !important; }
}
