/*
Theme Name: Advisor B Child - Sickles Annuities
Template: advisor-b
Author: Liz Johnson
Updated: 2019-03-23
*/

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
@import url('../advisor-b/style.css');

body {
	font-family: 'Open Sans', sans-serif;
}
a {
    color:#444;
    text-decoration: none;
}

a:hover {
    color:gold;
}

h1 {
    text-align: bold;
    padding-top: 3%;
}
.section-padding { padding: 45px 0; }

.text-primary { color: #564E58; }
.text-secondary { color: #BFB48F; }
.text-tertiary { color: #904E55; }
.text-light { color: #F2EFE9; }
.text-dark { color: #252627; }

.bg-primary { background-color: #564E58; }
.bg-secondary { background-color: #BFB48F; }
.bg-tertiary { background-color: #904E55; }
.bg-light { background-color: #F2EFE9; }
.bg-dark { background-color: #252627; }
.bg-dark-radial { background: radial-gradient(#2A2A2A, #111); }
.bg-hero { 
    height: 1000px;
    padding: 0;
}
.bg-stretch {
    background-attachment: unset;
}
.text-uppercase {
    text-transform: uppercase;
}

/* navigation */
.admin-bar .navbar {
    top: 0;
}
.page {
    margin-top: 0;
}
.caret {
    display: none;
}
.navbar-inverse {
    background-color: #0e76bc;
    border-color: #f4ae1a;
    border-top-width: 3px;
    border-bottom-width:3px;
    
    
}
.navbar-inverse .navbar-brand {
    color: #FFF;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #3da9df;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #3da9df;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

/* text in hero */

h1.col-md-4.col-md-offset-1 {
    /* background-color: #2aacfb80; */
    padding:4%;
    color:#0f6ba7;
    margin-top:3%;
    font-size:1.8em;
    
}

/* background image homepage */

.bg-hero {
   background-repeat:no-repeat; 
   max-height:350px;
}

p {
    padding:1%;
}

.boldHeaders {
    padding-top: 3%;
    padding-bottom:1.5%;
}

div.col-md-2.col-md-offset-3 {
    margin-top:5%;
}
div.col-md-4.col-md-offset-1 {
    margin-top:5%;
}

ol {
    list-style: none;
    counter-reset: my-awesome-counter;
  }
  ol li {
    counter-increment: my-awesome-counter;
  }
  ol li::before {
    content: counter(my-awesome-counter);
    font-weight: bold;
    font-size: 2.5rem;
    margin-right: 0.5rem;
    line-height: 1;
    margin-left:-7%;
    padding-right:2%;
  }
  
/* .embed-responsive.embed-responsive-16by9 {
    border-radius:27px;
} */

/* hides the title heading in wordpress */

header.entry-header {
    display:none;
}

/* contact form 7 widget */

.panel {
    border-radius: 0px;
    border:none;
    background-color:#3da9df14
}
.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel-customized > .panel-heading {
    background: #0d77bb;
    color:white;
    border-bottom: none;
    margin: 0 -1px;
    padding:3%;
    margin-top:28%;
}
.panel-customized > .panel-heading > .panel-title {
    font-size: 17px;
    font-weight: bold;
}

.form-group {
    margin-bottom:0;
}

.wpcf7-form-control.wpcf7-textarea {
    max-width:300px;
    max-height:137px;
}

input.wpcf7-form-control.wpcf7-validates-as-required {
    width:300px;
}

.card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0px;
    word-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
}

.card-body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.25rem;
    text-align: center;
}

/* footer */

footer {
    background-color:white;
    color: #444;
}

@media (min-width: 500px) {
    .gutter-left {
        float: left;
        margin-right: 25px;
    }
}

@media (min-width: 768px) {
    .navbar-right {
        float: none !important;
    }
    .navbar-nav>li {
        float: none;
        display: table-cell;
        width: 1%;
        text-align: center;
    }
  
}

@media (max-width: 768px) {
    h1.col-md-4.col-md-offset-1 {
        display:none;
    }
    h1 {
        padding-top:35%;
    }
    .bg-hero {
        max-height:150px;
    }
  
}

@media (max-width: 414px) {
    h1.col-md-4.col-md-offset-1 {
        display:none;
    }
    h1 {
        padding-top:20%;
    }
    .bg-hero {
        max-height:150px;
    }
}