/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


ul.header-nav,
ul.header-nav > li.menu-item {
    position: unset;
}

ul.header-nav > li.menu-item.current-dropdown > ul.nav-dropdown {
    position: absolute;
    width: 70%;
    max-width: 70% !important;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px 0% 30px 4%;
    columns: 4;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item {
    display: block;
    list-style-type: none;
    text-align: left;
    white-space: normal;
    width: auto;
    min-width: unset;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item > a {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bolder;
    color: #000;
	text-decoration: underline;
	margin-top: 10px;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item > ul.sub-menu > li.menu-item > a {
	padding: 5px 0px;
	font-size: 17px;
	font-weight: 300;
	text-transform: none;
    color: #000;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children > ul.sub-menu {
	padding-bottom: 15px;
	padding-left: 5px;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li > a {
	padding: 2px 0px;
	font-size: 14px;
}


ul.header-nav > li.menu-item.menu-item-38851 a {
	color: #fdd6d7;
}

ul.header-nav > li.menu-item.menu-item-38851 a:hover {
	color: #ffbbbd;
}

.shop-container .ppcp-messages {
    display: none !important;
}

/* Menu mobile */

.mobile-sidebar {
  background-color: #fff;
}

.mobile-sidebar .nav>li>a {
  font-size: .9em;
	color: #000;
}

.mobile-sidebar .nav-vertical li li.menu-item-has-children:not(:first-child) {
    margin-top: 0;
}

.mobile-sidebar .nav-vertical > li.menu-item > ul.sub-menu > li.menu-item > a {
    color: #000;
    font-size: .8em;
    font-weight: bolder;
    text-transform: uppercase;
}

.mobile-sidebar .nav-vertical li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li > a {
    color: #666;
    font-size: .8em;
    font-weight: 500;
    text-transform: none;
	padding-bottom: 2px;
    padding-top: 2px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}