/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rokkitt:wght@300;400;600;700&display=swap');
body,
body.burningman-campaign,
body p,
body.burningman-campaign p {
  line-height:1.7em;
}

body.pushable > .pusher,
body.home.pushable > .pusher,
body.burningman-campaign.pushable > .pusher,
body.burningman-campaign.home.pushable > .pusher {
  background:#E7E8E1;
  font-family: 'Open Sans', sans-serif;
}

body.page-template .mobile-padding-wrapper > .ui.main.grid.container {
  background: #FFFFFF;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding-top:1vw;
  padding: 2vw;
}

body.burningman-campaign  .full.height > .ui.masthead.segment {
  margin-bottom: 3rem;
}
body .header-title h1,
.burningman-campaign .header-title h1 {
  font-family: 'Rokkitt', serif;
  text-transform: none;
  color: #FFFFFF; 
}
body .header-title h1:first-letter,
.burningman-campaign .header-title h1:first-letter{
  text-transform: capitalize !important;
}

/* START TYPOGRAPHY */

h1,
h1.ui.header {
  font-family: 'Open Sans', sans-serif;
  color: #083870; 
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 1.92px;
}
h1.entry-title, 
h1.ui.header, h1 {
  color: #083870; 
  font-weight: 300;
}

h2,
h2.ui.header {
  font-family: 'Open Sans', sans-serif;
  color: #083870; 
  font-weight: 300;
  font-size: 28px;
  letter-spacing: normal;
}

h2.title,
h2.ui.header.title {
  font-family: 'Rokkitt', serif;
  font-weight: 400; 
  font-size: 26px;
  letter-spacing: 0px;
}

h3,
h3.ui.header {
  font-family: 'Open Sans', sans-serif;
  color: #083870;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: normal;
}

h4,
h4.ui.header {
  font-family: 'Open Sans', sans-serif;
  color: #083870; 
  font-size: 18px;
  font-weight: 500;
}


h4 em,
h4.ui.header em {
  display: block;
  font-weight: bold;
  padding-top: 1rem;
  font-family: 'Rokkitt', serif;
}

strong {
  color: #083870; 
  font-weight: 600;
}

#place_order {
  background: transparent linear-gradient(90deg,#f82700,#ff6200) 0 0 no-repeat !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-family: 'Open Sans', sans-serif;
}
/* END TYPOGRAPHY */

/* WooCommerce Theme Color Customizations */
body.burningman-campaign .woocommerce table.shop_table {
  color: #083870;
}