/*!
 Theme Name:     Lunchbox Social 2018
 Based on:       Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com
 Template:       Vertex
 Version:        2.0

 Adapted by: IronStrikesIron
 Website: www.IronStrikesIron.com
 Contact: YourPal@ironstrikesiron.com
*/
/* -----------
Style.css is generated by the scss files. Please edit those rather than Style.css.
--------------------------- */
body {
  font-size: 16px;
  font-family: 'Francois One', sans-serif; }
  body p, body li {
    font-size: 16px;
    line-height: 1.3em; }
  body li {
    padding-bottom: 1em; }

h1 {
  font-size: 3.8em !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 0.8em;
  font-weight: normal !important;
  font-style: normal;
  letter-spacing: -0.05em; }

h2 {
  font-size: 2em !important;
  padding-bottom: 0em;
  padding-top: 1em !important;
  margin-bottom: -1.25em;
  letter-spacing: -0.05em; }

h3 {
  margin-bottom: .2em;
  font-size: 1.5em;
  border-bottom: 1px;
  border-color: #c4c2c2; }

p strong {
  color: #c4c2c2 !important; }

.bodyLeft {
  text-align: left;
  width: 65%;
  margin-left: auto;
  margin-right: auto; }

.short-leading {
  padding-top: -0.2em; }

/* -----------
Custom css below
--------------------------- */
body {
  font-size: 16px;
  font-family: 'Francois One', sans-serif;
  background-color: #000; }

body p, body li {
  font-size: 16px;
  line-height: 1.3em; }

body li {
  padding-bottom: 1em; }

h1 {
  font-size: 3.8em !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 0.8em;
  font-weight: normal !important;
  font-style: normal;
  letter-spacing: -0.05em; }

h2 {
  font-size: 2em !important;
  padding-bottom: 0em;
  padding-top: 1em !important;
  margin-bottom: -1.25em;
  letter-spacing: -0.05em; }

h3 {
  margin-bottom: .2em;
  font-size: 1.5em;
  border-bottom: 1px;
  border-color: #c4c2c2; }

p strong {
  color: #c4c2c2 !important; }

.bodyLeft {
  text-align: left;
  width: 65%;
  margin-left: auto;
  margin-right: auto; }

.short-leading {
  padding-top: -0.2em; }

/* -----------
Custom css below
--------------------------- */
body.home {
  background: url(images/LBS-v3-Main-photo_635px.jpg) no-repeat top center fixed;
  -webkit-background-size: 100vw;
  -moz-background-size: 100vw;
  -o-background-size: 100vw;
  background-size: 100vw; }

hr {
  border-top: 1px solid #fff !important;
  margin: 1em 0 !important; }

.mobile-only {
  display: none; }

.redtype {
  color: #d53782 !important; }

.header-replacement {
  height: 20em; }

.et_section_regular {
  padding: 0 !important; }

.home h1 {
  margin-top: .5em; }

.home #content-area {
  margin-top: 10em;
  padding: 0;
  opacity: .75; }

.cd-artwork {
  width: 200px;
  margin-right: 1.5em !important;
  margin-bottom: 1.5em !important;
  float: left; }

.cd-artwork .2nd-item {
  margin-top: -1.5em !important; }

.cd-artwork .3rd-item {
  margin-top: -3em !important; }

a:hover {
  color: #ace0f0 !important; }

#top-menu, #main-footer {
  background-image: url("images/wood-grain-light-narrow-150px-high.jpg"); }

#top-menu {
  padding: 0em;
  height: 3em !important;
  padding-bottom: 0;
  margin-bottom: 0; }

#top-menu .container {
  padding-top: 1em; }

#top-menu li {
  padding-bottom: 0; }

#top-menu li a {
  margin-bottom: 0; }

iframe, .social-icons {
  position: relative;
  top: .5em;
  margin-left: 1em;
  margin-right: 1em; }

ul.sub-menu {
  margin-top: -1em; }

.logo-floating {
  background-image: url("images/Lunchbox-Social-logo-transparent.png");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 4.5em;
  margin-left: auto;
  margin-right: auto;
  width: 10em;
  position: relative;
  margin-top: -1.77em; }

.page-id-2 .logo-floating {
  display: none; }

.logo-mobile-container {
  display: none; }

#top-area {
  background-size: contain; }

#main-area {
  padding-right: 0; }

#content-area {
  background-color: #000;
  padding: 0; }

.container {
  width: 100%; }

.narrowcolumn {
  width: 70% !important;
  padding-left: 15% !important;
  padding-right: 15% !important; }

