/*
 Theme Name:     PMCL
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         JenniferLeigh
 Author URI:     https://jenniferleigh.ca
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
body{
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 400;
    font-style: normal;
	
}

h1, h2, h3, h4, h5, h6{
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 700!important;
    font-style: normal;
}

.et_pb_row{width:90%;}


/*Buttons*/
a.et_pb_button {
    line-height: 1.2!important;
}

/*Blog*/
.et_pb_blog_grid .et_pb_post{padding: 35px 35px 35px 35px;}
.et_pb_image_container {margin:-35px -35px 35px -35px;}
p.post-meta { border-bottom: 1px solid #f0f0f0;  padding: 10px 0!important;   margin-bottom: 10px!important;  border-top: 1px solid #f0f0f0;}

a.more-link { transition: all .25s ease-in-out!important; background: #231F20;   display: inline-block;   margin-top: 20px!important;   border-radius: 5px;   padding: 10px 15px;   max-width: max-content;}
a.more-link:hover { color: #231F20; background: #F9DF0B;}


/*Multiply-Overlay*/
.et_pb_section.add-overlay:after {
    content: " ";
    display: block;
    background: #144876;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    opacity: .5;
}





/* ==========================================
   Menu
   ========================================== */
.et_header_style_left .et-fixed-header #et-top-navigation{padding:20px 0!important}
.container.et_menu_container{max-width:90%; width:90%}

@media (min-width: 980px) {

  #main-header .nav li ul {
    background-color: ;
    border-radius:5px;
  }

  #main-header .nav li ul li a{
    color: #000;
    text-transform: none;
    font-size: 16px;
  }

    #main-header .nav li ul li a:hover{
    color: #093F6F;
    background:transparent!important;

  

}



header li.button.menu-item a {
    border: #F9DF0B 2px solid;
    font-weight: 700 !important;
    background-color: #F9DF0B;
    padding: 20px 25px!important;
    border-radius: 3px;
    color: black!important;
}

header li.button.menu-item a:hover {
    background-color: transparent!important;

}

    .et-fixed-header #top-menu li.button.menu-item a {

    color: black!important;
}

    .et-fixed-header #top-menu li.button.menu-item a:hover {
    color: #fff!important;
    opacity:1!important;
}
}
/*Mobile*/

  .mobile_menu_bar:before{color: #f9df0b!important;}
  ul#mobile_menu {background: #093F6F!important;border-top: 0; border-radius: 5px;}

  ul.et_mobile_menu > li.menu-item-has-children { position: relative;}

  

        /* Hide the Sub-menu */
        ul.et_mobile_menu .menu-item-has-children .sub-menu,
        #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
        .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
        .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
        max-height:0px;
        overflow: hidden; 
        opacity: 0;
        transition: all .25s ease-in-out;
        }

        /* Show the sub-menu when the + icon is clicked */
        ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
        #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
        .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
        .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
        display: block !important;
        visibility: visible !important;
        max-height: 100vh;
        opacity: 1;

        }

/* Make room for the icon */
ul#mobile_menu li.menu-item-has-children > a {
  padding-right: 44px; /* space for + / - */
  position: relative;
}

/* Default: plus */
ul#mobile_menu li.menu-item-has-children > a::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}

/* When open: minus */
ul#mobile_menu li.menu-item-has-children.dt-open > a::after {
  content: "−"; /* real minus */
}
  

/* ==========================================
   Divi Fullwidth Slider — Ken Burns Effect
   Requires JS to set --kb-bg and --kb-dur
   ========================================== */

/* Slide wrapper */
.jl-kenburns .et_pb_slide{
  position: relative;
  overflow: hidden;
}

/* Ken Burns image layer (uses CSS variable set by JS) */
.jl-kenburns .et_pb_slide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;

  background-image: var(--kb-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: scale(1.08) translate3d(0,0,0);
  opacity: 0;
  pointer-events: none;
  will-change: transform;
}

/* Keep slide content above the animated layer */
.jl-kenburns .et_pb_slide .et_pb_container{
  position: relative;
  z-index: 1;
}

/* Active slide animates (odd slides default direction) */
.jl-kenburns .et_pb_slide.et-pb-active-slide::before{
  opacity: 1;
  animation: jlKenBurnsZoom var(--kb-dur, 5s) ease-in-out forwards;
}

/* Even slides reverse direction */
.jl-kenburns .et_pb_slide.et-pb-active-slide:nth-of-type(even)::before{
  animation-name: jlKenBurnsZoomReverse;
}

/* Outgoing slide holds final frame to prevent "bounce" */
.jl-kenburns .et_pb_slide.et-pb-moved-slide::before{
  opacity: 1;
  transform: scale(1.18) translate3d(-2.5%, -2.5%, 0);
}
.jl-kenburns .et_pb_slide.et-pb-moved-slide:nth-of-type(even)::before{
  transform: scale(1.18) translate3d(2.5%, 2.5%, 0);
}

/* Forward pan (odd) */
@keyframes jlKenBurnsZoom{
  from{ transform: scale(1.08) translate3d(0,0,0); }
  to  { transform: scale(1.18) translate3d(-2.5%,-2.5%,0); }
}

/* Reverse pan (even) */
@keyframes jlKenBurnsZoomReverse{
  from{ transform: scale(1.08) translate3d(0,0,0); }
  to  { transform: scale(1.18) translate3d(2.5%,2.5%,0); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .jl-kenburns .et_pb_slide::before{
    animation: none !important;
    transform: none !important;
    opacity: 1;
  }
}