/*
 Theme Name:   ryan hall
 Description:  Advisor 9 2020 Child Theme
 Template:     advisor9-2020
 Author: kelseydejean
*/

@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: 'Playfair Display', serif;

    font-weight: 400;
    font-size: 18px;


}

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

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;

    font-weight: 600;

}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 26px;
}
a {
    color: #74231d;
    transition: all 0.3s;
}
a:hover {
    color: #1c2e4a;
    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: #74231d!important;
    border-bottom: 3px solid #74231d !important;
}

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

.btn-primary, a.btn-primary {
    color: #fff !important;
    text-decoration: none !important;
    background: #74231d ;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;

    transition: all 0.3s;
    padding: 8px 14px;
    border-radius: 4px;
    border: 2px solid #74231d ;
}

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


.btn-header {

    color: #fff !important;
    text-decoration: none !important;
    background: #1c2e4a ;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    transition: all 0.3s;
    padding: 8px 14px 8px 14px;
    border-radius: 4px;
    border: 2px solid #1c2e4a ;


}
.btn-header:hover  {
    background: #ffffff;
    transition: all 0.3s;
    border: 2px solid #000000;
    color: #000000 !important;
}



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

.top-section {
    height: 257px;

    /*
     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: -850px;
    max-width: 300px !important;
    transition: all 0.3s;
    margin-right: 680px /* 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: 915px;
    top: -330px;
    font-weight: 100;


}
.header-buttons .btn-secondary {
    display: inline;
}

nav#site-navigation {
    background-color:#FFFFFF73!important;

    top: 20px;
    border: none;
    position: absolute;
    right: -30px;
    padding:5px!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: #1c2e4a;
}
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: #1c2e4a;
    outline: 0;
}





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

.splash {
    height: 350px;
    border-top: 3px solid #74231d !important;
}

.splash img, .bx-wrapper img {
    min-height: 350px;
    width: 100%;
    object-fit: cover;
    height: 350px;
    object-position: center;
    border-top: 3px solid #74231d !important;

}

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

.item img.attachment-full.size-full.wp-post-image {
    height: 700px;
    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: 35px;
    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 #ffffff;
    color: #ffffff;
    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: #1c2e4a;
    color: #fff;
    border-top:3px solid #1c2e4a;
    font-size: 14px;
}

.site-footer a {
    color: #ffffff ;
}
.site-footer a:hover {
    color: #74231d;
}

.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: #ffffff;
}





/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .top-section {
        display: none;
    }
    .mobile-risk{
        display:none!important;
    }
}

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

}


@media (max-width: 990px) {



    .header-buttons .btn-secondary {
        display: none;
    }

    .logo img{
        margin-top: -750px;

    }

    button.navbar-toggle {
        background: #333333;
        position: absolute;
        top: 30px;
        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;
    }
}

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



}

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

}



.biopic{
    padding-right: 25px ;

}

.form-group{
    font-family: 'Playfair Display', serif;
    font-weight: 200;
    font-size: 14px;
}


.test{
    margin: 20px!important;
    padding: 20px!important;
    background-color:#192841;
    color:#ffffff;

}

.entry-title{

    border-bottom: solid 10px #74231d;

}

.standards{
         background-color:#192841;

         color:#ffffff;
    box-shadow: 12px 12px 2px 1px 	#5A5A5A;
    padding: 30px!important;
 

}


.intro{
    padding-right:30px!important;
}


.principles {


    background-color: #192841;
    color: #ffffff;

    padding: 30px !important;

    height: 450px!important;
    border: solid 5px #ffffff;

}

.callout{
    width:300px!important;
    padding: 10px !important;
font-size:18px!important;}