/*
Theme Name: Beehaven
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 20220130-053207
Updated: 20220130-053155

*/


/* #region REF-breakpoints xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* Large screens (1405px upwards) */
@media (min-width: 1405px) {
}

/* Laptops and desktops (1100-1405px) */
@media (min-width: 1100px) and (max-width: 1405px) {
}

/* DIVI- DESKTOP- MIN */
@media (min-width: 981px) {
}

/* TABLETs in LANDSCAPE mode (981-1100px) */
@media (min-width: 981px) and (max-width: 1100px) {
}

/* DIVI- TABLET- MAX */
@media (max-width: 980px) {
}

/* TABLETs in PORTRAIT mode (768-980px) */
@media (min-width: 768px) and (max-width: 980px) {
}

/* DIVI- TABLET- MIN */
@media (min-width: 768px) {
}

/* PHONEs in LANDSCAPE mode (480-768px) */
@media (min-width: 480px) and (max-width: 767px) {
}

/* DIVI- PHONE- MAX */
@media (max-width: 767px) {
}

/* #endregion REF-breakpoints xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




/* #region Font Sizing xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* #region https://type-scale.com/ */

/* html {font-size: 62.5%;} */

body {
  background: #f0f0f0;
  font-family: 'Oswald', sans-serif;
  /* font-family: "Oswald", Helvetica, Arial, Lucida, sans-serif; */
  font-weight: 400;
  line-height: 1.75;
  color: #999;
}

/* p {margin-bottom: 1rem;} */


h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  font-family: 'FS Kim Black',Helvetica,Arial,Lucida,sans-serif;
  color: #A4917F!important;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {
  font-size: 1.953rem;
  font-size: clamp(2.44rem, 2.20rem + 1.03vw, 3.13rem);
}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}

/* #endregion https://type-scale.com/ */



/* html,
body,
html body {
  color: #999;
  background-color: #f0f0f0 !important;
} */

/* body,
input,
textarea,
select {
  font-size: 18px;
  font-family: "Oswald", Helvetica, Arial, Lucida, sans-serif;
  line-height: 1.7em;
  font-weight: 400;
  font-size: 1.6rem;
} */



@media (max-width: 374.999px) {
  xh1 {
    /* 320px ~ 374px https://codesandbox.io/s/clamp-linear-intepolation-based-on-viewport-width-builder-xgkft?from-embed */
    /* font-size: clamp(4.1rem, -0.0481rem + 12.963vw, 4.8rem) !important; */
  }
  xh2 {
    font-size: clamp(4rem, 4.6vw, 6.6rem);
    font-size: clamp(4rem, 1.6727rem + 7.2727vw, 4.4rem);
  }
}

/*  */

@media (min-width: 375px) {
  xh1 {
    font-size: clamp(4.8rem, 6.7vw, 9.6rem);
    /* 375px ~ 1440px https://codesandbox.io/s/clamp-linear-intepolation-based-on-viewport-width-builder-xgkft?from-embed */
    /* font-size: clamp(4.8rem, 3.1099rem + 4.507vw, 9.6rem) !important; */
  }
  xh2 {
    font-size: clamp(4rem, 4.6vw, 6.6rem);
    font-size: clamp(4.4rem, 3.4141rem + 2.6291vw, 7.2rem);
    font-size: clamp(1.8rem, 0.8211267605633803rem + 6.309859154929577vw, 6.5rem)
  }
}

h1 {
  font-size: clamp(3.5rem, 5.7vw + 1rem, 9.2rem);
  font-size: clamp(3.5rem, 5.7vw + 1rem, 9.2rem);
  /* 16px root */
  font-size: clamp(2.75rem, 1.6937rem + 4.5070vw, 5.75rem);
  font-size: clamp(3.00rem, 1.94rem + 4.51vw, 6.00rem);
}

h2,
.home h2 {
  font-size: clamp(4rem, 4.6vw, 6.6rem);
  font-size: clamp(4.4rem, 3.4141rem + 2.6291vw, 7.2rem);
  font-size: clamp(1.8rem, 0.8211267605633803rem + 6.309859154929577vw, 6.5rem);
  /* https://modern-fluid-typography.vercel.app/ */
  font-size: clamp(2.6rem, 4.235vw + 1rem, 7.1rem);
  /* 16px root */
  font-size: clamp(1.625rem, 4.035vw + 1rem, 4.438rem);
  font-size: clamp(3.00rem, 2.47rem + 2.25vw, 4.50rem);
}

.h2_global, h2 {
  font-size: clamp(3.00rem, 2.47rem + 2.25vw, 4.50rem);
  font-size: clamp(2.13rem, 1.51rem + 2.63vw, 3.88rem);
}



