/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Adapted from Divi
 Author:         Bear Left Bear
 Author URI:     https://bearleftbear.com
 Template:       Divi
 Version:        1.0.0
*/

/*
CSS THAT CAN BE ADDED TO COLUMNS
split = lists entries in two columns
outlined
spaced
first
second
third
last

CSS THAT CAN BE ADDED TO ENTRIES
spaced = spaces out the menu items
condensed = shrinks down the space between the menu items
fineprint = makes text appear very small
menu-note = for notes on the menu
menu-option = for option on the menu
menu-price = for prices on the menu
push-right = added to menu item to add margin
push-left = added to menu item to add margin
squished = when added to menu item, squishes the letters on the web version
squishedprint = when added to menu item, squishes the letters for print only
*/

/*------------------------------------------------*/
/*-----------------[WEBSITE MENU]-----------------*/
/*------------------------------------------------*/
.menusection .et_pb_blurb {
  margin-bottom: 20px;
}
.menusection h2 {
    font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 0px;
}

.spaced .et_pb_blurb {
  margin-bottom: 35px !important;
}

.condensed .et_pb_blurb, .et_pb_blurb.condensed {
  margin-bottom: 10px !important;
}

.menu-note {
  color: #19C3F0;
  font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  font-size: 14px;
}
.menu-option {
  color: #45B97C;
  font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  font-size: 14px;
}
.menu-price {
  color: #E9B1D1;
  font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  font-size: 14px;
}

.et_pb_blurb b {
  font-weight: 600;
}

.et_pb_blurb_content {
    display: inline-flex !important;
    justify-content: space-between;
    max-width: 650px;
}

