/*==============================
GLADIATOR LAW MARKETING - CSS STYLES
Author: Gladiator Law Marketing
Author URI: https://gladiatorlawmarketing.comt
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
# Layout
    - Header
    - Billboard Images
    - 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: #1a2742; /* Blue */
    --glm-primary-alt: #101728; /* Dark Blue */
    --glm-secondary-color: #c8b173; /* Light Gold */
    --glm-secondary-alt: #8f764d; /* Dark Gold */
    --glm-primary-font: 'Playfair Display';
    --glm-secondary-font: 'Butler-Medium';
    --glm-content-width: 1903px;
    --glm-mobile-menu-bg: #101728; /* Dark Blue */
    --glm-mobile-menu-bg-alt: #c8b173; /* Light Gold */
    --glm-mobile-menu-a: #fff;
    --glm-mobile-menu-a-alt: #fff;
    --glm-mobile-menu-border: #1e2940;
    --glm-mobile-menu-lines: #c8b173; /* Light Gold */
    --glm-mobile-menu-lines-bg: transparent;
    --glm-mobile-menu-sub-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23fff' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/></svg>");

    
    --fina-trinary-font: 'Oswald';
}

/* Bootsrap Items */

button.btn-close.glm-background-close {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    box-sizing: border-box;
}

/* Forms */

/* Fix for CF7 messages being the wrong color */
.wpcf7 .wpcf7-response-output {
    color: inherit;
}


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

/* Header */

header .logo_row {
	z-index: 99999;
	width: stretch;
}

header .menu-box .logo .desklogo {
	width: auto;
}

.menu-box .logo .moblogo {
	margin: 15px;
}

/* Billboard Images */
section.glm-bg-image-container {
	height: 640px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

body.home section.glm-bg-image-container {
    /* Homepage billboard taller */
	height: 790px;
}

section.glm-bg-image-container :is(h1,.h1,h2,.h2,h3,.h3) {
    /* Billboard Headings */
	font-size: 4.5rem;
	color: #FFFFFF;
	-webkit-filter: drop-shadow(0px 5px 9px rgba(0,0,0,0.4));
	filter: drop-shadow(0px 5px 9px rgba(0,0,0,0.4));
	letter-spacing: -2px;
	font-family: var(--glm-secondary-font);
}

section.glm-bg-image-container ul {
    /* Billboard Menu */
	margin: 0 -15px;
	padding: 10px 0;
	position: relative;
}

section.glm-bg-image-container ul:before,
section.glm-bg-image-container ul:after {
    /* Billboard Menu Lines */
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	max-width: 50%;
	content: "";
	background: linear-gradient(90deg, rgba(200,177,115,0) 0%, rgba(200,177,115,1) 40%, rgba(200,177,115,1) 60%, rgba(200,177,115,0) 100%);
}
section.glm-bg-image-container ul:before {top: 0;}
section.glm-bg-image-container ul:after {bottom: 0;}

section.glm-bg-image-container ul li {
	padding: 0 15px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-size: 1.25rem;
	font-family: var(--fina-trinary-font);
	text-transform: uppercase;
}

section.glm-bg-image-container ul li a {
	color: #FFFFFF;
}

section.glm-bg-image-container ul li a:hover {
	color: #e7d090;
}

/* Navigation */

.headmenu {
	z-index: 998;
}

@media screen and (min-width: 992px) {
    /* Navigation - Desktop */

    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 25px;
        position: unset;
    }

    ul#glm-nav-menu li a {
        font-size: 1.25rem;
        color: #b7af91;
        font-family: var(--fina-trinary-font);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 0;
        position: relative;
    }

    ul#glm-nav-menu li a:hover {
        color: #fff;
    }

    ul#glm-nav-menu > li:not(:first-child) > a::before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -27px;
        background-color: #273657;
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        z-index: 2;
        bottom: auto;
        border: none;
        margin: 0;
        right: auto;
        opacity: 1;
    }

    ul#glm-nav-menu li ul.dropdown-menu li {
        border-bottom: 2px solid var(--glm-mobile-menu-border);
    }

    ul#glm-nav-menu li ul.dropdown-menu li a {
        padding: 15px 24px;
        background: #121a2b;
        display: block;
        font-weight: 400;
        font-size: 19px;
        text-transform: uppercase;
    }

    ul#glm-nav-menu li ul.dropdown-menu li a:hover {
        background: var(--glm-mobile-menu-border);
	    color: #ffffff;
    }

    ul#glm-nav-menu li .dropdown-menu {
        display: block;
        background-color: unset;
        color: unset;
        padding: unset;
        margin: unset;
        transform: translateY(50px);
        opacity: 0;
        max-width: 412px;
        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 ul.dropdown-menu ul.dropdown-menu {
		left: 20%;
		top: 85%;
		background: #ededed;
		padding: 0;
		border: 0;
	}
	
	ul#glm-nav-menu ul.dropdown-menu ul.dropdown-menu li a {
		background-color: var(--glm-mobile-menu-border);
		color: #fff;
	}
	
	ul#glm-nav-menu ul.dropdown-menu ul.dropdown-menu li a:hover {
		background-color: #121a2b;
	}

}

/* Body */

div.wrapper {
	overflow-x: hidden;
}

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;
}

.glm-breadcrumb-box {
	margin: 0 0 35px;
	font-size: 1.5rem;
}

