/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

ul#menu-main-menu.pp-advanced-menu-horizontal {max-width:100%;}


@media only screen and (min-width:769px){
	
	#special-menu ul.sub-menu {
		left: 0 !important;
		width: 100% !important;
		right: 0 !important;
		bottom: 0px !important;
		text-align: center !important;
		display: flex !important;
		justify-content: flex-end;
		align-items: center;
		padding-top: 0px !important;
		max-height: 80px;
		top: 74px !important;
		box-shadow: none !important;
		transition: visibility 0.4s linear,opacity 0.4s linear;
		height: 70px;
		background: none;
		padding-right: 55px;
	}

	body.is-safari #special-menu ul.sub-menu {

		top: 64px !important;

	}
	#special-menu ul.sub-menu::before {
		display: block;
		width: 100%;
		background: white;
		content: "";
		position: fixed;
		height: 70px;
		left: 0;
		right: 0;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.15);
		/*border-top: 1px solid #707070;*/
	}
	.fl-row-content-wrap.hovered::after {
		position: absolute;
		content: "";
		width: 100%;
		background: white;
		height: 14px;
		padding: 0px;
		left:0;
		right:0;
		z-index:999999;
		border-bottom:1px solid #efefef;
	
	
	   
	}
	#special-menu ul.sub-menu ul.sub-menu {
		 transition:visibility 0.3s linear,opacity 0.3s linear;
	}
	#special-menu ul.sub-menu li {
		 max-width: fit-content;
		 display: inline-block !important;
	}
	#special-menu .menu-item .pp-has-submenu:hover > ul.sub-menu {
		 transition-delay: 0s;
	}
	#special-menu .pp-has-submenu-container:before {
		 content: "";
		 display: block;
		 width: 100%;
		 height: 100%;
		 position: absolute;
		 top: calc(100%);
	}
	#special-menu .pp-advanced-menu nav ul:not(.sub-menu) li {
		position: unset;
	}

	#special-menu ul.sub-menu li {
		position: relative !important;
	}
	#special-menu .pp-has-submenu .pp-has-submenu-container > span.pp-menu-toggle {
		 transition: transform .5s cubic-bezier(.76,0,.24,1);
	}
	#special-menu .pp-has-submenu:hover  .pp-has-submenu-container span.pp-menu-toggle,#special-menu .pp-has-submenu.focus span.pp-menu-toggle {
		 transform: rotate( -180deg );
		 transition: transform 400ms ease;
	}

	
	
	
}



/** Custom Hover and Grow **/

/*
@media only screen and (min-width:769px){
    html:not(.fl-builder-edit) #hoverRows > .fl-row-content-wrap > .fl-row-content:hover .hoverCol:not(:hover) {
        width: 25%;
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }
    
    
    html:not(.fl-builder-edit) .hoverCol:hover {
        width: 50% !important;
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }
    html:not(.fl-builder-edit) #hoverRows > .fl-row-content-wrap > .fl-row-content:hover .hoverCol:not(:hover) .fl-col-content>.fl-col-group>.fl-col-small {
        width: 6%;
            -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }
    */
    /** Not a fan of this one, find another solution ***/
    /*
    html:not(.fl-builder-edit) .hoverCol {
        min-height: 660px !important;
    }*/
    
    /** End  Custom Hover and Grow **/
    
    
    /** Testing not in use**/
    
    .widthclass {
        width:25% !important;
    }
    .widthclassLarge {
        width:50% !important;
    
       transition: width 1s linear;
    }
}
/** End testing **/


@media only screen and (max-width:768px){
	.pp-advanced-menu.full-screen > nav > ul > li {
    	border-bottom: 1px solid #212121;
	}
}