/*
 Theme Name:  Annette Royan- Child
 Description:  Advisor 9 2020 Child Theme
 Template:     advisor9-2020
 Author: Kelsey Bergstrom
*/

@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: #000000;
    transition: all 0.3s;
}
a:hover {
    color: #000000;
    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 {
    color: white;
    padding: 10px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 5px;
}





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

.panel-heading {
    color: #FFF;
    background-color: #000000 !important;
    border-bottom: 3px solid #000000!important;
}

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

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

.btn-primary:hover, a.btn-primary:hover {
    background: #000000!important;
    transition: all 0.3s;
    border: 2px solid #000000;
    color: #666 !important;
}
.btn-secondary {
    color: #000000 !important;
    text-decoration: none !important;
    background: #ffffff;
    font-weight: 300 !important;
    text-transform: uppercase;
    font-size: 12px;
    transition: all 0.3s;
    padding: 8px 14px;
    border-radius: 4px;
    border: 2px solid #000000;
}
.btn-secondary:hover  {
    background: #fff;
    transition: all 0.3s;
    border: 2px solid #000000;
    color: #666!important;
}





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

.top-section {
    border-bottom: 2px solid #f1f0f0;
    height: 270px;
}
    /*
     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 {
    margin-top: 10px!important;
    max-width: 230px !important;
    transition: all 0.3s;
    margin-left: -10px; /* Only because the logo isn't cropped to the edges*/
    padding-bottom:20px!important;
}

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

.site-title a {
    display: none;
}

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

nav#site-navigation {
    background: none;
    top: -70px;
    border: none;
    position: absolute;
    right:130px!important;


}
.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: #000000;
}
li.current-page-ancestor,.navbar-default .navbar-nav>.active>a {
     background: none!important;
 }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000000;
    outline: 0;
}





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

.splash {
    height: 650px!important;
}

.splash img, .bx-wrapper img {
    min-height: 650px;
    width: 100%;
    object-fit: cover;
    height: 650px;
    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: 45px;
    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;
}
.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: #f1f0f0;
    color: #000000;
    border-top:3px solid #000000;
    font-size: 14px;
}

.site-footer a {
    color: #000000;
}
.site-footer a:hover {
    color: #666;
}

.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) {

    .top-section {
        /*border-bottom: 2px solid #f1f0f0;*/
        height: 170px;
        /*position: fixed!important;*/

        background-color: #ffffff;
        position:fixed;
        /*margin-top:40px!important;*/
        width:100%;
        z-index:100;
        padding-bottom: 50px!important;
    }
    nav#site-navigation {

        background: none;
        top: 100px;
        border: none;
        position: fixed!important;
        right: 20px;


    }
    .navbar-toggle {
        display: none;
    }
    .container {
        width: 100%;
        max-width: 1200px;
    }

}


@media (max-width: 990px) {
    .top-section {
        border-bottom: 2px solid #f1f0f0;
        height: 257px;
    }

    button.navbar-toggle {
        background: #333333;
        position: absolute;
        top: -160px;
        right: 20px;
        z-index: 10000;
    }
    button.navbar-toggle span {
        background: #fff;
    }
    nav#site-navigation {
        position: absolute!important;

        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;
        background-color: #ffffff;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #ffffff;
    }

    .header-buttons {

    }
    .btn-calendy{
        margin-top: -30px!important;
        font-size: 12px!important;
        padding: 10px 10px 10px 10px;
      margin-right:60px!important;

    }
}

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

    .header-buttons {

    }
    .btn-calendy{
      margin-top: -30px!important;
        font-size: 12px!important;
        padding: 10px 10px 10px 10px;
        margin-right:60px!important;
    }
}

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


}

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

}

.btn-calendy{
    background-color: dodgerblue;

    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    border: 2px solid #000000;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px;

}