p,
.et_pb_button,
.bh_button {
  font-size: 1.125rem;
}

.body-subhead-kim p,
.body-subhead-oswald p {
  font-size: 1.2rem;
}

/* #endregion Font Sizing xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



/* from global header, css module */

header.et-l.et-l--header {
  z-index: 99999;
  position: relative;
}

@media screen and (max-width: 980.999px) {
  
  /* .et_pb_menu--style-inline_centered_logo .et_pb_row > .et_pb_menu__logo-wrap, */
  .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container > .et_pb_menu__logo-wrap {
    /* margin-bottom: 0px;
    margin: auto;
    max-width: 80% !important;
    float: none !important;
    padding: 0 10px !important; */
  }

  .et_pb_menu__wrap {
    /* top: 50%!important; */
    /* transform: translateY(-50%)!important; */
    xbottom: unset !important;
    xtop: unset !important;
    xtransform: none !important;
  }
}

header.et-l.et-l--header li.current-menu-item a,
header.et-l.et-l--header li.menu-item.left-item a:hover,
header.et-l.et-l--header li.menu-item.right-item a:hover {
  /* border-bottom: red 1px solid; */
  text-decoration: underline;
}

/* https://divi.help/threads/how-to-do-centered-header-style-on-desktop-and-default-header-style-on-mobile-and-tablet.2972/ */

@media screen and (max-width: 980.999px) {
  /*

    #et-top-navigation {
        top: 50%!important;
        transform: translateY(-50%)!important;
        bottom: auto!important;
    }
    #logo {
        float: left!important;
        padding: 11px 0!important;
    }
    .logo_container {
        max-width: 80%!important;
    }
    
    */
  /* tweaked for tb menu module- MOBILE */
  .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100%;
  }

  .et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-wrap {
    /* max-width: 80% !important;
    float: left !important;
    padding: 11px 0 !important;
    padding: 0 10px !important; */
    margin-bottom: unset !important;
  }


  /* .et_pb_menu__wrap {
    xtop: 50% !important;
    xtransform: translateY(-50%) !important;
    xbottom: auto !important;
  } */

  /* Move centered hamburger menu to flex-end */
  .et_pb_menu--style-inline_centered_logo .et_pb_menu__wrap {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: flex-end !important;
    justify-content: flex-end !important;
  }

}

/* #region https://www.creativechildthemes.com/10-useful-code-snippets-for-your-divi-menu-mobile/ */

/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile */
@media all and (max-width: 980.999px) {
  /* align header container text to left */
  .et_header_style_centered #main-header .container,
  .et_header_style_split #main-header .container {
    text-align: left;
  }
  /* set max width for logo container and bring it above the navigation bar to make it clickable */
  .et_header_style_centered header#main-header .logo_container,
  .et_header_style_split header#main-header .logo_container {
    position: relative;
    z-index: 2;
    max-width: 50%;
  }
  /* move split header logo to left */
  .et_header_style_split header#main-header .logo_container {
    float: left;
  }
  /* prevent the split header logo from shrinking by increasing its max width */
  .et_header_style_split #logo {
    max-width: 100%;
  }
  /* adjust top navigation alignment */
  .et_header_style_centered #main-header div#et-top-navigation,
  .et_header_style_split #main-header div#et-top-navigation {
    position: absolute;
  }
  /* make "select page bg color transparent" */
  .et_header_style_centered #main-header .mobile_nav,
  .et_header_style_split #main-header .mobile_nav {
    background-color: rgba(0, 0, 0, 0);
  }
  /* remove mobile_nav left and right padding */
  .et_header_style_centered #main-header .mobile_nav,
  .et_header_style_split #main-header .mobile_nav {
    padding: 5px 0px;
  }
  /* remove unnecessary top margin */
  .et_header_style_centered #et_mobile_nav_menu,
  .et_header_style_split #et_mobile_nav_menu {
    margin-top: 0px;
  }
  /* hide "select page" container */
  .et_header_style_centered #main-header .mobile_nav .select_page,
  .et_header_style_split #main-header .mobile_nav .select_page {
    display: none;
  }
  /* adjust vertical and right alignment of the mobile menu bar */
  .et_header_style_centered #main-header .mobile_menu_bar,
  .et_header_style_split #main-header .mobile_menu_bar {
    position: relative;
    right: 0px;
    text-align: right;
  }
  /* adjust dropdown menu top offset */
  .et_header_style_centered #main-header ul#mobile_menu1.et_mobile_menu,
  .et_header_style_split #main-header ul#mobile_menu1.et_mobile_menu {
    top: 63px;
  }
}

/* Six Tips for a Better Divi Mobile Menu + Free Header Template Download | https://divimundo.com/en/blog/six-tips-for-a-better-divi-mobile-menu/ */

