/*
 Theme Name:     Juxt Marketing
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Juxt Marketing Custom Child for Divi
 Author:         Juxt Marketing
 Author URI:     https://www.juxtmarketing.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */



:root{
    --ph-brand-red: #7b2d26;
    --ph-brand-grey: #79808C;
    --ph-brand-charcoal: #181818;
    --ph-brand-blue: #6b98b4;
    --ph-brand-dk-blue: #235573;
    --ph-brand-tan: #b19788;
    --ph-brand-orange: #c27444;
}

.et-fb-app--header {
    display: none;
}

.ph-brand-red, .ph-brand-red a{
    color: var(--ph-brand-red);
}
.ph-brand-grey, .ph-brand-grey a{
    color: var(--ph-brand-grey);
}
.ph-brand-charcoal, .ph-brand-charcoal a{
    color: var(--ph-brand-charcoal);
}
.ph-brand-blue, .ph-brand-blue a{
    color: var(--ph-brand-blue);
}
.ph-brand-dk-blue, .ph-brand-dk-blue a{
    color: var(--ph-brand-dk-blue);
}
.ph-brand-tan, .ph-brand-tan a{
    color: var(--ph-brand-tan);
}
.ph-brand-orange, .ph-brand-orange a{
    color: var(--ph-brand-orange);
}

.ph-emphasis-header{
    font-weight: 800;
}


/* pagebuilder hax */

.et-fb-post-content .force-bg-in-editor{
    background-color: grey !important;

}

.et-fb-post-content .force-bg-in-editor::after{
    content: "This item has been modified in CSS in PageBuilder view only. It has had it's background forced to grey for visibility.";
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, .5);
    color: white;   
}

/* end pagebuilder hax */

/* header adjustments */


.ph-header {
	background: transparent;
	-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;
}



.ph-fixed-header {
	background-color: rgba(0, 0, 0, .5) !important;
	-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;
}

/* end header adjustments */

/* Menu adjustments */
@media all and (min-width: 980px){
.et_pb_menu_inner_container{
    display: flex !important;
    flex-grow: 1 !important;;
  }
  .et_pb_menu__wrap{
    display: flex !important;
    flex-grow: 1 !important;
    justify-content: space-between;
  }
  
  .et_pb_menu__menu{
   display: flex !important;
    flex-grow: 1 !important;
    
  }
  
  .et-menu-nav{
    display: flex !important;
    flex-grow: 1 !important;
  }
  
  .et-menu{
    display: flex !important;
      flex-grow: 1 !important;;
      justify-content: space-between !important;
    
  }
}


  /* End Menu */