ul#glm-breadcrumb {
	display: flex;
	flex-wrap: wrap;
}

ul#glm-breadcrumb li {
	padding-right: 20px;
}

/* Body - Content */
.testimonial h3 {
color: #1b2743;
    font-size: 1.5rem;
    font-family: 'Butler-Medium';
    text-transform: none;
    line-height: 1.5;
}


.testimonial h3 em{
    line-height: 1;
    display: inline-block;
vertical-align: top;}

.results-box i {
    width: 100%;
    height: 0px;
    text-align: center;
    margin-bottom: 75px;
    display: block;
    position: relative;
}

.results-box i:after {
    width: 100%;
    height: 1px;
    background-image: url(/wp-content/uploads/2022/03/line2.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 249px;
    content: "";
}

blockquote {
	position: relative;
	font-weight: bold;
	text-align: center;
	max-width: 850px;
	width: 100%;
	margin: 3rem auto;
}

blockquote::after {
	content: "";
	position: absolute;
	max-width: 50%;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -1rem;
	margin: 0 auto;
	background: linear-gradient(90deg, rgba(200,177,115,0) 0%, rgba(200,177,115,1) 40%, rgba(200,177,115,1) 60%, rgba(200,177,115,0) 100%);
}

blockquote a {
	color: var(--glm-secondary-color);
	text-decoration: underline;
}

/* Body - Sidebar */

div#sidebarAwardSlider .carousel-indicators {
	margin: 0;
}

div#sidebarAwardSlider .carousel-indicators [data-bs-target] {
	width: 41px;
	height: 2px;
	background-color: var(--glm-primary-color);
}

div#sidebarAwardSlider .carousel-indicators [data-bs-target].active {
	background-color: var(--glm-secondary-color);
}

/* Body - Widgets */

/* Footer */

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

/* Front Page */

body.home section.glm-bg-image-container {
	position: relative;
}

body.home section.glm-bg-image-container .glm-banner-content {
	position: unset;
}

div#fina-video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#fina-video-background video {
	display: block;
	position: absolute;
	object-fit: cover;
	object-position: top;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div#homeResultsSlider {
	width: 100%;
}

div#homeResultsSlider h2 {
	font-size: 3.75rem;
	letter-spacing: -1px;
	text-align: left;
	color: #FFFFFF;
	font-family: var(--fina-trinary-font);
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 1.2;
}

div#homeResultsSlider p {
	color: #FFFFFF;
}

div#homeResultsSlider p a,
div#homeResultsSlider p a:hover {
	color: #b6bac1;
}

div#homeResultsSlider .carousel-indicators {
	justify-content: left;
	margin: 0;
}

div#homeResultsSlider .carousel-indicators [data-bs-target] {
	width: 72px;
	height: 3px;
	background-color: #454d62;
}

div#homeResultsSlider .carousel-indicators [data-bs-target].active {
	background-color: var(--glm-secondary-color);
}

section.glm-helmet-wrapper.fina-home-scrolling-content {
    /* Allow scrolling content section to overlap next section */
	overflow: visible;
	z-index: 1;
}

div#homeAwardSlider {
	height: 166px;
}

div#homeAwardSlider .carousel-inner,
div#homeAwardSlider .carousel-item {
	height: 100%;
}

div#homeAwardSlider .carousel-item a, div#homeAwardSlider .carousel-item span {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.carousel-control-next-icon, 
.carousel-control-prev-icon {
    background-image: url(../assets/images/arrowright.png);
	background-size: 18px 35px;
}

.carousel-control-prev-icon {
	transform: rotate(180deg);
}

.videosec .figcaption {
	display: flex;
    padding: 10px;
	color: #FFFFFF;
	font-size: 1.375rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: var(--fina-trinary-font);
	font-weight: 400;
}

.videosec .figcaption .vidicon {
	margin-right: 20px;
	position: relative;
	transform: none;
	left: unset;
	top: unset;
}

/* Blog Home Page */

/* Blog Posts */

.blog_box ul {
padding-left: 50px;
    margin-bottom: 35px;
}

.blog_box ul li {
padding-left: 24px;
    position: relative;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 20px;
}
.blog_box ul li:before {
width: 7px;
    height: 7px;
    background-color: #000000;
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
}

/* Attorney Pages */

/* Practice Areas */


/* Inner Page */

.innersectwo h1 { font-size:3.3rem; }

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

/* ADA Accessibility */

.hidelabel {
  display: none;
}

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

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

/* Plugins */

section.glm-helmet-wrapper.fina-home-scrolling-content section.trail_lawyers .mCSB_dragger_bar {
    /* Fix scrollbar on homepage content section */
	opacity: 1 !important;
	background-color: #8f764d !important;
}

section.glm-helmet-wrapper.fina-home-scrolling-content section.trail_lawyers div#mCSB_1_dragger_vertical {
	left: 0;
}

/*==============================
# 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) {} */

@media screen and (max-width: 991px) {

    .menu-box .logo .moblogo {
        display: inline-block;
    }

    nav#glm-menu-container button#glm-mobile-navbar-toggler {
        top: 35px;
    }

}

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

/*==============================
# 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 */

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 {
        display: block;
        padding-left: 35px;
        border-bottom: 1px solid var(--glm-mobile-menu-border);
        position: relative;
    }

    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);
    }

}