/*
Theme Name: Travel Monster Child
Theme URI: https://yourwebsite.com
Description: Child theme for Travel Monster
Author: Your Name
Author URI: https://yourwebsite.com
Template: travel-monster
Version: 1.0.0
*/

/* Import Parent Theme Styles */
@import url("../travel-monster/style.css");


.header-layout-1 .navigation-wrap .primary-menu-container > ul > li.big-menu {
    position: static;
}

.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0px;
    justify-content: space-around;
    list-style: none;
    background: transparent;
    padding: 0px;
}

.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu:hover > ul {
    display: table;
    box-shadow: none;
    padding: 50px 80px 50px;
}

.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu:hover > ul:before {
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    background: #0A3D62;
    background: -moz-linear-gradient(left, rgba(29,56,85,1) 0%, rgba(6,19,46,1) 100%);
    background: -webkit-linear-gradient(left, rgba(29, 56, 85, 1) 0%, rgba(6, 19, 46, 1) 100%);
    background: linear-gradient(to right, rgba(29, 56, 85, 1) 0%, rgba(6, 19, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3855', endColorstr='#06132e',GradientType=1 );
    content: '';
    height: 100%;
    position: absolute;
    top: 0px;
    -webkit-box-shadow: 0px 0px 39px -8px rgb(0 0 0 / 59%);
    -moz-box-shadow: 0px 0px 39px -8px rgba(0,0,0,0.59);
    box-shadow: 0px 0px 39px -8px rgb(0 0 0 / 59%);
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li:first-child {
    border: 0px;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li {
    position: relative;
    display: table-cell;
    width: 33.33%;
    padding-left: 50px;
    border-left: 1px solid #a2a4a752;
}
.header-layout-1  .navigation-wrap .primary-menu-container ul li.big-menu ul li.menu-item-has-children > a {
    font-weight: 700;
    padding: 0px;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > a {
    font-size: 16px;
    font-weight: 500;
    color: #E8E5E3 !important;
    padding: 0px 30px;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block !important;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > a:after{
	display:none !important;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > a {
    padding: 0 !important;
    font-size: 20px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 34px;
    color: #F39C12 !important;
	background: transparent !important;
}

.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > ul {
    display: none;
    position: absolute;
    left: 100%;
    background: #153857;
    padding: 20px 0px 20px;
    margin: 0px;
    list-style: none;
    min-width: 263px;
    top: 0px;
    min-height: 100%;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > ul {
    left: 0%;
    top: 100%;
    display: block !important;
    position: relative;
    background: transparent !important;
    padding-top: 10px;
	visibility: visible !important;
    opacity: 1 !important;
}

.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li:hover > ul{
	display:block !important;
	visibility: visible !important;
}



.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > ul > li a {
    font-weight: 500;
    color: #E8E5E3;
    font-size: 16px;
    line-height: 34px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 0px 30px;
    display: block !important;
    white-space: nowrap;
	background:transparent !important;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > ul > li > a {
    padding: 0px !important;
}
.header-layout-1  .navigation-wrap .primary-menu-container > ul > li.big-menu > ul > li > ul > li a:hover{
	color:#F39C12;
}