/*   
Theme Name: Discrepant
Theme URI: https://www.discrepant.net
Description: 2018/19 Custom theme for Discrepant Records
Author: Phil Hambley
Author URI: http://www.scribbletribe.com
Version: 1.0.1
Tags: Discrepant
*/

/* Import Fonts */

@import url(https://fonts.googleapis.com/css?family=BenchNine:300,400);

/* CSS Resets */

* {margin: 0;padding: 0;}
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}

/* Global Styling */

html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {background: #333;font-family: 'BenchNine', sans-serif;font-size: 1em;font-weight: 400;color: #303030;max-width: 1600px;margin: 0 auto;}
.main {background: #fff; padding-top: 80px;}
.content-area {background: #fff;overflow: auto;padding: 30px 0 60px 0;margin: 0;position: relative;z-index: 999;}
.align-center {text-align: center;}
.clear {clear: both;}
img.responsive {width: 100%; height: auto;}
.mobile-break {display: none;}

hr.pagination-rule, hr.standard {margin: 20px auto 40px auto;width: 25%;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));}

/* Header */

header {position: fixed;z-index: 9999;width: 100%;max-width: 1600px; margin: 0 auto;}
.header-right {float: right;}
.nav-bar {padding: 15px 0;background: #333;transition: all 0.5s ease-in-out;}
.nav-bar.change {padding: 0 0; background: #333;transition: all 0.5s ease-in-out;}
.logo {background: url("images/logos/discrepant-40.svg") 0 0 no-repeat; display: block;height: 40px;width: 40px;float: left; margin: 4px 10px 0 0;}

/* Text Styles */

a {color: #7a5300; text-decoration: none;transition: color 0.5s linear;}
a:hover {color: #a32323;}
h1, h2, h3, h4, h5 {text-rendering: optimizeLegibility;color: #303030;font-weight: 300; margin-bottom: 20px;border-bottom: 1px dotted #ccc;display: inline-block;}
h2 {font-size: 2.6em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
p {font-size: 1.4em;line-height: 1.5;margin-bottom: 20px; /* text-align: left; */}
ul.sidebar-list {margin-bottom: 20px;}
.sidebar-list li {margin: 0 0 6px 0;font-size: 1.1em;list-style: none;}

/* Main Navigation */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after, #cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;line-height: 1;padding: 10px 0; float: left;}
#menu-line {}
#cssmenu > ul > li {float: left;}
#cssmenu > ul > li > a {padding: 5px 10px;text-decoration: none;transition: all .5s ease;color: #fff;font-size: 1.2em;letter-spacing: 1px;font-weight: 400;}
#cssmenu > ul > li:hover > a {color: orange;} 
#cssmenu > ul > li.active > a, #cssmenu li.current-page-ancestor a, {cursor: default;color: #ccc;}
#cssmenu li.current-page-parent a {background: none;cursor: pointer;}
#cssmenu li a {color: #fff;}

#cssmenu-right, #cssmenu-right ul, #cssmenu-right ul li, #cssmenu-right ul li a, #cssmenu-right #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu-right:after, #cssmenu-right > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu-right #menu-button {display: none;}
#cssmenu-right {width: auto;line-height: 1;padding: 10px 0; float: right;}
#menu-line {}
#cssmenu-right > ul > li {float: left;}
#cssmenu-right > ul > li > a {padding: 5px 10px;text-decoration: none;transition: all .5s ease;color: #fff;font-size: 1.2em;letter-spacing: 1px;font-weight: 400;}
#cssmenu-right > ul > li:hover > a {color: orange;} 
#cssmenu-right > ul > li.active > a, #cssmenu-right li.current-page-ancestor a {cursor: default;color: #ccc;}
#cssmenu li.current-page-parent a {background: none;cursor: pointer;}
#cssmenu-right li a {color: #fff;}

/* Artists Directory */ 

.azindex {margin: 18px 0 10px 0;} 
.azlinks {font-size: 1.2em;margin-bottom: 30px;text-align: left !important;}
span.azdisabled {background: #f2f2f2;cursor: default;padding: 8px 17px;border-radius: 50px;border: 1px solid #ccc;}
.azlink a {padding: 8px 17px;margin-bottom: 15px;background: #fff;color: #303030;border: 1px solid #ccc;border-radius: 50px;transition: all 0.5s ease;}
.azlink a:hover {color: #a32323;} 
.azindex h2 {margin: 10px 0 20px 0;font-size: 0.9em;background: url("images/h-grad.png") 0 7px repeat-x; display: block;border-bottom: 0;}
.azindex h2 a {background: #fff;border-radius: 50px;border: 1px solid #ccc;color:#303030;padding: 8px 17px;cursor: default;}
.azindex ul li {font-size: 1.4em;}

/* Labels */ 

.label-logo {display: block;}

/* News */

h4.read-more {color: #fff;margin-bottom: 0;border-bottom: 0;font-size: 1.1em;font-weight: 400;text-align: center;}
.read-more {display: inline-block;padding: 8px 17px;text-align: center;width: auto;background: #7a5300;transition: all 0.5s ease-in-out;}
.read-more:hover {background: #a32323;}

/* Woocommerce */

header.woocommerce-Address-title.title {position: relative !important;}
.woocommerce form .form-row label {line-height: 1 !important;}

ul.products a img {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
ul.products a:hover img {opacity: 0.75;}

.woocommerce ul.products li.product .woocommerce-loop-product__title {padding: 0 !important;font-size: 1.2em !important;font-weight: 400 !important;word-wrap: ellipsis;text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;}
ul.products li .price, div.product p.price, .woocommerce div.product span.price {font-size: 1.2em !important; font-weight: 700 !important; color: #303030 !important;}
.woocommerce div.product .stock {color: #303030 !important;}
.woocommerce-variation-availability {margin-bottom: 20px;}

/* Featured List */
h2.woocommerce-loop-product__title {margin-bottom: 0;}
ul.featured-list li .woocommerce-loop-product__title {padding: 0 !important;font-size: 1.2em !important;font-weight: 400 !important;word-wrap: ellipsis;text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;}
ul.featured-list li {margin: 0 3.8% 2.992em 0;}
ul.featured-list li a img {width: 100%;height: auto;display: block;margin: 0 0 1em;box-shadow: none;}
ul.featured-list li .price {font-size: 1.2em !important; font-weight: 700 !important; color: #303030 !important;}
ul.featured-list li a img {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
ul.featured-list li a:hover img {opacity: 0.75;}

.woocommerce button.button, .woocommerce a.button {transition: all .5s ease;font-weight: 400 !important;border-radius: 0 !important;font-family: 'BenchNine', sans-serif !important;color: #fff !important;background-color: #7a5300 !important;}
.woocommerce button.button:hover, .woocommerce a.button:hover {background-color: #a32323 !important;}

.woocommerce-message, .woocommerce-info {border-top-color: #303030 !important;}
.woocommerce-info::before {color: #303030 !important;}

.woocommerce a.remove {transition: all 0.5s ease;}

.select2-container--default .select2-selection--single {border: 1px solid #ccc !important;border-radius: 0 !important;padding: 0 !important;margin-bottom: 10px !important;}

.woocommerce table.shop_table {font-size: 1.1em !important;}
.woocommerce ul.order_details li {font-size: 0.8em !important;}
.woocommerce .woocommerce-customer-details address {font-size: 1.2em !important;}
.woocommerce-customer-details--email, .woocommerce-customer-details--phone {font-size: 1.1em !important;}

.woocommerce-MyAccount-navigation ul li {border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.woocommerce-MyAccount-navigation ul li:last-child {border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}

form.login-main input[type="text"], 
form.login-main input[type="password"], 
form.login-main input[type="number"], 
form.login input[type="text"], 
form.login input[type="password"], 
.form-row .input-text,
input[type="select"],
input[type="number"],
.woocommerce div.product form.cart .variations select, select.orderby
{font-family: 'BenchNine', sans-serif;font-size: 1em;font-weight: 400;color: #303030;border-radius: 0; -webkit-appearance: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;background: #fff;width: 100%;padding: 6px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #ccc;}

.woocommerce div.product form.cart .variations select {width: 95%;}

input[type="number"] {padding: 6px 0;}

form.login-main input[type="text"]:hover, 
form.login-main input[type="password"]:hover, 
form.login-main input[type="number"]:hover,
form.login input[type="text"]:hover, 
form.login input[type="password"]:hover, 
.form-row .input-text:hover, 
input[type="select"]:hover,
input[type="number"]:hover,
.woocommerce div.product form.cart .variations select:hover,
form.login-main input[type="text"]:focus, 
form.login-main input[type="password"]:focus,
form.login-main input[type="number"]:focus, 
form.login input[type="text"]:focus,
form.login input[type="password"]:focus,
.form-row .input-text:focus 
{background: #f5f5f5;}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {text-transform: uppercase;font-size: 0.8em; margin-bottom: 6px;}
.woocommerce-account .woocommerce-MyAccount-navigation {font-size: 1.4em;}

.title-sku {text-rendering: optimizeLegibility;color: #303030; float: right; font-weight: 300; font-size: 1.2em; margin-bottom: 20px;border-bottom: 1px dotted #ccc;display: inline-block;}
.product_meta {border-bottom: 1px dotted #ccc;margin-bottom: 20px;}

.woocommerce div.product .out-of-stock {color: red !important; text-transform: uppercase; font-size: 1.4em !important; font-weight: 700;}

.outofstock .price {display:none}
h2.wc-bacs-bank-details-heading {display: block !important;}

/* Pagination */

.woocommerce nav.woocommerce-pagination ul li span.current {background: #333;color: #fff;}

/* Blog Specific Styling */

h3.single-time {margin-bottom: 0;font-size: 1.2em;display: block;border-bottom: 0;font-weight: 400;text-transform: uppercase;}
.post-wrap {padding: 20px;}
.post-thumbnail, .post-thumbnail-single {opacity: 1; transition: opacity .5s ease-in-out;margin-bottom: 0;}
.post-thumbnail:hover {opacity: 0.75;}
.post-thumbnail img, .post-thumbnail-single img {width: 100%; height: auto;}
.entry-content {padding: 20px 0;}
h3.blog {margin-top: 20px;text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;}
p.blog-lead {margin-bottom: 40px;font-size: 1.4em;}
.post-date {border-bottom-right-radius: 10px; background-color: #000; text-align:center; color:#FFF;font-weight:300; font-size:1em; line-height:1.4em; text-transform:uppercase; display:block; width:80px; height:80px; position:absolute; padding-top:10px; z-index:50}
.post-date span { font-size:2em; line-height:35px; display:block}
.share-box {width: 25%;padding-top: 20px;margin: 0 auto;}
h4.share {text-align: center; text-transform: uppercase; font-size: 1em;}
ul.social-media-share {overflow: auto; margin: 0 auto; width: 181px;}
ul.social-media-share li {float: left;}
ul.social-media-share li a {display: inline-block;color: #7a5300;margin-right: 10px;transition: all 0.5s ease-in-out;}
ul.social-media-share li a:hover {color: #a32323;}
ul.social-media-share li a i {font-size: 1.2em;display: block;width: 35px;height: 35px;line-height: 35px;text-align: center;}
.other-articles {margin-top: 20px; padding: 0;}
#nextprevtitle {height: 26px;font-size: 0.8em;text-transform: uppercase;border-bottom: 1px solid #ccc;} 
#nextprevlink {font-size: 1em;}     
#nextprevtitle p.left, #nextprevlink p.left {float: left;width: 45%;text-align: left;}  
#nextprevtitle p.right, #nextprevlink p.right {float: right;width: 45%;text-align: right;}

/* Contact */

h4.contact {font-weight: 400; margin-bottom: 5px;font-size: 0.9em;text-transform: uppercase; text-align: left; font-family: 'BenchNine', sans-serif;}
h4.contact-details {text-align: center;}
h4.contact-details span {font-size: 2em; color: #8eafaf;vertical-align: middle;margin-right: 10px;}
span.required {color: #eea2a2; font-size: 2em;}
p.submit {text-align: left;margin: 25px 0 0 0;}
.chimp-email, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 input[type="select"], .wpcf7 textarea {font-family: 'BenchNine', sans-serif;-webkit-appearance: none;border-radius: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;background: #fff;font-size: 1.0em;width: 100%;padding: 10px;margin-bottom: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #303030;}
.chimp-email:hover, .wpcf7 input[type="text"]:hover, .wpcf7 input[type="email"]:hover, .wpcf7 input[type="tel"]:hover, .wpcf7 input[type="number"]:hover, .wpcf7 input[type="date"]:hover, .wpcf7 textarea:hover, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus {background: #f2f2f2;}  
.chimp-email {margin-bottom: 20px; font-size: 1.2em;}
.wpcf7-select {font-family: 'BenchNine', sans-serif;border-radius: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;background: #f5f3f3;font-size: 1.0em;width: 100%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #fff;}
.wpcf7-list-item {margin: 10px 20px 10px 0;display: inline-block;}
.wpcf7-response-output {color: red;font-size: 1.3em;font-weight: 400;padding: 10px 0;text-align: center;} 
.wpcf7-mail-sent-ok {color: #fff;background: #000;padding: 10px;margin: 10px 0 40px 0;font-size: 1.4em;} 
span.wpcf7-list-item-label {margin-left: 5px;}
.wpcf7-spinner {visibility: hidden;display: inline-block;width: 32px;height: 32px;border: none;vertical-align: middle;margin: 0 0 0 10px;background-image: url("images/icons/spinner.gif");}
.wpcf7 form.submitting .wpcf7-spinner {visibility: visible;}
.wpcf7 input[type="submit"], .chimp-button {font-family: 'BenchNine', sans-serif;-webkit-appearance: none;color: #fff;font-size: 0.8em;font-weight: 400;padding: 6px 16px;border-radius: 0;background: #7a5300;transition: all 0.5s ease-in-out;border:none;outline: none;}
.wpcf7 input[type="submit"]:hover, .chimp-button:hover {background: #a32323;color: #fff;cursor: pointer;}
.chimp-button {font-size: 1.1em;}
.wpcf7 textarea {height: 200px;}
.screen-reader-response {display: none !important;}
.wpcf7-not-valid-tip {text-align: left; display: block;color: red;font-size: 0.9em !important; padding: 10px 0 !important;}

/* Sidebar */

.aws-container .aws-search-form {margin-bottom: 20px;}

/* Footer */

footer {background: #333; color: #fff; padding: 20px 0 50px 0;}
footer a {color: #ccc; font-weight: 300;}
footer a:hover {color: orange;}
.footer-logo {margin: 20px 0 10px 0;}
.rights p {text-align: center; font-size: 1.2em;font-weight: 300; margin-bottom: 10px;}
.rights span {margin-right: 6px; color: orange;}
.pipe {margin: 0 6px;}

ul.social-media-footer {overflow: auto; margin: 10px auto 0 auto; width: 196px;}
ul.social-media-footer li {float: left;}
ul.social-media-footer li a {display: inline-block;color: #fff;margin: 0 2px;transition: all 0.5s ease-in-out;}
ul.social-media-footer li a:hover {color: orange;}
ul.social-media-footer li a i {font-size: 1.2em;display: block;width: 35px;height: 35px;line-height: 35px;text-align: center;}

/* Responsive */
/* ---------- */

/* 991px and below */
@media handheld, only screen and (max-width: 991px) {
  #cssmenu {width: 100%;margin-top: 0;padding: 0 20px;float: none;}
  #cssmenu ul {width: 100%;display: none;}
  #cssmenu ul li, #cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid #444;}
  #cssmenu ul li a {width: 100%;}
  #cssmenu > ul > li > a {padding: 15px 0 15px 0;color: #fff;font-size: 1em;background: none;}
  #cssmenu-right > ul > li > a {padding: 0 20px 10px 0;color: #fff;font-size: 1em;background: none;}
  #cssmenu > ul > li {float: none;display: block;}
  #cssmenu > ul > li:last-child {margin-bottom: 0;}
  #menu-line {display: none;}
  #cssmenu #menu-button {display: block; padding: 20px 0; color: #fff; font-weight: 400; letter-spacing: 1px;cursor: pointer; font-size: 1em; text-transform: uppercase;}
  #cssmenu #menu-button::after {content: '';position: absolute;top: 20px;right: 0;display: block;width: 15px;height: 2px;background: #fff;}
  #cssmenu #menu-button::before {content: '';position: absolute;top: 25px;right: 0;display: block;width: 15px;height: 7px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
  #cssmenu > ul > li.active > a {background: none;color: orange;}
  #cssmenu > ul > li:hover > a {background: none;color: orange;} 
  #cssmenu li.current-page-ancestor a,   #cssmenu li.current-page-parent a {background: none;color: #ccc;}
  #cssmenu > ul > li.active > a {background: none; color: #ccc;}
  .nav-bar {padding: 0;}
  .nav-bar.change {padding: 0;}
  .logo {margin: 8px 10px 0 18px;}

  .shim {display: block; height: 30px;}
  .remove-mobile {display: none;}
  .clear-mobile {clear: both;}

  h4.sidebar-mobile {margin-top: 16px;}
  .sidebar-list li {margin: 0; float: left;}
  .sidebar-list li a:after {content: "|"; color: orange; margin: 0 6px;}
  .sidebar-list li:last-child a:after {content: "";}
  .aws-container .aws-search-field {margin-bottom: 20px; margin-top: 20px;}
  .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {margin-bottom: 20px;}
}

/* 767px and below */
@media handheld, only screen and (max-width: 767px) {
  .content-area {margin-top: 0; margin-bottom: 0; border-radius: 0;}
  ul.standard-list {text-align: left;padding: 0 10px;}
  .share-box {width: 85%;}
  .azlinkspacer {height: 0 !important;}
  .azlinks {margin: 0 0 20px 0; display: none;}
  .azindex {margin: 0 0 20px 0 !important;}
}

/* 560px and below */
@media handheld, only screen and (max-width: 560px) {
  .pipe {display: none;}
  .mobile-break {display: block;}
}