/* Enter Your Custom CSS Here */

/* Remove unwanted blog post attributes*/
.discussion,
.entry-utility,
p.entry-meta.entry-meta-time {
  display: none;
}

/* Eighties default text color */
.body {
  color: black;
}

/* .addtoany_share_save_container { text-align:center; } */

/* shrink Eighties bottom footer padding */
#site-supplementary .widget {
    margin-bottom: 1em;
}

/* Eighties new default background image/color */
#page {
  background-image: url("http://hitplayrecords.com/wp-content/uploads/HitPlay/wheat_field_at_sunset.jpg");
  background-color: #deb026;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: fixed;
  background-attachment: fixed;
}

/* Eighties new default bacground image/color for blog posts
#page.hfeed.site {
  background-image: none;
  background-color: #26b0de;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: fixed;
  background-attachment: fixed;
} */

/* Eighties page title color */
.entry-title {
  color: white;
}

/* Nice picture frame */
.frame {
  border: 10px solid #de5426;
  /* border-radius: 10px; */
}

/* Nice content box; similiar to su_spoiler */
.content {
  background-color: white;
  border: 1px solid #de5426;
  border-radius: 10px;
  padding: 20px 40px 0px 40px;
}

/* Get rid of 1px border between content and footer in Eighties theme */
.hentry {
  border-bottom: none;
}

/* Sometimes useful for debugging
* {
    outline: 1px solid red;
}
*/

/* WP 3.6 Native Audio Player styling*/
 
/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
  background: url('') !important;
  background-color: #deb026 !important;
}
 
/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
  color: black !important;
}
 
/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
  outline: none !important;
}

.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0% 0% transparent;
  height: 30px;
  width: 100%;
}

/* use a sprite file with darker transport icons */
.mejs-controls .mejs-button button {
/* background-color: #de5426; */
  background-image: url('http://www.hitplayrecords.com/wp-content/uploads/HitPlay/controls-orangered.svg') !important;

}
 
/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: white !important;
}
 
/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #de5426 !important;
}
 
/* change the color of the file loading bar */
  .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #e8c868 !important;
}

/* change the color of the current volume bar */
.mejs-horizontal-volume-current {
/*    background: none repeat scroll 0% 0% rgb(222, 84, 38); */
  background: #de5426 !important;
}

/* END WP 3.6 Native Audio Player styling*/

.site-branding {
background-size: contain !important;
}

/* Remove WordPress/Theme Footer from Eighties Theme */
.site-info {
  display: none;
}

/* Custom link colors for the Eighties theme */
a {
  color: #2654de;
  text-decoration: none;
}
a:visited {
  color: #2654de;
}
a:focus {
  outline: 0;
}
a:active,
a:hover {
  color: #de5426;
  font-weight: bold;
  outline: 0;
}

/* Custom hr style */
hr.style { 
  border: 0; 
  height: 1px;
  margin-top: 40px;
  background-image: -webkit-linear-gradient(left,#f8dad0, #de5426, #f8dad0);
  background-image: -moz-linear-gradient(left, #f8dad0, #de5426, #f8dad0);
  background-image: -ms-linear-gradient(left, #f8dad0, #de5426, #f8dad0);
  background-image: -o-linear-gradient(left, #f8dad0, #de5426, #f8dad0); 
}

/* Match our color scheme for selected items */
::-moz-selection { /* Code for Gecko browsers */
    color: white;
    background: #de5426;
}
::selection { /* Code for Webkit/Blink browsers */
    color: white;
    background: #de5426;
}

/* Remove the Eighties Menus */
.site-toggles,
.main-navigation-toggle,
.widget-area-toggle {
  display: none;
}

/* Make the Eighties Header Image (More) Responsive */
#masthead {
  background-size: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
img {
  display: inline;
}

/* Make Eighties content area wider */
.js .hentry > [class^="entry-"] {
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* Change the appearance of the Eighties footer */
#colophon {
  padding-bottom: 0;
  background: none repeat scroll 0% 0% rgb(222, 178, 38);
  color: rgb(0, 0, 0);
}

/* Header for Text area widget used in Eighties footer */
#site-supplementary .widget-title {
  margin-top: 0px;
  margin-bottom: 1em;
  color: rgb(0, 0, 0);
  font-weight: bold;
}

/* Store badges */
.badge {
  height: 50px;
  width: auto;
  margin: 7.5px;
  display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}

/* Store badge area */
.badge_area {
  background-color: #e1f4fa;
  border: 1px solid #e1f4fa;
  border-radius: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
  justify-content: center;
  }  

/* Center AddToAny Buttons in their container */
.addtoany_share_save_container {
  text-align:center; display: flex; align-items: center; justify-content: center;
}

/* Custom class to hide elements */
.hide {
  display: none;
}

.su-spoiler-content {
    padding: 0px 40px 40px 40px;
}

/* Custom classes to style su-spoiler boxes */
.wrapper {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 14px;
  overflow-y: auto;
}
@media screen and (min-width: 601px) {
  .left-content {
    float: left;
    width: 40%;
    margin: 0;
    padding: 14px;
  }
  .right-content {
    float: right;
    width: 55%;
    margin: 0;
    padding: 14px;
    line-height: 1;
    overflow-x: hidden;
  }
@media screen and (max-width: 600px) {
  .left-content {
    clear: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .right-content {
    clear: right;
    width: 100%;
    margin: 0;
    padding: 14px;
    line-height: 1;
    overflow-x: hidden;  }
}