/*
Theme Name: pamh
Description: pamh
Author: pamh
Template: flatsome
Version: 3.22
*/


html{
    font-size: 18px;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
body{
        background: url(images/bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    min-height:100vh;
}
#main, #wrapper{
    background-color:transparent;
}
h1,h2,h3{
    font-weight: normal;
}
h1{
    font-size:45px;
}

#masthead{
    
}
#masthead .header-inner{
    flex-direction: row-reverse;
}

#masthead .header-nav .html_topbar_left{
    font-size:26px;
    font-weight:bold;
    color:#d6d6d6;
}
#masthead .header-nav .html_topbar_right{
    color:#d6d6d6;
    padding-left: 20px;
}

td,th{
    border-bottom:none;
    color:inherit;
    font-size: inherit !important;
}

h1{
    font-size:22px;
        font-weight:bold;
}

#footer{
    background-color:rgba(25, 25, 25, 0.77);
    padding:20px 20px;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
}
.nv{
    display:flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    padding: 0 15px;
    margin: auto;
}
#footer ul.menu{
    display:flex;
    margin:0;
    gap:5px;
    opacity:0;
    pointer-events:none;
    transition:all 0.3s ease;
}
.mm-open #footer ul.menu{
    opacity:1;
    pointer-events:all;
}

#footer ul.menu li{
    border:none;
}

#footer a{
    color:#ffffff9e;
    font-size:16px;
    background:transparent;
    padding:6px 10px;
}
#footer a:hover,
#footer li.current-menu-item>a{
    background:#1b1a17;
}


.menu-btn{
    width: 200px;
    cursor: pointer;
}
.absolute-footer{
    display:none;
}


@media(max-width:1080px){
    #footer ul.menu{
        position:absolute;
        left:0;
        right:0;
        bottom:100%;
        flex-direction:column;
        background-color:rgba(25, 25, 25, 0.77);
        padding:20px;
    }
}

@media(max-width:767px){
    #top-bar .html_topbar_left{
        font-size:20px;
        font-weight:bold;
    }
    #logo img{
        max-height: 150px !important;
    }
    .header-main{
        height:auto !important;
    }
    #main, #wrapper{
        background-color:#ffffffab;
    }
    .menu-btn{
        max-width:1700px;
    }
    #footer ul.menu{
        background-color:#fff;
        padding:0;
    }
    #footer ul.menu a{
        padding:5px 20px;
        display:block;
        color:#222;
    }
    #footer a:hover,
    #footer li.current-menu-item>a{
        background:#696969;
        color:#fff;
    }
    #footer{
        padding:15px 20px;
    }
    p{
        word-wrap:break-word;
    }
    
}