/* Center-align moble menu items */
.et_mobile_menu li {
  text-align:center !important;
  }
    
  .et_mobile_menu li li, 
  .et_mobile_menu li ul {
  padding-left:0 !important;
  }

  /* dlx..  */
  .et_pb_menu ul#mobile_menu1.et_mobile_menu {
    /* min-width: 80vw; */
    /* margin-left: -70vw; */
    line-height: 60px;
    border-top: 1px solid #ccc;
    /* top: 56px; */
    top: 20vw;
    box-shadow: 0px 0px 18px 10px #ddd;
  }

/* Make mobile menu fullwidth */
.Xet_pb_menu ul#mobile_menu1.et_mobile_menu {
  min-width: 80vw;
  /* margin-left: -70vw; */
  line-height: 60px;
  border-top: 3px solid #2ea3f2;
  border-top: none;
  top: 56px;
  top: 20vw;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.03);
  /*border: 2px solid purple;*/
  margin-left: 5vw;
  margin-right: 5vw;
  margin-inline: 5vw;
}

ul#mobile_menu1:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  top: -21px;
  right: -2px;
  border: 10px solid;
  box-shadow: 3px -1px 4px rgb(0 0 0 / 10%);
  box-shadow: none;
  border-color: transparent rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) transparent;
  /*border-color: transparent purple purple transparent;*/
}

ul#mobile_menu1:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  top: -18px;
  right: 0px;
  border: 12px solid;
  box-shadow: 3px -1px 4px rgb(0 0 0 / 10%);
  box-shadow: none;
  border-color: lightyellow lightyellow transparent transparent;
  border-color: transparent white white transparent;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/* #endregion https://www.creativechildthemes.com/10-useful-code-snippets-for-your-divi-menu-mobile/ */


@media screen and (min-width: 981px) {
  header.et-l.et-l--header {
    margin-bottom: 4.5vw;
  }

  .et_pb_menu .et_pb_menu__menu > nav > ul > li {
    xmin-width: 200px;
    justify-content: center;
    /* min-width: 12vw; */
    max-width: 175px !important;
    width: 12vw;
    top: -12px;
  }

  .et_pb_menu .et_pb_menu__menu > nav > ul > li.et_pb_menu__logo-slot {
    width: 43vw;
    max-width: 620px !important;
  }

  .et_pb_menu .et_pb_menu__menu > nav > ul > li.left-item,
  .et_pb_menu .et_pb_menu__menu > nav > ul > li.right-item {
    top: -20px;
    top: -30px;
  }

  header.et-l.et-l--header > .et_builder_inner_content > .et_pb_section {
    /* padding-top: 14px;  to module */
  }

  .et_pb_menu--style-inline_centered_logo
    .et_pb_menu__logo-slot
    .et_pb_menu__logo-wrap {
    margin-top: 26px;
    margin-bottom: 22px;
    width: 590px;
  }

  #menu-main-header > li.left-item.mobile.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-239613,
  #menu-main-header > li.right-item.mobile.et_pb_menu_page_id-238528.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-239614 {
    visibility: hidden;
    display: none;
  }

}

/* Row 100% on mobile  width: calc( 100% - (1000 * ( ( 100vw - 375px ) / 5325 ) ) );  */


#main-content .et_pb_column {
  /* padding-inline: 1vw; */
}

.page .et_pb_row {
  /* width: calc(100% - (1000 * ((100vw - 375px) / 5325))); */
  /* min-width: 90%; */
}

.page .et_pb_row.et_pb_row--with-menu,
.page .et_pb_row.fullwidth,
.page .et_pb_row.et_pb_row_0_tb_footer {
  width: 100%;
}


xbody.page:before {
  content: '';
  /* display: block; */
  position: absolute;
  /* top: 0; */
  /* height: 100vh; */
  width: 100vw;
  /* background: red; */
  /* height: 100%; */
  z-index: 9999999999999999;
  opacity: 0.6;
  background-repeat: no-repeat;
  /* background-position-x: 50%; */
  /* background-size: contain; */
  min-height: 10906px !important;
  /* background-size: 80% auto; */
  background-size: 100% auto;
  max-width: 1440px;
  /* left: 50%; */
  /* margin: auto; */
  margin: 0 auto;
  /* transform: translate(-50%, -73%); */
  /* transform: translateX(8%); */
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #a9396ab0;
  background-blend-mode: luminosity !important;
  background-image: url(https://beehaven2.dlx2.com/wp-content/uploads/sites/28/2021/10/Home-full-template-bg-img_opac-100_1440x5300.png);
  /* background-image: url(https://beehaven2.dlx2.com/wp-content/uploads/sites/28/2022/01/Shop.png); */
}