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

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

/* Variables */
/*:root {
    --primary-color: #000;
    --primary-alt: #000; 
    --secondary-color: #000;
    --secondary-alt: #000;
    --primary-font: 'News Cycle';
    --secondary-font: 'Lato';
}

/* Bootsrap Items */

/* Forms */

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


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

/* Header */

.banner:after {
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.835171568627451) 50%, rgba(0,0,0,0) 100%);
}

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

    /* DESKTOP NAVIGATION */

    .sub-menu li {
        position: relative;
    }

    /* DESKTOP NAVIGATION - LEVEL 3 */

    ul#menu-main_menu .sub-menu .sub-menu {
        left: 20%;
        top: 85%;
        z-index: 1;
    }

    ul#menu-main_menu .sub-menu li:hover .sub-menu {
        display: block;
    }

    ul#menu-main_menu .sub-menu .sub-menu li a {
        font-size: 17px;
        background-color: #454952;
        color: #fff;
    }

    ul#menu-main_menu .sub-menu .sub-menu li a:hover {
        background-color: #20232a;
        color: #fff;
    }

}

/* Body */

img.glm-bg-image {
    display: block;
    position: absolute;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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 - Sidebar */

/* Body - Widgets */

/* Footer */

	.footer_logo_sec ul li img { object-fit: contain; }

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

/* Front Page */

/* Blog Home Page */


.page-id-64 .blog_box h2 { font-family: 'Oswald',sans-serif;font-weight: 500;font-size: 1.25rem;line-height: 28px;color: #666;margin-bottom: 30px;text-transform: uppercase;letter-spacing: .5px;text-decoration:none; }
.page-id-64 .blog_box h2 a { font-size: 1.875rem;font-weight: 500;font-family: 'Oswald',sans-serif;margin-bottom: 30px;text-transform: uppercase;text-decoration:underline; }

.blog-list-sec .blog_box img {
    margin-bottom: 65px;
}

/* Author Bio Blurb */
.glm-site-author-bio,
.glm-blurb-content { width:100%;background-color:#f1f4f5;padding:30px 30px;margin-top:30px; }

.glm-site-author-bio img,
.glm-blurb-content img { float:left;margin:0 30px 30px 0;max-width:200px;height:auto; }

.glm-bio-content p,
.glm-blurb-content p { font-size:1rem;line-height:2rem; }

@media screen and (max-width: 767px) {
    .glm-site-author-bio img,
    .glm-blurb-content img { max-width:125px;height:auto; }
}
/* Blog Posts */

/* Attorney Pages */

/* Practice Areas */

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

/* ADA Accessibility */

.hidelabel {
  display: none;
}

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

/* Let's fix up the responsive layout for the Our Team page */
@media screen and (max-width: 767px) {
	.btn { padding: 10px !important; }
	.footer_logo_sec ul { display: flex !important; text-align: center; flex-wrap: wrap; justify-content: center !important; }
	.footer_logo_sec ul li { padding: 10px; }
	.footer_logo_sec ul li img { object-fit: contain; display: block; max-width: 100px; }
}

@media screen and (max-width: 480px) {
	.standout h2 { text-align: center; }
	.standout h3 { text-align: center; }
	.standout h3 img { float: none; margin: 0 auto; display: block; }
	.column-wrapper .column-left, .column-wrapper .column-right { width: 100% !important; text-align: center; }
	.column-wrapper .btn-solid { width: 50%; }
	.column-wrapper img.alignnone { margin: 0 auto; }
	
}
/* END Let's fix up the responsive layout for the Our Team page */

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

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