/*
Theme Name: BUDOKAN LAUSANNE
Version: 1.0
Author: Raphaël Cornuz
Author URI: https://cornuz.com

Template: Divi
*/

/* For adding CSS rules to this file please use the .budokan class! */

/**
 * SPLIT SECTION FIX
 */

 @media screen and (max-width: 980px) {
  .budokan .split-section-fix .et_pb_column.et_pb_column_empty {
    display:block;
    min-height: 60vw;
  }

  .budokan .split-section-fix .et_pb_row:nth-child(2n) {
    display: flex;
    flex-direction: column-reverse;
  }

  .budokan .split-section-fix .et_pb_column {
    padding-left: 16%;
    padding-right: 16%;
  }

  .budokan .split-section-fix .et_pb_column .et_pb_text_align_right {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .budokan .split-section-fix .et_pb_column {
    padding-left: 8%;
    padding-right: 8%;
  }
}

/**
 * THEME BUILDER HEADER FIX
 * @since 1.2.0
 */

 /* Setup new header id instead of #main-header @since Divi 4.2.2 */
 .budokan.et-db #et-boc .et-l--header {
  position: relative;
  z-index: 99999;
  top: 0;
  width: 100%;
  transition: background-color .4s, opacity .4s ease-in-out;
}

/* Set it fixed (for every device) */
.budokan.et_fixed_nav #et-boc .et-l--header {
  position: fixed;
}

/* Fix non adjustable row in fullwidth menu both in frontend and theme builder */
.child.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_pb_row {
  width: 100%;
  margin: 0;
  padding: 0 !important;
}

/* Offset, when logged in */
.child.admin-bar.et_fixed_nav #et-boc .et-l--header {
  top: 32px;
}

/* Offset when logged in and mobile */
@media screen and (max-width: 782px) {
  .child.admin-bar.et_fixed_nav #et-boc .et-l--header {
    top: 46px;
  }
}

/* Set admin bar to fixed in mobile view */
@media screen and (max-width: 600px) {
  .child.admin-bar.et_fixed_nav #wpadminbar {
    position: fixed;
  }
}

/* Adjust search file in fullwidth menu */
.child.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_pb_menu__search {
  padding: 0 2rem;
  background-color: transparent;
}

.child.et_fixed_nav.et_secondary_nav_enabled #page-container {
  padding-top: 80px;
}