/*
Theme Name: Integrity Autoglass
Author: Michael Scribellito
Description: Theme for Integrity Autoglass
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

Integrity Autoglass WordPress Theme © 2018 Integrity Autoglass
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto+Condensed:400,400i,700,700i');

/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Oswald', sans-serif;
*/

/* End Fonts */
body {
    color: #fff;
    background: #000;
    font-family: 'Roboto Condensed', sans-serif;
}

ul.xoxo {
	list-style-type: none !important;
	-webkit-padding-start: 0 !important;
}

li.widget-container {
	margin-bottom: 30px !important;
}

div#header {
    position: relative;
}

    div#header h1 {
        margin: 0;
        padding: 10px 0;
    }

        div#header h1 a {
            display: block;
            height: 90px;
            background: url('logo_90.png') top left no-repeat;
            text-indent: -999px;
        }

    div#header h4 {
        margin: 0;
        padding: 0;
        color: #999;
        line-height: 150px;
        font-family: 'Oswald', sans-serif;
        font-style: italic;
        font-size: 150%;
        text-align: center;
    }

#social-phone {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 125%;
    text-shadow: 1px 1px #6f4e11;
}

    #social-phone a {
        display: block;
        padding: 10px;
        color: #fff;
        background: #af7f24;
        text-decoration: none;
    }

        #social-phone a:hover {
            background: #8d661d;
        }

div#menu-wrapper {
    background: rgb(217,217,217);
    background: linear-gradient(0deg, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 100%);
}

#menu div.container {
}

#menu.navbar {
    margin: 0;
}

#menu.navbar-default .navbar-brand {
    margin: 0;
    color: #777;
}

.nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
}

#menu.navbar-default {
    font-weight: bold;
    background: transparent;
    border-width: 0px;
    border-radius: 0px;
    background: transparent;
}

    #menu.navbar-default .navbar-nav > li > a {
        color: #333;
        background: transparent;
        text-shadow: 1px 1px #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #999;
    }

    #menu.navbar-default .navbar-nav > li:first-child > a {
        border-left: none;
    }

    #menu.navbar-default .navbar-nav > li:last-child > a {
        border-right: none;
    }

    #menu.navbar-default .navbar-nav > li > a:hover, #menu.navbar-default .navbar-nav > li > a:focus {
        color: #000;
        background: transparent;
    }

    #menu.navbar-default .navbar-nav > .active > a, #menu.navbar-default .navbar-nav > .active > a:hover, #menu.navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        background: #8d661d;
        text-shadow: 1px 1px #6f4e11;
        border: none;
    }

    #menu.navbar-default .navbar-toggle {
        /*margin-top: 70px;*/
    }

        #menu.navbar-default .navbar-toggle:hover, #menu.navbar-default .navbar-toggle:focus {
        }

        #menu.navbar-default .navbar-toggle .icon-bar {
        }

        #menu.navbar-default .navbar-toggle:hover .icon-bar, #menu.navbar-default .navbar-toggle:focus .icon-bar {
        }

#menu.navbar .nav {
    /*margin-top: 40px;*/
}

#menu.navbar-default .navbar-collapse {
    border: none;
}

#menu ul.navbar-nav.nav {
    background: transparent;
}

div#flash {
    background: rgb(168,122,35);
    background: linear-gradient(0deg, rgba(168,122,35,1) 0%, rgba(141,102,29,1) 100%);
    font-family: 'Oswald', sans-serif;
    text-align: center;
}

    div#flash h3 {
        margin: 0;
        padding: 0;
        line-height: 50px;
        text-shadow: 1px 1px #6f4e11;
        font-size: 125%;
    }

    div#flash a {
        color: #fff;
        text-decoration: underline;
    }

div#content {
	padding-bottom: 20px;
    min-height: 300px;
    color: #000;
    background: #fff;
    border-bottom: 5px solid #af7f24;
}

    div#content h2 {
        color: #af7f24;
        font-family: 'Oswald', sans-serif;
    }

    div#content a {
        color: #af7f24;
    }

div#footer {
}

    div#footer h4 {
        margin: 20px 0;
        font-family: 'Oswald', sans-serif;
    }

    div#footer ul {
        color: #666;
    }

    div#footer li {
        line-height: 175%;
    }

    div#footer a {
        color: #eee;
        text-decoration: underline;
    }

        div#footer a:hover {
            color: #fff;
        }

p#copyright {
    margin-top: 30px;
    text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    div#header {
        padding: 0;
    }

        div#header h1 {
            margin: 0;
        }

            div#header h1 a {
                height: 130px;
                background-image: url('logo_130.png');
            }

    #social-phone {
        font-size: 150%;
    }

    #menu div.container {
        padding: 0;
    }

    div#navbar {
        padding: 0;
    }

    div#flash h3 {
        font-size: 150%;
    }

    div#footer h4 {
        text-align: center;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    #menu.navbar {
        font-size: 125%;
    }

    .nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Bootstrap overrides */

.btn-primary {
    background-color: #af7f24;
    border-color: #8d661d;
    font-family: 'Oswald', sans-serif;
    font-size: 125%;
    font-weight: bold;
}

    .btn-primary:hover {
        background-color: #8d661d;
        border-color: #8d661d;
    }