/*!
Theme Name: Boilerplate
Theme URI: http://underscores.me/
Author: Get Hooked 360, Inc.
Author URI: http://gethooked360.com/
Description: Base theme for {Client Name}
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boilerplate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Boilerplate is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
Colors
Medline Red - #CE2034
Medline Blue - #2E5DA7
Medline Darkblue - #12376E
Medline Lightblue - #90BBFF
 */

/* Global */
@media (min-width: 1400px){
    .container{
        max-width: 1336px !important;
        margin: auto;
    }
}
.full-width .row{
    margin: 0 0 0 0 !important;
}
.full-width .row .col-lg-12{
    padding: 0 0 0 0 !important;
}
.content-area{
    padding: 20px 0;
}
.page-template-tpl-full-width .content-area,
.page-template-tpl-blank-canvas .content-area{
    padding: 0;
}
a.red-btn, input.red-btn, button.red-btn{
    display: block;
    background: #CE2034 !important;
    padding: 8px 16px !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 30px !important;
    border: none !important;
}

/* Menu */
.show-for-sr{
    position: absolute;
    top: -100%;
}

ul.menu{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 60px;
    border-top: solid 1px rgba(255,255,255,.30);
}
.menu-wrapper{
    background-color: #fff;
    position: -webkit-sticky; /* remove if not sticky */
    position: sticky; /* remove if not sticky */
    top: 0;
    box-shadow: inset 0 -1px 0 #eee;
    z-index: 10;
}
.menu-block > div{
    display: inline-block;
    margin: 0 -1.5px;
}
.menu-block .logo-block{
    max-width: 120px; /* if you change this... */
    width: 100%;
    padding: 10px 0;
    display: block;
    margin: 0 auto;
}
.menu-block .logo-block img{
    width: 100%;
}
.menu-block .navigation-block{
    width: 70%;
    position: fixed;
    top: 0; right: -100%;
    background-color: #CE2034;
    height: 100%;
    transition: all .3s ease;
}
.navigation-block .menu > li{
    display: block;
    width: 100%;
}
.navigation-block .menu > li a{
    color: #fff;
    display: block;
    padding: 15px 30px;
    font-size: 18px;
    border-bottom: solid 1px rgba(255,255,255,.30);
}
.navigation-block .menu > li a:hover{
    text-decoration: none;
}
.navigation-block .menu > li.red-btn a{
    display: block;
    background: transparent;
    padding: 8px 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
    border: solid 2px #fff;
    text-align: center;
    margin: 20px 30px;
}
.menu-block .find-a-center{
    position: absolute;
    right: 15px;
    top: 10px;
}


/* Menu Trigger */
#menu_trigger{
    position: absolute;
    top: -1000%;
}
#menu_trigger:checked + .navigation-block{
    right: 0;
}
.menu-button .lines div{
    width: 40px;
    height: 5px;
    margin-bottom: 7px;
    background-color: #2E5DA7;
}
.menu-button .lines div:last-child{
    margin-bottom: 0;
}
.menu-button, .close-menu-button{
    position: absolute;
    top: 10px;
    left: 5px;
    background-color: #eee;
}
.close-menu-button{
    z-index: 10;
    left: 15px;
    color: #fff !important;
}

/* Dropdown */
.navigation-block ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.navigation-block.text-right{
    text-align: left !important;
}

/* Footer */
.footer-container{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #CE2034;
}
.footer-container a, .footer-container p{
    color: #fff;
    padding: 10px 0;
    display: inline-block;
}
.footer-container ul.menu{
    top: 0;
    border-top: none 0;
}
.footer-container ul.menu li{
    text-align: center;
}
.footer-container ul.menu > li.red-btn a{
    display: block;
    background: transparent;
    padding: 8px 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
    border: solid 2px #fff;
    text-align: center;
    margin: 10px 20px;
}
.footer-container .footer-icons{
    padding-top: 20px;
}
.footer-container .footer-icons a{
    display: inline-block;
    margin: 0 20px;
}

@media screen and (min-width: 1024px){
    .menu-block .find-a-center{
        display: none;
    }
    .menu-button, .close-menu-button{
        display: none !important;
    }
    .menu-block .logo-block{
        margin: 0 0 0 0;
        display: inline-block;
    }
    .menu-block .navigation-block{
        width: calc(100% - 122px); /* ...you change this */
        position: relative;
        height: auto;
        background-color: transparent;
        right: 0;
    }
    .navigation-block.text-right{
        text-align: right !important;
    }
    .navigation-block .menu{
        position: relative;
        display: inline-block;
        top: 0;
    }
    .navigation-block .menu > li {
        display: inline-block;
        width: auto;
    }
    .navigation-block .menu li a{
        display: block;
        padding: 20px 15px;
        color: #2E5DA7;
        font-size: 16px;
        border: none 0 !important;
    }
    .navigation-block .menu li ul{
        display: none;
        position: absolute;
        background-color: #eee;
        min-width: 160px;
        z-index: 1;
        opacity: 0;
        transition: opacity .3s ease;
        text-align: left;
    }
    .navigation-block .menu li.menu-item-has-children:hover ul{
        display: block;
        opacity: 1;
    }
    .navigation-block .menu > li.current-menu-item{
        box-shadow: inset 0 -5px 0 0 #2E5DA7;
    }
    .navigation-block .menu > li.red-btn.current-menu-item{
        box-shadow: none;
    }
    /* Red Btn for Menu */
    .navigation-block .menu > li.red-btn{
        margin-left: 10px;
    }
    .navigation-block .menu > li.red-btn a{
        display: block;
        background: #CE2034;
        color: #fff;
        font-weight: bold;
        border-radius: 30px;
        margin: 0 0 0 0;
    }
    .footer-container ul.menu{
        text-align: center;
    }
    .footer-container ul.menu li{
        text-align: center;
        display: inline-block;
    }
    .footer-container ul.menu li a{
        padding: 20px;
    }
    .footer-container ul.menu > li.red-btn a{
        font-weight: bold;
        border: none 0;
        margin: 0 0;
    }
}

/* Attachment Thumbnails (Featured Image) */
.attachment-post-thumbnail{
    width: 100%;
    height: auto;
}

/* Breadcrumbs */
#breadcrumbs{
    margin: 1rem 0;
    font-size: 12px;
}
.breadcrumbs-container{
    background-color: #f5f5f5;
}

/* Comments */
#comments{
    padding: 20px 0;
}
#respond{
    margin-top: 20px;
}
.comment-form label{
    display: block;
}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea {
    width: 100%;
}
.comments-area ol{
    list-style: none;
    padding: 0;
    margin: 0;
}
.comments-area .comment-body{
    padding: 10px 0;
    border-bottom: solid 1px #ddd;
}
.comments-area ol.children{
    padding-left: 15px;
    box-shadow: inset 3px 0 0 0 #ccc;
}
.comments-area .avatar{
    display: none;
}
.comments-area .comment-awaiting-moderation, .comments-area .comment-metadata{
    font-size: .8em;
}

/* Archive */
.archive .post-thumbnail{
    margin-bottom: 15px;
}
/* Pagination */
ul.pagination li a{
    display: inline-block;
    padding: 5px;
}

/* Form Controls */
.nice-form input[type="text"], .nice-form input[type="email"], .nice-form textarea{
    border-radius: 5px;
    border: none;
    background-color: #eee;
    padding: 10px;
}