/*
 Theme Name:   steele-2020 Child 
 Description:  steele-2020 Child Theme
 Template:     advisor9-2020
 Author: Rob Love
*/

@charset "UTF-8";
@import url('../advisor9-2020/style.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Raleway:wght@300;400;600&display=swap');


/*********************/
/****Global Styles****/
/*********************/

html {
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

body {
    color: #333;
    /* background-image: url(https://gpswp.com/bfglv/wp-content/uploads/sites/407/fresh_snow.png); */
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.container {
    position: relative;
    padding: 0 30px;
}

h1, h2, h3, h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}
a {
    color: #0178be;
    transition: all 0.3s;
}
a:hover {
    color: #025282;
    text-decoration: none;
    transition: all 0.3s;
}

.vertical-align {
    display: flex;
    align-items: center;
}
.site-main {
    margin-top: 20px;
}
img {
    max-width: 100%;
    height: auto;
}

nav#nav-below {
    position: relative;
    margin-top: 30px;
}
.nav-next {
    position: absolute;
    right: 0;
    top: 0;
}
.nav-previous a, .nav-next a {
    background: #333;
    color: white;
    padding: 10px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 5px;
}





/*********************/
/**** PANELS & BUTTONS ****/
/*********************/

.panel-heading {
    color: #FFF;
    background-color: #58585a !important;
    border-bottom: 3px solid #0178be !important;
}

.panel-title {
    font-weight: normal;
}

.btn-primary, a.btn-primary {
    color: #fff !important;
    text-decoration: none !important;
    background: #0178be;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 12px;
    transition: all 0.3s;
    padding: 8px 14px;
    border-radius: 4px;
    border: 2px solid #025282;
}

.btn-primary:hover, a.btn-primary:hover {
    background: #fff;
    transition: all 0.3s;
    border: 2px solid #3e3e3e;
    color: #58585a !important;
}
.btn-secondary {
    color: #fff !important;
    text-decoration: none !important;
    background: #58585a;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 12px;
    transition: all 0.3s;
    padding: 8px 14px;
    border-radius: 4px;
    border: 2px solid #3e3e3e;
}
.btn-secondary:hover  {
    background: #fff;
    transition: all 0.3s;
    border: 2px solid #025282;
    color: #0178be !important;
}





/*********************/
/**** HEADER & NAV *****/
/*********************/

.top-section {
    
    height: 180px;
    /*
     Height set for positioning of header buttons and menu
     Change margin of the logo for logo placement, and play with height here
     May have to hide both buttons for header to work with some horizontal logos
     May have to set up some media queries
     */
}


.logo img {
    margin-top: 80px;
    max-width: 250px !important;
    transition: all 0.3s;
    margin-left: -25px /* Only because the logo isn't cropped to the edges*/
}

.logo img:hover {
    opacity: 0.6;
    transition: all 0.3s;
    cursor: pointer;
}

.site-title a {
    display: none;
}

.header-buttons {
    position: absolute;
    right: -10px;
    top: 70px;
    font-weight: 100;
    font-size: 13px;
}
.header-buttons .btn-secondary {
    display: inline;
}

nav#site-navigation {
    background: none;
    top: -50px;
    border: none;
    position: absolute;
    right: 20px;
}
.navbar-nav > li > a {
    font-size: 15px;
    text-transform: uppercase;
}
.navbar-main-customized .navbar-nav > li > a {
    color: #333;
}
.navbar-main-customized .navbar-nav > li > a:hover, .navbar-main-customized .navbar-nav > li > a:focus  {
    color: #666;
}
li.current-page-ancestor,.navbar-default .navbar-nav>.active>a {
     background: #eee;
 }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0178be;
    outline: 0;
}





/*********************/
/******Hero Image*****/
/*********************/

.splash {
    height: 350px;
}

.splash img, .bx-wrapper img {
    min-height: 350px;
    width: 100%;
    object-fit: cover;
    height: 350px;
    object-position: center;

}

.bx-wrapper .bx-viewport {
    border: none !important;
}

.item img.attachment-full.size-full.wp-post-image {
    height: 600px;
    object-fit: cover;
    filter: none;
    width: 100%;
    object-position: center;
}
.gps-carousel .item {
    left: 0;
    right: 0;
    position: relative;
}

.gps-carousel-caption {
    padding: 20px;
    z-index: 10000;
}

.gps-carousel-caption h1 {
    font-size: 24px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 400;
}

.gps-carousel-caption p {
    font-size: 16px;
    margin-bottom: 0;
    text-align: center;
    font-weight:300;
}





/**********************/
/***** SIDEBAR *****/
/**********************/

.widget-title {
    border-bottom: 1px solid #404040;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 5px;
    margin-top:8%;
}
.hide-title .widget-title {
    display: none;
}

.sidebar-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu ul li {
    /* padding: 10px 10px; */
    background: #333;
    margin: 4px 0;
    border-radius: 5px;
    transition: all 0.3s;
}
.sidebar-menu ul li:hover {
    background: #000;
    transition: all 0.3s;
}

.sidebar-menu ul li a {
    color: #fff;
    min-width: 100%;
    position: relative;
    display: block;
    padding: 10px;
    transition: all 0.3s;
}
.sidebar-menu ul li a:hover {
    text-decoration: none;
    padding: 10px 10px 10px 15px;
    transition: all 0.3s;
}





/*********************/
/*******Footer*******/
/*********************/

.site-footer {
    background: url(http://gpswp.com/steelefinancialgroup-2020/wp-content/uploads/sites/761/2020/11/shutterstock_1386402179-scaled.jpg);
   

   /*background: #f1f0f0;*/
    color: #666;
    border-top:3px solid #0178be;
    font-size: 14px;
}

.site-footer a {
    color: #0178be;
}
.site-footer a:hover {
    color: #3e3e3e;
}

.site-footer ul {
    list-style-type: none;
    padding-left: 0;
}

.site-footer .widget-title {
    border-bottom: none;
    font-size: 1.25em;
    text-transform: uppercase;
    color: #444;
}







/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media (min-width : 990px) {
    .navbar-toggle {
        display: none;
    }
    .container {
        width: 100%;
        max-width: 1200px;
    }

}


@media (max-width: 990px) {
    button.navbar-toggle {
        background: #333333;
        position: absolute;
        top: -90px;
        right: 20px;
        z-index: 10000;
    }
    button.navbar-toggle span {
        background: #fff;
    }
    nav#site-navigation {
        position: relative;
        margin-top: 0px;
        min-height: 0px;
        top: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        display: block;
        margin: 10px 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


.footer-logo {
    margin-top:3%;
}




/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .vertical-align {
        display: block;
        align-items: normal;
    }
    .header-buttons{
        display: none;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .header-buttons .btn-secondary {
        display: none!important;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}