/*
Theme Name: Divi Child Theme
Theme URI: https://webdesign4u.com.au
Description: Divi Child Theme
Author: Webdesign 4u
Author URI: https://webdesign4u.com.au
Template: Divi
Version: Updated for Divi 4+
*/


/* 34px @ 300px increasing to 65px @ 1920px */
@media (min-width: 300px) {
  .title-h1-hero H1 {
    font-size: calc(2.125rem + (65 - 34) * ((100vw - 300px) / (1920 - 300)));
    /* Note: The calc base value (2.125rem) MUST be stated in REM to maintain accessibility */
    /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */

    /* Safari resize fix */
    min-height: 0vw;
  }
}
/* Prevent scaling beyond this breakpoint */
@media (min-width: 1920px) {
  .title-h1-hero H1 {
    font-size: 65px;
  }
}

/* 34px @ 350px increasing to 52px @ 1920px */
@media (min-width: 350px) {
  .title-h2-sub H2  {
    font-size: calc(2.125rem + (52 - 34) * ((100vw - 350px) / (1920 - 350)));
    /* Note: The calc base value (2.125rem) MUST be stated in REM to maintain accessibility */
    /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */

    /* Safari resize fix */
    min-height: 0vw;
  }
}
/* Prevent scaling beyond this breakpoint */
@media (min-width: 1920px) {
  .title-h2-sub H2  {
    font-size: 52px;
  }
}
/* 48px @ 350px increasing to 80px @ 1920px */
@media (min-width: 350px) {
  .hero-h1-80px H1  {
    font-size: calc(3rem + (80 - 48) * ((100vw - 350px) / (1920 - 350)));
    /* Note: The calc base value (3rem) MUST be stated in REM to maintain accessibility */
    /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */

    /* Safari resize fix */
    min-height: 0vw;
  }
}
/* Prevent scaling beyond this breakpoint */
@media (min-width: 1920px) {
  .hero-h1-80px H1  {
    font-size: 80px;
  }
}
/*make Divi Builder text style settings sticky on scroll*/
.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
}

/*show desktop menu on phone*/
@media (max-width: 980px) {
	.wd4u-vertical-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.wd4u-vertical-menu .et_mobile_nav_menu {
		display: none!important;
	}
}