/*
  Theme Name: Liminal
  Version: 1.0.0
  Template: Divi
  Author: subLoft
  Author URI: https://www.subloft.com
  Description: A wordpress theme for Liminal
  Text Domain: liminal
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


@import url('https://fonts.cdnfonts.com/css/bolivia-no-problem');

h1, h2, h3, h4, h5, h6, .et-menu a, .menu-item a {
	font-family: 'Bolivia No Problem', sans-serif !important;
    padding-bottom: 0px;
}

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

.et_pb_button {font-family: 'Bolivia No Problem', sans-serif !important;}

@media all and (max-width: 980px) {
  /*align the hamburger menu to the right right*/

  .pa-fullscreen-menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
  }


  /*hide the desktop version of the menu*/

  .pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
    display: none !important;
  }


  /*show the mobile version of the menu on desktop*/

  .pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
    display: block !important;
    align-items: center !important;
  }


  /*style the opened menu*/

  .pa-fullscreen-menu .opened #mobile_menu1 {
    width: 100vw !important;
    position: fixed !important;
    top: 0em !important;
    left: 0vw !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: visibility 0.3s, opacity 0.3s ease-in-out;
    padding: 0 !important;
  }


  /*style the closed menu*/

  .pa-fullscreen-menu .closed #mobile_menu1 {
    background-color: #000 !important;
    text-align: center !important;
    width: 100vw !important;
    position: fixed !important;
    left: 100vw !important;
    top: 0em !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
    opacity: 0 !important;
    visibility: hidden !important;
  }


  /*remove the bullet points from the list items*/

  .pa-fullscreen-menu #mobile_menu1 li {
    list-style: none !important;
    text-align: center !important;
    width: 100%
  }


  /*move the menu to the top above other elements*/

  .pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
    z-index: 999999 !important;
  }


  /*change the opened menu icon*/

  .pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
    content: "\4d" !important;
  }

  /*remove the default blue border top on the mobile menu*/

  .pa-fullscreen-menu .et_mobile_menu {
    border-top: none;
  }


  /*remove the default background color on menu items*/

  .pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
  }


  /*remove the default hover background color and adjust opacity*/

  .et_mobile_menu li a:hover {
    background-color: transparent;
    opacity: 1;
  }


  /*remove the default border bottom on menu items*/

  .pa-fullscreen-menu .et_mobile_menu li a {
    border-bottom: none;
  }
}
@media (min-width: 981px){

  .home header.et-l.et-l--header{
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
  }

  .home header.et-l.et-l--header .et_pb_section{
    box-shadow: none !important;
    background: rgba(0, 0, 0, 0.2) !important;
  }

  .home #page-container,
  .home #et-main-area{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .et_pb_menu .et-menu > li{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .et_pb_menu .et-menu > li:last-child{
    padding-right: 0 !important;
  }

  .home .et_pb_section.liminal-hero-video{
    position: relative !important;
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 55px) !important;
    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 55px) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: block !important;
  }

  .home .liminal-hero-video .et_pb_row,
  .home .liminal-hero-video .et_pb_column{
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 2;
  }

  .home .liminal-hero-video .et_pb_section_video_bg,
  .home .liminal-hero-video .et_pb_background_video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
    z-index: 0 !important;
  }

  .home .liminal-hero-video .et_pb_section_video_bg video,
  .home .liminal-hero-video .et_pb_background_video video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 55px) !important;;
    object-fit: cover !important;
    object-position: 50% 40% !important;
  }

}

@media (max-width: 980px){

  .home .et_pb_section.liminal-hero-video{
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .home .liminal-hero-video::before{
    content: "";
    display: block;
    width: 100%;
    padding-top: var(--liminal-mobile-video-ratio, 56.25%); /* default 16:9 */
  }

  .home .liminal-hero-video .et_pb_section_video_bg,
  .home .liminal-hero-video .et_pb_background_video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .home .liminal-hero-video .et_pb_section_video_bg video,
  .home .liminal-hero-video .et_pb_background_video video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;  /* no crop */
  }

  .home .liminal-hero-video .et_pb_row{
    display: none !important;
  }

}