/*==============================
GLADIATOR LAW MARKETING - CSS STYLES
Author: Gladiator Law Marketing
Author URI: https://gladiatorlawmarketing.com
Version: 1.0
Add to functions.php: 
wp_enqueue_style( 'gladiator-styles', get_theme_file_uri('/gladiator/gladiator-styles.css') );
==============================*/

/*==============================
TABLE OF CONTENTS
================================
# Base
    - Variables
    - Bootstrap Items
    - Forms
    - GLM Plugin Items
# Layout
    - Header
    - Navigation
    - Body
    -  - Content
    -  - Sidebar
    -  - Widgets
    - Footer
# Post Types
    - Font Page
    - Blog Home Page
    - Blog Posts
    - Attorney Pages
    - Practice Areas
# Utilities
    - ADA Accessibility
    - Plugins
# Mobile
# Fonts
# UNTOUCHABLES
=============================*/

/*==============================
# Base
================================*/

/* Variables */
:root {
    /*
    --glm-primary-color: #000;
    --glm-primary-alt: #000; 
    --glm-secondary-color: #000;
    --glm-secondary-alt: #000;
    --glm-primary-font: 'News Cycle';
    --glm-secondary-font: 'Lato';
    --glm-content-width: 1513px;
    
    --glm-menu-font-size: 19px;
    --glm-menu-divider-color: #fff;
    --glm-menu-a-padding: 20px;
    --glm-menu-a-color: #fff;
    --glm-menu-a-hover: #ccc;
    --glm-menu-a-bg: #000;
    --glm-menu-a-hover-bg: #fff;
    --glm-menu-l2-a-padding: 20px;
    --glm-menu-l2-a-color: #fff;
    --glm-menu-l2-a-hover: #ccc;
    --glm-menu-l2-a-bg: #000;
    --glm-menu-l2-a-hover-bg: #fff;
    
    --glm-mobile-menu-bg: #072747;
    --glm-mobile-menu-bg-alt: #016670;
    --glm-mobile-menu-a: #fff;
    --glm-mobile-menu-a-alt: #fff;
    --glm-mobile-menu-border: #666666;
    --glm-mobile-menu-lines: #072747;
    --glm-mobile-menu-lines-bg: #fff;
    --glm-mobile-menu-sub-icon: url(includes/images/arrow.svg);
    */
}

/* Bootsrap Items */

/* Forms */

/* CF7 SUBMIT MESSAGE */
.wpcf7 .wpcf7-response-output {
    color: #fff;
    background-color: var(--glm-primary-color);
    border: 2px solid var(--glm-secondary-color);
    font-weight: bold;
    text-transform: uppercase;
}

/* GLM Plugin Items */


/*==============================
# Layout
================================*/

/* Header */

/* Navigation */