.quote-lyrics {
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  width: 60%;
  color: #fbb78c !important; }

.et_pb_gallery_title {
  color: #000;
  display: none !important; }

.marginleft {
  margin-left: 1em; }

.CD-choice input, .country-choice input, #form_pa0cn input {
  margin-top: 0.5em !important;
  color: #fff !important; }

.CD-choice label, .country-choice label, #form_pa0cn label {
  margin-top: 1.5em !important; }

.CD-choice textarea, .country-choice textarea, #form_pa0cn textarea {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  padding: 0.5em !important;
  border: 1px solid #fff !important; }

.CD-choice select, .country-choice select, #form_pa0cn select {
  width: 20em !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  padding: 0.5em !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  background-color: #000 !important; }

.frm_third input {
  margin-right: 1em !important;
  width: 15em !important; }

.frm_two_thirds input {
  width: 20em !important; }

.frm_three_fourths input {
  width: 36em !important; }

h3.frm_pos_top.frm_section_spacing {
  margin-top: 1.5em !important;
  float: left; }

.wpcf7-submit, .frm_button_submit {
  padding-left: 1em !important;
  padding-right: 1em !important;
  padding-top: .5em !important;
  padding-bottom: .5em !important;
  font-size: 1.5em !important;
  font-family: "Roboto", sans-serif !important;
  background-color: #00acc8 !important; }

.wpcf7-submit:hover, .frm_button_submit:hover {
  background-color: #66ebff !important; }

.frm_error_style, .frm_error, .frm_message {
  color: #ff0000 !important;
  margin-top: 0.5em !important;
  margin-bottom: 1.5em !important; }

.frm_error_style, .frm_message {
  font-size: 1.5em !important; }

.frm_message {
  color: #00ff00 !important; }

.wpcf7-response-output {
  font-size: 1.2em;
  margin-top: 1.2em !important;
  color: #66ebff !important;
  position: relative; }

#main-footer {
  position: fixed;
  padding: 0.25em;
  height: 4em;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #6c6c6c; }

#main-footer p {
  text-align: center !important;
  line-height: 2em !important; }

#main-footer a {
  color: #000 !important;
  font-size: 1em; }

#main-footer a:hover {
  color: #fff !important; }

.fb-like {
  color: #fff; }

.et_pb_section {
  margin-bottom: 5em !important; }

/*** Responsive Styles Large Desktop And Above ***/
/*** Responsive Styles Standard Desktop Only ***/
/*** Responsive Styles Tablet And Below ***/
/*** Responsive breakpoint for home page ***/
@media all and (max-width: 860px) {
  .home #content-area {
    margin-top: 5em; }
  #main-footer p, #main-footer a {
    font-size: .9em; } }

/*** Responsive Styles Tablet Only ***/
/*** Responsive Styles Smartphone Only - landscape? ***/
@media all and (max-width: 767px) {
  .home #content-area {
    margin-top: 2em; }
  .logo-floating {
    display: none; }
  .logo-mobile-container {
    display: block;
    background-color: #000 0.9 !important;
    width: 100vw;
    height: 1.25em;
    padding: 0.1em; }
  .logo-mobile-container .logo-mobile {
    color: #00acc8;
    letter-spacing: .5em;
    text-transform: uppercase;
    text-align: center; }
  #top-menu {
    padding: 0em;
    height: 2em !important;
    padding-bottom: 0;
    margin-bottom: 0; }
  #top-menu .container {
    padding-top: .5em; }
  #top-menu li {
    padding-bottom: 0; }
  #top-menu li a {
    margin-bottom: 0; }
  #top-area {
    display: none; }
  .narrowcolumn {
    width: 90% !important;
    padding-left: 5% !important;
    padding-right: 5% !important; }
  h2 {
    font-size: 1.75em !important; }
  #main-footer p, #main-footer a {
    font-size: .7em;
    line-height: 1.5em !important; }
  #main-footer img.social-icons {
    height: 3em;
    width: 3em; }
  .mobile-only {
    display: inline; } }

/** Responsive for Tables on Purchase page **/
@media all and (max-width: 600px) {
  .home #content-area {
    margin-top: -3em; }
  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 30% !important; }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap; }
  /*
	Label the data
	*/
  td:nth-of-type(1):before {
    content: "Song"; }
  td:nth-of-type(2):before {
    content: "Stream"; }
  td:nth-of-type(3):before {
    content: "Download"; }
  td:nth-of-type(4):before {
    content: "CD"; }
  td:before {
    color: #c4c2c2; } }

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  .home #content-area {
    margin-top: -10.5em; } }

/** main styles - new 2017-09-21 **/
div.fan_letter .et_pb_text_inner p {
  padding-left: 3em !important;
  padding-right: 3em !important;
  font-size: 1.2em; }

/** private form page **/
#form_4juxo label {
  color: #fff; }