.main-menu-modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.main-menu-modal .modal-content {
padding-top: 60px;
background-color: #046c8c;
max-width: 400px;
margin-left: auto;
height: 100%;
max-height: 100vh;
overflow-y: auto;
}
.main-menu-modal .close {
color: #fff;
display:block;
text-align:right;
font-size: 40px;
font-weight: bold;
margin-right: 10px;
transition:.3s;
}
.main-menu-modal .close:hover,
.main-menu-modal .close:focus {
color: #F5F1E1;
text-decoration: none;
cursor: pointer;
}
.main-menu-modal #menu-main{
list-style:none;
}
.main-menu-modal #menu-main a{
color: #fff;
padding: 20px 0;
display: inline-block;
font-size: 20px;
line-height: 20px;
font-family: 'antonio';
}
.main-menu-modal #menu-main a:hover, .main-menu-modal #menu-main .current-menu-item a{
color:#F5F1E1;
}
.hamburger-btn img{
cursor:pointer;
}
jQuery(document).on('click', '.hamburger-btn img', function(){
jQuery('.main-menu-modal').fadeIn();
})
jQuery(document).on('click', '.main-menu-modal .close', function(){
jQuery('.main-menu-modal').fadeOut();
})