#nav li {
position: relative;
} #nav a {
float: none;
color: white;
text-decoration: none;
cursor: pointer;
padding:0px;
}
@media all and (max-width: 730px) { #nav {
overflow: hidden;
max-height: 0em;
transition: max-height 2s;
padding: 5%;
}
#nav .menu-main-menu-container{
display:none;
}
#nav.focus .menu-main-menu-container{
display:block;
} #nav.focus {
max-height: 199em;
} #nav ul {
width: 100%;
} #nav li {
width: 100%;
padding:0px;
display: inline-block;
} #nav a > i {
position: absolute;
height: 97%;
width: 50px;
} #nav > .menu-handle {
color: rgba(255, 255, 255, 0.6);
text-align: right;
cursor: pointer;
padding: 0;
position: absolute;
right: 0;
top: 40px;
width: auto;
} #nav > .menu-handle > span {
display: inline-block;
padding: .5em 50px .5em 1em;
font-size: 0px;
} #nav > .menu-handle > i {
height: 100%;
width: 50px;
background: url(//www.5islandspark.com/wp-content/themes/hello-elementor/assets/images/menu-handle.png) no-repeat center center;
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
#nav.focus > a.menu-handle.generated i{
height: 100%;
width: 50px;
background: url(//www.5islandspark.com/wp-content/themes/hello-elementor/assets/images/menu-handlenew.png) no-repeat center center;
display: inline-block;
position: absolute;
right: 0;    
top: 0;
background-size: 30%;
} #nav li > a > .go-handle {
background: #00b3f1 url(//www.5islandspark.com/wp-content/themes/hello-elementor/assets/images/go-handle.png) no-repeat center center;
right: 0;
top: 0;
} #nav li.parent > a,#nav li > a {
position: relative;
width: 100%;
padding: 5px 0px;
text-align: left;
color: #fff;
padding-left: 50px;
} #nav li.parent > a > .focus-handle {
background: url(//www.5islandspark.com/wp-content/themes/hello-elementor/assets/images/focus-handle.png) no-repeat center center;
left: 0;
top: 0;
background-size: 30%;
} #nav li.parent > ul {
position: absolute;
visibility: hidden;
left: 100%;
transition: left .75s;
} #nav li.parent .focus > a {
background-color: #515151;
} #nav li.parent.focus > a > .focus-handle {
background-image: url(//www.5islandspark.com/wp-content/themes/hello-elementor/assets/images/back-handle.png);
} #nav li.parent.focus > ul {
position: relative;
left: 0;
visibility: visible;
display: table;
top: 0;
position: initial;
background: transparent;
}
div#SITE_HEADER-placeholder {
height: 100px !important;
}
#nav li > ul > li a {
padding: 5px 0;
text-align: left;
padding-left: 20%;
} #nav li.back > a {
padding-left: 60px;
color: rgba(255, 255, 255, 0.6);
} #nav li.back > a > i {
background: #5e5e5e url(//www.5islandspark.com/wp-content/themes/hello-elementor/assets/images/back-handle.png) no-repeat center center;
left: 0;
top: 0;
} #nav li.section > a {
color: rgba(255, 255, 255, 0.6);
} #nav li li li ul > li > a {
padding-left: 7.5em;
} #nav li li li li ul > li > a {
padding-left: 9em;
}
.menu-dmenu-container {
display: none;
}
nav.site-navigation.focus .menu-dmenu-container {
display: block;
position: fixed;
z-index: 1000;
left: 0;
background: red;
width: 100%;
height: 100%;
top: 0;
padding: 10%;
}
#nav > .menu-handle {
color: rgba(255, 255, 255, 0.6);
text-align: right;
cursor: pointer;
padding: 0;
position: absolute;
right: 0;
top: 40px;
width: auto;
z-index: 1000000;
}
.site-header .site-branding {
max-width: 100% !important;
text-align: center !important;
margin: 0 auto !important;
width: 100% !important;
}
}
@media all and (min-width: 731px) { #nav .menu-handle {
display: none;
} #nav > ul {
width: 100%;
} #nav > ul > li {
width: 16.666%;
} #nav a {
padding: .4em 0.8em;
text-align: center;
} #nav li.back {
display: none;
} #nav li.section {
display: none;
} #nav li ul {
visibility: hidden;
z-index: 554;
opacity: 0;
transition: opacity .5s, top .25s, left .25s;
position: absolute;
top: 100%;
left: 0;
width: 100%;
} #nav li li {
float: none;
font-size: 90%;
} #nav li.primary-focus > ul {
display: block;
opacity: 1;
visibility: visible;
} #nav li.primary-focus > ul > li > ul {
left: 120%;
top: 10%;
} #nav li > ul > li.primary-focus > ul {
left: 100%;
top: 0;
z-index: 555;
}
} @media all and (max-width: 730px) { #nav.nav2 {
position: relative;
max-height: none;
height: 300px;
} #nav.nav2 ul {
position: static;
left: 0;
top: 0;
transition: left 1s;
} #nav.nav2 ul ul {
display: none;
} #nav.nav2.focus ul ul {
display: block;
} #nav.nav2 > ul {
position: absolute;
left: 100%;
} #nav.nav2.focus > ul {
position: relative;
top: 0;
left: 0;
} #nav.nav2 > ul.focus {
left: -100%;
top: 2.4em;
position: absolute;
} #nav.nav2 li.parent.focus {
position: static;
left: 0;
top: auto;
} #nav.nav2 li.parent.focus > ul {
position: absolute;
left: 100%;
top: 0;
} #nav.nav2 li.parent.focus > ul.focus {
left: 0;
} #nav.nav2 li.parent.focus li > a {
padding-left: 60px;
}
}
@media screen and (max-width:767px){
.prdocut_listing_container .prdocut_listing {
width: 100%;
float: none;
margin-bottom: 20px;
}
div#SITE_HEADER-placeholder {
height: 80px !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, button.single_add_to_cart_button.button.alt, a.button.product_type_grouped {
padding: 7px 15px;
font-size: 12px;
}
.ticket_image_section {
padding: 5px 15px;
}
.prdocut_listingdiv.sect_blue .ticket_details .sprite_img {
background-size: 12%;
height: 15px;
}
.prdocut_listingdiv .ticket_details .venue_ticket.sprite_img {
background-position: 0px -22px;
}
.prdocut_listingdiv .ticket_details .date_ticket, .prdocut_listingdiv .ticket_details .venue_ticket {
line-height: 14px;
font-size: 14px;
}
.prdocut_listingdiv.sect_blue a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .prdocut_listingdiv.sect_blue button.single_add_to_cart_button.button.alt, .prdocut_listingdiv.sect_ a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .prdocut_listingdiv.sect_blue a.button.product_type_grouped {
background-position: 8px 4px;
}
.ticket_image_section h2 {
font-size: 16px;
}
.prdocut_listing .prdocut_listingdiv {
min-height: 170px;
}
.prdocut_listing.group-tickets .ticket_details {
width: 60%;
margin: 0 0 0 15px;
}
.prdocut_listing.group-tickets .prdocut_listingdiv .ticket_details .sprite_img {
background-size: 10%;
height: 20px;
}
}