/*
	Theme Name: Becky Baldwin Bass
	Author: Kevin Snaders
	Author URI: http://www.ks-webdesigner.com
	Version: 1.0

*/


/* ==========================================================================
   Boilerplate and reset styles
   ========================================================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio:not([controls]) {display: none; height: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q:before, q:after {content: ''; content: none;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
form {margin: 0;}
.lte8 button, .lte8 input, .lte8 select, .lte8 textarea {vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
.lte8 button, html.lte8 input[type="button"], .lte8 input[type="reset"], .lte8 input[type="submit"] {overflow: visible; }
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
.lte8 input[type="checkbox"], .lte8 input[type="radio"] {height: 13px; width: 13px;}
input[type="search"] {box-sizing: content-box;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
textarea {resize: vertical;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */




.fnt80, .siteTitle {font-size: 8em;}
.fnt45, .homeAboutBecky h2 {font-size: 4.5em;}
.fnt38, .name {font-size: 3.8em;}
.fnt36, .slogan, h1 {font-size: 3.6em;}
.fnt30 {font-size: 3em;}
.fnt26, .homeAboutBecky a {font-size: 2.4em;}
.fnt25, .skills, .rightCol h2, .dateblock, .rightCol h2 {font-size: 2.5em;}
.fnt24, .headerRow, .userContent h2 {font-size: 2.4em;}
.fnt22, nav, .paginationLinks {font-size: 2.2em;}
.fnt21, .jd, .userContent h3 {font-size: 2.1em;}
.fnt20, .teaserBlock h2, .teaserBlock p, .availableFor, .homeAboutBecky p, .headerContact {font-size: 2em;}
.fnt18, .rightCol p, .nxtgigLink, .nxtGigMore, .gigDetails, .latestNews, .contact, .userContent p, .userContent h4, .userContent h5, .userContent h6, .userContent ul, .userContent ol {font-size: 1.8em;}
.fnt16, .creatorLink {font-size: 1.6em;}
.fnt15, .socialProfile {font-size: 1.7em;}
.fnt14, .copyright {font-size: 1.4em;}


.txtLeft {text-align: left;}
.txtRight, .siteTitle, .slogan, .paginationLinks, .headerContact {text-align: right;}
.txtCenter, nav ul, .dateblock {text-align: center;}
.txtUupper, .headerRow {text-transform: uppercase;}

.sprite, .socialProfile span {background: transparent url('images/sprite.png') no-repeat 0 0;}

