/* general */
body {
       /*background-color: #d8881b;*/
       background-color:#d8881b;
       color: #1f1f1f;
       position: relative;
       padding-top: 2em;
       margin-bottom : 2%;
       margin-top : 14% ;
       font-weight: 300;
       text-align: center;
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       }

article {
    background-color: #333333;
    color: gray;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/*.btn-primary.active, .btn-primary:active*/
.btn{
    background-color: #3d3d3d;
    color: silver;
    opacity: 0.9;
    border-color: #333333;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.btn.hover, .btn:hover{
    background-color: #333333;
    opacity:1;
    border-color:black;
}

a:link {
    color: white;
    text-decoration: none;
}
a:hover {
    color: white;
    text-decoration: underline;
}
a:visited {
    color: gray;
    text-decoration: underline;
}

h1 a { color : inherit !important }
h2 a { color : inherit !important }
h3 a { color : inherit !important }
h4 a { color : inherit !important }
h5 a { color : inherit !important }
h6 a { color : inherit !important }

h1,h2,h3,h4,h5,h6 {
    padding: 20px;
}

.box p{
    margin-left: 20px;
    margin-right: 20px;
}
input, .form-control, .form-control:focus {
    background: #1f1f1f;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.form-control:focus {
    color: #FFFFFF;
    }

/* mail chimp specific */
#mc_embed_signup input, .form-control {
       border: #3d3d3d;
       color: silver;
       }
#mc_embed_signup .asterisk {
       color: #d8881b;
       }
#mc_embed_signup .button, .btn-primary{
      background-color: #333333;
      border-color: #3d3d3d;
      box-shadow: 0 6px 12px rgba(0,0,0,.175);
      color: #d8881b;
       }

.navbar,
.jumbotron,
.card-img, .card {
       box-shadow: 0 6px 12px rgba(0,0,0,.175);
       border-color: #3d3d3d;
       }
.navbar{
        background-color: #3d3d3d;
}
.card {
       background-color: #3d3d3d;
       color: gray;
       }

.card-img{
    margin-top: 20px;
}
.jumbotron {
       background-color: #3d3d3d;
       color:silver;
       }
.jumbotron a {
       color: #3d3d3d;
       }

.jumbotron .display-6{
        font-weight: 400;
        color: silver;
       }
.card-header {
       box-shadow: 0 6px 12px rgba(0,0,0,.175);
       }
.nav-link{
    color: whitesmoke;
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.nav-link:hover{
    opacity: 1;
}
.navbar-brand {
       color: gray;
       }
.nav-link {
       padding-top: 15px;
       }

@media (min-width: 992px) {
    body {
           padding-top: 2em;
           margin-bottom : 2%;
           margin-top : 8% ;
       }
   }

/*Main Product Page*/
.container-product-features{
    padding: 20px;
    max-width: 85%;
}

@media all and (orientation:landscape) {
    .row-features{
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }
    .col-sm-6{
        max-width: 50%;
        padding: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .section-section-alt{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 60px;
    }
    .pull-right{
        max-height: 260px;
        overflow: scroll;
    }
 }
 @media all and (orientation:portrait) {
    .row-features{
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .col-sm-6{
        max-width: 100%;
    }

    .section-section-alt{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px;
    }

    .pull-right{
        /*max-height: 260px;*/
        object-fit: cover;
    }
 }

#highlights{
    padding: 70px;
}

/*Blog Page*/

.img-responsive{
    display: flex;
    max-width: 95%;
}

/*WebApp*/
table, th, td {
    border: 1px solid black;
}

.query-section{
    width: 100%;
    height: 100%;
}
.response-section{
    width: 100%;
    height: 100%;
}