/*
 Theme Name:   Divi Child Plus
 Theme URI:    /divi-child-plus/
 Description:  A modified child theme of Divi
 Author:       Web Wizards
 Author URI:   https://webwizards.ca/
 Template:     Divi
 Version:      1.2.1
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  divi-child-plus
*/

@import "modified.css";

/* !(>_<) initial-zer09 (>_<)! */

:root {
  --clr-yorange: #FFB01A;
  --clr-black: #1C1C1C;
  --clr-red: #FE4B2C;
  --clr-white: #FFFFFF;
  --clr-grey: #5D5D5D;
}

/* FF- Munich + Inter */

#tw-section-header

#tw-header

#tw-header::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #5D5D5D !important;
  position: absolute;
  bottom: 0px;
  z-index: 3;
  visibility: visible !important;
}

.cta-column::before {
  background-color: #FFB01A;
  content: '';
  height: calc(100% + 88px);
  width: 50vw;
  position: absolute;
  top: -24px;
  left: 0px;
  z-index: -2;
}

.cta-button h2 { padding: 0px !important; }


/* Home #8 */
body.page-id-8 {
  #tw-section-header { background-color: var(--clr-white); }
  #tw-section-header .cta-column::before { background-color: var(--clr-yorange); }
  #tw-section-header .cta-column .cta-button h2 { color: var(--clr-black) !important; }
}


/* What We Do #385 */
body.page-id-385 {
  #tw-section-header { background-color: var(--clr-yorange); }
  #tw-section-header .cta-column::before { background-color: var(--clr-white); }
  #tw-section-header .cta-column .cta-button h2 { color: var(--clr-black) !important; }
}


/* Why Us #5613 */
body.page-id-5613 {
  #tw-header::after { background-color: var(--clr-black); }
}


/* Our Work #449 */
body.page-id-449 {
  #tw-section-header { background-color: var(--clr-black); }
  #tw-section-header .cta-column::before { background-color: var(--clr-yorange); }
  #tw-section-header .cta-column .cta-button h2 { color: var(--clr-black) !important; }
  .et_pb_menu__logo a img { filter: brightness(1000%); }
  ul#menu-2025-new-main-menu li a { color: var(--clr-white) !important;}
  .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { color: #FFF;}
}


/* Contact #34 */
body.page-id-34 {
  
}


@media (width > 960px) {
  #tw-header > :first-child { flex: 1 1 80%; }
  #tw-header > :last-child { flex: 1 1 10%; padding-left: 2rem; justify-content: flex-end; }
  .hero-h1 h1 { font-size: clamp(9rem, -16rem + 31.5vw, 13.125rem) !important; }
}


@media (width < 960px) { 
  #tw-header::after { bottom: -36px !important; left: -25%; width: 150% !important; }
}