@media screen and (min-width: 992px) {

    /* DESKTOP NAVIGATION - LEVEL 1 */

    button#glm-mobile-navbar-toggler {
        display: none;
    }

    nav#glm-menu-container {
        display: flex;
        justify-content: end;
    }

    ul#glm-nav-menu {
        display: flex;
        align-items: center;
    }

    ul#glm-nav-menu li {
        padding: 0;
        position: unset;
    }

    ul#glm-nav-menu li a {
        display: block;
        position: relative;
        padding: var(--glm-menu-a-padding);
        font-size: var(--glm-menu-font-size);
        color: var(--glm-menu-a-color);
        background-color: var(--glm-menu-a-bg);
    }

    ul#glm-nav-menu li > a:hover {
        color: var(--glm-menu-a-hover);
        background-color: var(--glm-menu-a-hover-bg);
    }
    
    /* DESKTOP NAVIGATION - LEVEL 2 */

    ul#glm-nav-menu li .dropdown-menu {
        display: block;
        background-color: unset;
        color: unset;
        padding: 0;
        border: 0;
        margin: unset;
        transform: translateY(50px);
        opacity: 0;
        max-width: 350px;
        width: 100%;
        transition: 350ms all;
        pointer-events: none;
    }

    ul#glm-nav-menu li:hover > .dropdown-menu {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }

    ul#glm-nav-menu > li > ul.dropdown-menu > li {
        border-bottom: 1px solid var(--glm-menu-divider-color);
    }

    ul#glm-nav-menu > li > ul.dropdown-menu > li > a {
        display: block;
        padding: var(--glm-menu-l2-a-padding);
        color: var(--glm-menu-l2-a-color);
        background-color: var(--glm-menu-l2-a-bg);
    }

    ul#glm-nav-menu > li > ul.dropdown-menu > li > a:hover {
        color: var(--glm-menu-l2-a-hover);
        background-color: var(--glm-menu-l2-a-hover-bg);
    }
    
    /* DESKTOP NAVIGATION - LEVEL 3 */
    
    ul#glm-nav-menu ul.dropdown-menu ul.dropdown-menu {
		left: calc(2 * var(--glm-menu-l2-a-padding));
		top: 85%;
		background: transparent;
	}
	
	ul#glm-nav-menu ul.dropdown-menu ul.dropdown-menu li a {
        font-size: calc(0.8 * var(--glm-menu-font-size))
		background-color: var(--glm-menu-l2-a-hover-bg);
		color: var(--glm-menu-l2-a-hover);
	}
	
	ul#glm-nav-menu ul.dropdown-menu ul.dropdown-menu li a:hover {
		background-color: var(--glm-menu-l2-a-bg);
		color: var(--glm-menu-l2-a-color);
	}

}

/* Body */

img.glm-bg-image {
    display: block;
    position: absolute;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.glm-bg-image-container {
    position: relative;
    overflow: hidden;
}

.glm-bg-image-container > div {
    position: relative;
    overflow: hidden;
    z-index: 20;
}

/* Body - Content */

body.page-template-realtrial .sec_head h2 {
    font-size: 52px;
    color: #08314d;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
}

/* Body - Sidebar */

h2.widget-title {
	color: #304161;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 36px;
	position: relative;
}

/* Body - Widgets */

/* Footer */

/*==============================
# Post Types
================================*/

/* Front Page */

/* Blog Home Page */

/* Blog Posts */

/* Attorney Pages */

/* Practice Areas */

/*==============================
# Utilities
================================*/

/* ADA Accessibility */

.hidelabel {
  display: none;
}

/* CLS Fix - Use with script in gladiator-scripts.js */

.glm-cls-fix {
    visibility: hidden !important;
    display: none !important;
}

/* Breadcrumbs */

ul#glm-breadcrumb {
	display: flex;
	margin-bottom: 2rem;
	padding: unset;
	font-size: 1.25rem;
	font-weight: bold;
}

ul#glm-breadcrumb li {
	padding: unset;
}

ul#glm-breadcrumb li:before {
	display: none;
}

ul#glm-breadcrumb li.seperator {
	padding: 0 1rem;
	color: var(--glm-primary-color);
}

/* Plugins */

/*==============================
# Mobile
================================*/

/* Remove min-width from mobile queries if styles should apply to all mobile devices of that size and smaller */

/* Bootstrap Large - lg
@media screen and (min-width: 1200px) {} */

/* Bootstrap Medium - md
@media screen and (min-width: 992px) and (max-width: 1199px) {} */

/* Bootstrap Small - sm
@media screen and (min-width: 768px) and (max-width: 991px) {} */

/* Bootstrap Extra Small - xs */
@media screen and (max-width: 767px) {

    .main-left-sec {
        float: none;
    }

}

/*==============================
# Fonts
================================*/

/* When localizing Google Fonts set font-display: to optional or swap and preload in header.php */

/*==============================
# UNTOUCHABLES
# THESE STYLES ARE REUSED ACROSS GLM SITES
# AND SHOULD REMAIN UNEDITED!
# THIS WILL MAKE FUTURE PATCHES MUCH SIMPLER.
# CUSTOMIZE THE RELATED STYLES ABOVE!
================================*/

