/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /*    Try some Gradients from https://www.gradientmagic.com */
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    background-color: whitesmoke;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
    background-color: #F3F4F6;
}




/*---------------------------------------------------------------*/
/*Custom additions*/
/*---------------------------------------------------------------*/
.logo {
    /*background: url('../images/sqlogo001.png');*/
    /*width: 100px;
    height: 175px;*/
    color: white;
    font-weight: 600;
    color: white;
}

.logoImage {
    width:30px;
    height: 30px;
    margin-top: -7px;
}

.bg-sqcolor {
    /*School Queue logo color*/
    background-color: #FA6400;
}

.bg-white {
    background-color:white;    
}

.bg-hero {
    background-color:white;
    color:black;
}

.hero {
    min-height:400px;
    margin-bottom:3em;
}




/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: .5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}



/* Hero
------------------------- */

.hero-heading {
    margin-top:7rem;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: -.05rem;
    font-size:50px;
}




/* Footer background wave */
.footer-background {
    /*background-image: url('../images//wave (2).svg');*/
}




/* Featurettes
------------------------- */

.featurette-divider {
    margin: 1rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /*.hero-heading {
        font-size: 50px;
    }*/
    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    /*.hero-heading {
        margin-top: 7rem;
    }*/
    .featurette-heading {
        margin-top: 7rem;
    }
}




/* RESPONSIVE CSS
-------------------------------------------------- */

 
 /*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .hero-heading {
        margin-top:2rem;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .hero-heading {
        margin-top:2rem;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}