/*flex order*/
.et_pb_blurb_container {
    padding-left: 0px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.et_pb_module_header { order: 1; display: inline-flex; }
.price { order: 2; display: inline-flex; }
.et_pb_blurb_description { order: 3; display:inline-flex }


.et_pb_blurb h4.et_pb_module_header {
  line-height: 24px;
  font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 1px;
  padding-bottom: 0px !important;
}

.et_pb_blurb.squished h4.et_pb_module_header {
  letter-spacing: -.5px;
  font-size: 19.5px;
}

.et_pb_blurb .et_pb_blurb_description {
    color: #45B97C;
    font-weight: 600;
}

.et_pb_blurb .price {
  line-height: 22px;
  font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  color: #E9B1D1;
  font-size: 20px;
  letter-spacing: 1px;
  margin-left: 8px;
}

.menuspacer {
    height:15px;
}

.et_pb_blurb.squished h4.et_pb_module_header {
  letter-spacing: 0px;
  font-size: 15px;
}
.squished h2 {
  letter-spacing: 0px;
}

@media (max-width: 980px) {
  .menusection .et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, .menusection .et_pb_row .et_pb_column.et-last-child, .menusection .et_pb_row .et_pb_column:last-child {
      margin-bottom: 30px;
  }
  .menusection .et_pb_row {
      padding: 0px 0;
  }
  .menusection .et_pb_column .et_pb_module {
    margin-bottom: 20px;
  }
}
@media (min-width: 981px) {
  .menusection .et_pb_module, .menusection .et_pb_module {
      margin-bottom: 20px;
  }
}


/*------------------------------------------------*/
/*-------------[PRINT MENU OVERRIDES]-------------*/
/*------------------------------------------------*/

.dontprint { display:block; }
.printonly { display:none !important; }

@media print {
  @page {
    size: 11in 6.293in;
    margin: 0in;
    margin-top:0in;
  }
  @page rotated {
    size : landscape; 
    margin: 0in;
    margin-top:0in;
  }

  #main-header { display: none; }
  .et_fixed_nav #top-header { display: none; }
  #main-footer { display: none; }
  .menusection {display:none; }
  .dontprint { display:none; }
  .printonly { display:block !important; }

  #flowpage .et_pb_row { padding: 0px; }
  #flowpage.et_pb_section { 
    padding: 0px 0 !important; 
    background-color: #262262;
    padding: 0px 0px 0px 0px !important;
  }
  #flowedpanel3 {
    padding-left: 20px;
  }

  
  /* GLOBAL FORMATTING :: .print */

  body.custom-background {
    background-color: #efefef !important;
  }
  #main-content {
    padding-bottom: 0px !important;
  }
  #flowpage {
    margin: 0px auto;
    text-align: center;
  }
  .menupage {
    width:11in;
    height:6.293in;
    padding: .4in;
    background-color:#262262;
    border:0px dotted #262262;
    display: inline-flex;
    line-height: 15px;
  }
  
  /*FUN ICON DESIGN ADJUSTMENTS*/
  .menupage {
    background-image: url("https://moonlitburgers.com/wp-content/themes/Divi-child/pics/ML-Menu-BG.svg");
    background-repeat: no-repeat;
  }
  #flowedpanel1 .minisection {
    width: 2.75in;
    margin-right: 65px;
  }

  #flowedpanel2 .minisection {
    width: 2.9in;
    margin-right: 50px;
  }
  #flowedpanel3 .minisection {
    width: 3.35in;
  }
  #flowedpanel1, #flowedpanel2, #flowedpanel3 {
    position: relative;
  }
  #flowedpanel1::before {
    content: '';
    background-image: url('https://moonlitburgers.com/wp-content/themes/Divi-child/pics/ML-Icon-Beer.svg');
    background-size: 70px 90px;
    background-repeat: no-repeat;
    background-position: bottom right;
    display: inline-block;
    width: 70px;
    height: 90px;
    position: absolute;
    left: 220px;
    top: 5px; /*was 30px*/
  }
  
  #flowedpanel2::after {
    content: '';
    background-image: url('https://moonlitburgers.com/wp-content/themes/Divi-child/pics/ML-Icon-Milkshake2.svg');
    background-size: 65px 90px;
    background-repeat: no-repeat;
    background-position: bottom right;
    display: inline-block;
    width: 65px;
    height: 90px;
    position: absolute;
    left: 255px;
    top: 350px;
  }

  #flowedpanel3::before {
    content: '';
    background-image: url('https://moonlitburgers.com/wp-content/themes/Divi-child/pics/ML-Icon-Stars.svg');
    background-size: 90px 90px;
    background-repeat: no-repeat;
    background-position: bottom right;
    display: inline-block;
    width: 90px;
    height: 90px;
    position: absolute;
    left: -30px;
    top: 300px;
    rotate: -10deg;
  }


  #flowedpanel3::after {
    content: '';
    background-image: url('https://moonlitburgers.com/wp-content/themes/Divi-child/pics/ML-Icon-Rays.svg');
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: bottom right;
    display: inline-block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 190px;
    top: 340px;
  }

  .push-right { margin-left:50px }
  .push-left { margin-right:40px }
  
  /*page1*/
  #menupage1 .panel {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /*page2*/
  #menupage2 .panel {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #menupage2 .panel .minisection {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /*text formatting*/
  .menupage .et_pb_module {
    margin-bottom: 0px;
  }

  .menupage .et_pb_module h2 {
    margin-bottom: 0px; /*was 10px*/
  }
  .menupage .et_pb_blurb {
    margin-bottom: 10px !important;
  }
  .menupage .et_pb_blurb:last-child {
    margin-bottom: 0px !important;
  }
  .menupage .panel h2 {
    font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
    color: #F6EE69;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .menupage .et_pb_blurb h4.et_pb_module_header {
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  }

  .menupage .et_pb_blurb.squishedprint h4.et_pb_module_header {
  letter-spacing: -.5px;
  font-size: 14.5px;
  }
  .menupage .squishedprint h2 {
  letter-spacing: 0px;
  }

  .menupage .et_pb_blurb .et_pb_blurb_description {
    line-height: 17px;
    font-family: 'Comic Neue', handwriting;
    font-size: 17px;
    color: #45B97C;
    display: inline-block;
  }

  .menupage .et_pb_blurb .price {
    color: #E9B1D1;
    font-size: 15px;
    line-height: 18px;
    margin-left: 8px;
  }

  /* spaced */
  .menupage .spaced .et_pb_blurb {
    margin-bottom: 35px !important;
  }

  /* condensed */
  .menupage .condensed .et_pb_blurb {
    margin-bottom: 5px !important;
  }

  /* sides */
  .menupage .sides .et_pb_blurb h4.et_pb_module_header {
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Moonlittle', 'Comic Neue', handwriting !important;
  }
  .menupage .sides .et_pb_blurb {
    margin-bottom: 0px !important;
  }
  .sides .price { font-size:12px; line-height: 16px; }
  /*
  .menu-option, .menu-note, .menu-price {
    font-size: 12px;
    line-height: 16px;
  }
  */

  /* outlined */
  .menupage .minisection.outlined {
    border:1px solid #000;
    padding: .25in;
  }

  /* fillspace */
  .menupage .minisection.fillspace {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /* order:  first, second, third, last */
  .menupage .minisection.first { order: 1; }
  .menupage .minisection.second { order: 2; }
  .menupage .minisection.third { order: 3; }
  .menupage .minisection { order: 4; }
  .menupage .minisection.last { order: 10; }
  
  /*split panel*/
  .minisection.split {
    display: inline-flex !important;
    flex-direction: row !important;;
    flex-wrap: wrap !important;;
    height: auto !important;;
  }
 .minisection.split > * {
    width: 150px;
  }
  .minisection.split .et_pb_text.fullwidth {
    width: 100%;
  }

  .minisection.split .fullwidth {
    width: 100%;
  }
  

  /*fineprint*/
  .menupage .fineprint {
    font-size:10px;
    line-height:12px;
  }

} /* Print */