/* Navigation - Gladiator Menu 1.0.1 */

button#glm-mobile-navbar-toggler {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: var(--glm-mobile-menu-lines-bg);
    border-radius: 0;
    box-shadow: none;
    z-index: 999;
}

button#glm-mobile-navbar-toggler span.glm-menulines, 
button#glm-mobile-navbar-toggler span.glm-menulines::before,
button#glm-mobile-navbar-toggler span.glm-menulines::after {
    content: "";
    position: relative;
    display: block;
    height: 5px;
    width: 57px;
    border-radius: 0;
    background: var(--glm-mobile-menu-lines);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

button#glm-mobile-navbar-toggler span.glm-menulines::before {
    top: -13px;
    position: absolute;
}

button#glm-mobile-navbar-toggler span.glm-menulines::after {
    top: 13px;
    position: absolute;
}

button#glm-mobile-navbar-toggler:not(.collapsed) span.glm-menulines {
    background: transparent;
}

button#glm-mobile-navbar-toggler:not(.collapsed) span.glm-menulines::before {
    top: 0;
    transform: rotate(45deg);
}

button#glm-mobile-navbar-toggler:not(.collapsed) span.glm-menulines::after {
    top: 0;
    transform: rotate(-45deg);
}

/* Change Media Query to mobile breakpoint */
@media screen and (max-width: 991px) {

    ul#glm-nav-menu {
        position: fixed;
        display: block;
        overflow: hidden;
        width: 100vw;
        height: 0 !important;
        background-color: var(--glm-mobile-menu-bg);
        z-index: 999;
        transition: 350ms height;
    }

    ul#glm-nav-menu.show {
        height: 100vh !important;
    }

    ul#glm-nav-menu li {
        position: unset;
        border-bottom: 1px solid var(--glm-mobile-menu-border);
    }

    ul#glm-nav-menu li a {
        display: block;
        position: relative;
        color: var(--glm-mobile-menu-a);
    }

    ul#glm-nav-menu li.current-menu-item a, 
    ul#glm-nav-menu li a:hover {
        color: var(--glm-mobile-menu-a-alt);
        background-color: inherit;
    }

    ul#glm-nav-menu li a.dropdown-toggle:not(.dropdown-toggle-back)::after {
        background-color: var(--glm-mobile-menu-bg-alt);
        background-image: var(--glm-mobile-menu-sub-icon);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 8px;
        width: 30px;
        border: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
    }

    ul#glm-nav-menu li ul.dropdown-menu {
        display: block !important;
        position: absolute;
        width: 100vw;
        height: 100vh;
        inset: 0 auto 0 100vw;
        margin: 0;
        padding: 0;
        border-radius: 0;
        z-index: 999;
        transition: 1s all;
        background-color: var(--glm-mobile-menu-bg);
        transform: none !important;
    }

    ul#glm-nav-menu li ul.dropdown-menu.show {
        inset: 0 auto 0 0;
    }

    ul#glm-nav-menu li ul.dropdown-menu .dropdown-toggle-back:first-child {
        display: block;
        padding-left: 35px;
        border-bottom: 1px solid var(--glm-mobile-menu-border);
        position: relative;
    }
	
    ul#glm-nav-menu li.dropdown-toggle-back:not(:first-child) {
	display: none !important;
    }

    ul#glm-nav-menu li ul.dropdown-menu .dropdown-toggle-back:after {
        display: none;
    }

    ul#glm-nav-menu li ul.dropdown-menu .dropdown-toggle-back::before {
        content: "";
        background-color: var(--glm-mobile-menu-bg-alt);
        background-image: var(--glm-mobile-menu-sub-icon);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 8px;
        width: 30px;
        border: 0;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        transform: rotate(180deg);
    }
	
	#hs-form.content-form {display:block !important;}
	#hs-form.sidebar-form {display: none;}

}

.footer-form-sec .hs-form-frame iframe {
  filter: invert(1) hue-rotate(180deg);
}

#hs-form.content-form {display:none;}