/**handles:drmtheme-style**/
/*
Theme Name: DRM Base Theme Child
Template: DRM-Base-Theme
Theme URI: http://drminc.com/
Author: DRM Productions
Author URI: http://drminc.com/
Description: Child Theme for DRM Base Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drmtheme
Tags:
*/


/* General */
#page{
    overflow-x: hidden;
}
@media (max-width: 950px){
    #mega-menu-wrap-primary #mega-menu-primary.mega-menu{
        max-height:calc(95vh - 100px);
        overflow-y:auto;
    }
}


/* Floating Social Menu and Contact Form */
#floating{
    pointer-events:none;
}
#floating button,
#floating a,
#floating input,
#floating select,
#floating textarea,
#floating .collapse.show{
    pointer-events:auto;
}
.floating-toggle{
    position:fixed;
    top:calc(50vh + 54px - 175px);
    left:3px;
    width:25px;
    height:25px;
    background-color:rgba(0,0,0,0.5);
    color:#fff;
    border:none;
    z-index:1050;
}
.floating-toggle .floating-toggle__icon{
    font-size:16px;
    line-height:1;
    transition:transform 0.2s ease-out;
}
.floating-toggle.collapsed .floating-toggle__icon{
    transform: rotate(45deg);
}
.sidebar-floating{
    position:fixed;
    /*top:108px;
    height:350px;*/
    top:calc(50vh + 54px - 175px);
    left:30px;
    display:grid;
    grid-template-columns:40px 250px;
    grid-template-rows: 160px;
    grid-gap: 5px 15px;
    gap: 5px 15px;
    grid-template-areas: 'toggle form' 'social form';
    z-index:1050;
}
.sidebar-floating, .sidebar-floating *{
    font-family:Montserrat, sans-serif;
}
@media (max-height: 450px), (max-width: 950px){
    .floating-toggle,
    .sidebar-floating{
        display:none;
    }
}
#custom_html-2{ grid-area: toggle; }
#nav_menu-2{ grid-area: social; }
#custom_html-3{ grid-area: form; }
#menu-floating-social{
    margin:0;
    padding:0;
}
#menu-floating-social li,
#menu-floating-social a{
    width:40px;
    height:40px;
}
#menu-floating-social li{
    display:block;
    margin-bottom:5px;
}
#menu-floating-social a{
    display:flex;
    transition:background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
}
#menu-floating-social a,
#menu-floating-social a:link,
#menu-floating-social a:visited{
    background-color: #00243f;
    color:#fff;
    box-shadow:0 0 3px #000;
}
#menu-floating-social a:hover,
#menu-floating-social a:focus,
#menu-floating-social a:active{
    background-color: #39f;
    color:#fff;
    box-shadow:0 0 0 transparent;
}
#menu-floating-social a .fab{
    display:block;
    margin:auto;
    font-size:20px;
}
#custom_html-2{
    position:relative;
}
.contact_toggle{
    display:block;
    position:absolute;
    top:60px;
    left:-60px;
    width:160px;
    height:40px;
    text-transform:uppercase;
    font-size:18px;
    background-color: #39f;
    color:#fff;
    border:none;
    transform:rotate(-90deg);
    box-shadow:0 0 0 transparent;
    transition:background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
}
.contact_toggle.collapsed{
    background-color:#00243f;
    box-shadow:0 0 3px #000;
}
.contact_toggle.collapsed:hover{
    background-color: #39f;
    box-shadow:0 0 0 transparent;
}

.contact_pane{
    background-color:#00243f;
    color:#fff;
    padding: 15px;
    box-shadow:0 0 3px #000;
    overflow:hidden;
    max-height:350px;
}
.contact_pane.show{
    overflow:auto;
}
.contact_pane label{
    background-color:transparent;
    margin:0 !important;
    padding:0 !important;
    text-transform:uppercase;
}
.contact_pane .forminator-label{
    color:#555;
    transform:translate(5px, 23px);
    transition:transform 0.2s ease-out, color 0.2s ease-out;
}
.contact_pane .forminator-is_active .forminator-label,
.contact_pane .forminator-is_filled .forminator-label{
    color:#fff;
    transform:translate(0, 0);
}
.contact_pane .forminator-row{
    margin-bottom:5px !important;
}
.contact_pane input[type="text"],
.contact_pane input[type="email"],
.contact_pane input[type="tel"],
.contact_pane input[type="number"],
.contact_pane input[type="url"],
.contact_pane textarea{
    width:100%;
}
.contact_pane textarea{
    height:80px;
}
.contact_pane .forminator-button{
    background-color:#fff;
    color:#00243f;
    border:none;
    padding:10px 15px;
    text-transform:uppercase;
    transition:background-color 0.2s ease-out, color 0.2s ease-out;
}
.contact_pane .forminator-button:hover,
.contact_pane .forminator-button:focus{
    background-color:#39f;
    color:#fff;
}
.fa-facebook-f:before {
    content: "\f39e" !important;
}