html, button, input, select, textarea {color: #fff; font-family: 'Open Sans Condensed', arial, sans-serif;}
html {background: #000; font-size: 62.5%;}
body {background: #fff; background-position: 0 0; background-repeat: no-repeat; margin: 0 auto; min-width: 1009px; max-width: 1009px; width: 100%;}
a:link, a:visited, .pseudoLink {color: #c94b46; text-decoration: none;}
a:hover {color: #e8665e; text-decoration: underline;}
a:focus {outline: 0;}
a.naturalLink:link, a.naturalLink:visited {color: inherit;}


/*a:link, a:visited, .pseudoLink, nav a, .slogan, .skills {-webkit-text-stroke-width: 0.9px;}*/

header {color: #fff;}
.headerContact {background: #000; color: #fff; margin-bottom: 1em; padding: 0.3em 0.5em;}
.siteTitle {margin: 0.15em 5% 0 1%;}
.siteTitle a:link, .siteTitle a:visited {color: #fff;}
.siteTitle a:hover {text-decoration: none;}
.slogan {color: #fff; margin: 0 7% 1em;}
.skills {color: #fff; margin: 0 11% 2em; text-align: center;}
.skills div {margin-bottom: 0.5em;}
.siteTitle, .slogan, .skills {clear: both;}
nav {background: #000; border-bottom: 1px solid #fff; text-transform: uppercase;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
nav li {padding: 0 20px;}
nav a:link, nav a:visited {border-bottom: 5px solid #000; color: #fff; display: block; margin: 0; padding: 0.4em 0 0.3em 0; -webkit-text-stroke-width: 0px;}
nav a:hover {color: #c94b46; text-decoration: none;}
nav .current-menu-item a, nav .current-page-ancestor a, nav .current-menu-ancestor a {border-color: #fff;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; text-transform: uppercase;}
h1 {margin: 0 0.5em 0.5em 0.5em; padding-top: 1.2em;}
p {margin: 0 0 1em 0;}
p.noBtmMarg, .teaserBlock p {margin-bottom: 0;}

#content {background: #0d0d0d; background: rgba(13,13,13,0.91); min-height: 600px;}
.leftCol, .rightCol {margin-bottom: 4em;}
.leftCol {border-right: 1px solid #c94b46; letter-spacing: 0.04em; padding: 0 3%; width: 59%;}
.rightCol {padding: 0 2.6%; width: 29.6%;}

.rightCol h2 {margin: 2em 0 0.5em 0;}
.rightCol h2:first-of-type {margin-top: 0;}

.socialMedia {
  margin-bottom: 9%;
}

a.socialProfile:link, a.socialProfile:visited {color: #fff; height: 1.5em; margin: 0 1% 2% 0; padding: 3% 0.5%; text-decoration: none; width: 31.1%;}
.socialProfile span {height: 23px; margin-right: 2%; width: 23px;}
.socialProfile.facebook span {background-position: 2px -2px;}
.socialProfile.twitter span {background-position: -21px 3px; margin: 0 4% 0 4%; width: 22px;}
.socialProfile.youtube span {background-position: -43px 0px; margin: 1% 4% 0 4%;}
.socialProfile.facebook {background-color: #395999;}
.socialProfile.twitter {background-color: #00b0ed;}
.socialProfile.youtube {background-color: #d02121;}
.socialProfile.instagram {background-color: #6e3cb8;}
.socialProfile.instagram span {background-position: -66px 0px; height: 24px; margin: 0 4%; width: 24px;}
.socialProfile.instagram:link, .socialProfile.instagram:visited {margin-right: 0;}
.socialProfile.patreon {
  width: 98.3% !important;
  text-align: center;
  background-color: #f96854;
}
.socialProfile.patreon svg {
  width: 1.25em;
  height: 1.25em;
  margin-bottom: -.25em;
}


a.nxtgigLink:link, a.nxtgigLink:visited {color: #a3a3a3; width: 100%;}
.nxtGigMore {margin: 0.8em 0 1.5em 0;}
a.gigPoster {width: 100%; text-align: center;}
a.gigPoster img {max-width: 100%;}

.leftCol article {border-bottom: 1px dotted #c94b46; margin-bottom: 2em; padding-bottom: 2em;}
.leftCol article:last-of-type {border-bottom: 0;}
.dateblock {text-transform: uppercase; width: 10%;}
.teaserBlock {margin-left: 4%; width: 86%;}
.teaserBlock h2 {margin: 0 0 0.1em 0; text-transform: uppercase;}
.teaserBlock h2 a:link, .teaserBlock h2 a:visited {color: #fff;}
.paginationLinks {margin: 2em 0 0 0;}

.homeAboutBecky {background: #000 url('images/about-becky.jpg') no-repeat right bottom; padding: 4% 0 0 2%;}
.homeAboutBecky h2 {margin: 0;}
.homeAboutBecky .txtCont {margin-bottom: 3%; width: 62%;}
.gradCont {background: #000; margin: 0; /*padding-bottom: 4%;*/}
.gradSep {background: #515151; /* Old browsers */ background: -moz-linear-gradient(left,  #000000 0%, #515151 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#515151), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left,  #000000 0%,#515151 50%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left,  #000000 0%,#515151 50%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left,  #000000 0%,#515151 50%,#000000 100%); /* IE10+ */ background: linear-gradient(to right,  #000000 0%,#515151 50%,#000000 100%); /* W3C */
height: 1px; width: 100%;}
.solidSep {background-color: #fff; height: 1px; width: 100%;}
.userContent .solidSep {margin: 3em 0;}


.headerRow {background: #000;}
.gigsCont .date {width: 19%;}
.gigsCont .band {width: 24%;}
.gigsCont .venueLocation {width: 43%;}
.gigsCont .link {width: 7%;}
.gigsCont .venue {width: 23%;}
.gigsCont .location {width: 21%;}
.gigDetails {border-bottom: 1px dotted #eeedeb; padding: 0.7em 0;}
.gigDetails:last-of-type {border-bottom: 0;}

a.latestNews:link, a.latestNews:visited {color: #a3a3a3; display: block; margin-bottom: 0.9em;}


.userContent h1, .userContent h2, .userContent h3, .userContent h4, .userContent h5, .userContent h6 {margin: 1.5em 0 0.5em 0;}
.userContent img {height: auto; margin: 2%; max-width: 96%;}
.userContent .wp-caption {background: #000; border: 0; max-width: 98%; padding: 0;}
.userContent .wp-caption img {margin: 0; max-width: 100%;}
.userContent .wp-caption p {padding: 0.4em;}
.userContent iframe {max-width: 100%;}
.mediaGallery  {height: 74px; width: 74px;}

.whiteBox {background: #fff; color: #000; padding-top: 0.1em;}
.whiteBox img {margin: 2em 1.5em 0 0;}
.whiteBox h2 {margin: 0.3em 0.5em 0.5em 0.5em;}
.whiteBox h3:first-of-type {margin-top: 0;}
.whiteBox .textSide {max-width: 50%;}

footer {background: #c94b46; color: #fff; margin: 0 0 2em 0;}
footer a:link, footer a:visited {color: #fff;}
.contactFooter {background: #000; padding: 3em 0 4em 0;}
.footerLogo {border-right: 1px solid #c1c1c1; padding: 0 2em 0 3em; width: 22%;}
.contactPart {padding: 0 2%; width: 39%;}
.availableFor {color: #b3b3b3; margin-bottom: 1em;}
.contact, .contact a:link, .contact a:visited {color: #7f7f7f;}
.copyright {padding: 0.7em 2em;}
.creatorLink:link, .creatorLink:visited {background: #ab2e2f; color: #fff; height: 100%; margin-right: 2%; padding: 0.5em 0.3em; -webkit-text-stroke-width: 0;}
.creatorLink:hover {background: #8d0a1b; color: #fff; text-decoration: none;}
.logos {
    display: inline-block;
    width: 28%;
    text-align: right;
}
.logos > div:nth-child(1) {
    padding-bottom: 4%;
}
.logos > div:nth-child(1) span {
    font-size: 1.5rem;
    color: #b3b3b3;
}
.logos > div img {
  margin-left: 3%;
  height: 24px;
  margin-bottom: 4%;
  vertical-align: middle;
}


.clipOrComm {border-top: 1px dashed #833a37; margin: 8% 0; padding: 8% 0;}
.clipOrComm:last-of-type {border-bottom: 1px dashed #833a37;}
.quoteSide, .imgLink {display: inline-block; vertical-align: top;}
.quoteSide {width: 55%;}
.imgLink {text-align: center; max-width: 300px; width: 40%;}
.imgLink img {max-width: 100%; width: auto;}
.clippingCont.align-left a {float: left; margin-right: 5%;}
.clippingCont.align-right img {float: right; margin-left: 5%;}

.clippingCont.noimage .quoteSide {width: 100%;}

.quoteSide .quote {font-size: 2.0rem; margin-bottom: 1em;}
.quoteSide .source {font-size: 2.5rem; padding-right: 1em; text-align: right; text-transform: uppercase;}

.clipOrComm .commentary {font-size: 1.6em; margin-top: 1em;}













/* ==========================================================================
   Helper classes
   ========================================================================== */

.dNone, .mobileOnly, [hidden] {display: none;}
.dBlock, .desktopOnly {display: block;}

.dInlineBlock, .sprite, audio, canvas, video, #access li, .dateblock, .teaserBlock, .socialProfile, .sprite, .socialProfile span, nxtgigLink, a.gigPoster, .copyright, .creatorLink, .headerRow div, .gigDetails div, .footerLogo, .contactPart {display: inline-block; vertical-align: top;} /*also update ie.css */


/* generated by wp */
.aligncenter, .userContent img.aligncenter {display:block; margin: 2% auto;}
.alignleft, .floatLeft, .siteTitle, .slogan, .skills, .dateblock, .teaserBlock, .leftCol, .rightCol {float:left;}
.alignright, .floatRight, .nxtGigMore, .creatorLink {float:right;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px;}
/*end generated by wordpress */


.hidden {display: none !important;visibility: hidden;}

.visuallyhidden, #skip {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto;margin: 0;overflow: visible; position: static; width: auto;}

.clearfix:before, .clearfix:after {content: " ";  display: table;}
.clearfix:after {clear: both;}




/* ==========================================================================
   MOBILE DEVICES
   ========================================================================== */

@media only screen and (min-width: 600px) {
    .mobileOnly {display: block;}
	.desktopOnly {display: none;}
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}



/** Keep drop-downs working **/
#access li {position: relative;}
#access ul ul {display: none;float: left; position: absolute; top: 50px; left: 0; z-index: 99999; background: #000; text-align: left;}
#access ul ul ul {left: 100%; top: 0;}
#access ul li:hover > ul {display: block;}
#access ul ul li {
  padding: 0;
}
#access ul ul li a {
    padding: 8px 20px;
    font-size: 17px;
    border: none;
}


/* Visit the shop */
.visitTheshopImage {
  float: left;
  width: 100px;
  height: auto;
  margin-right: 10px;
}


/* Subscription */
.subscription-section {
  border-bottom: 1px solid #c1c1c1;
}
footer .subscription-section {
  background: #000;
  padding: 3.5rem 0;
  border-bottom: 1px solid #c1c1c1;
}
.rightCol .subscription-section {
  padding-bottom: 3rem;
  margin-bottom: 2rem;
}
footer .subscription-section {
  display: block;
  font-size: 22px;
  padding-bottom: 10px;
  font-weight: 500;
  color: #b3b3b3;
  text-align: center;
}
.rightCol .subscription-section label {
  font-size: 2.5rem;
  text-transform: uppercase;
  text-align: left;
  color: #fff;
}
.subscription-section input {
  color: #000;
}
.rightCol #mc_embed_signup input.email {
  width: 100% !important;
  margin-bottom: 1rem;
}
.subscription-section .inline-container {
  display: block;
  margin: 0 auto;
}
form.emailoctopus-form {
  --font-family: 'Open Sans Condensed', arial, sans-serif !important;
  font-size: 1.6rem;
}
.emailoctopus-form input[type=submit] {
  background-color: #ab2e2f !important;
  border-color: #ab2e2f !important;
}
.emailoctopus-form input[type=submit]:hover {
  background-color: #8d0a1b !important;
  border-color: #8d0a1b !important;
}