@charset "utf-8";
/* Styles for The Herbal CommitTea Website 1.04 */
.desktop {
    display: none;
}


a {
    color: #a54061;
}

/*Add padding for easy reading */
.row {
    padding-left: 1em;
    padding-right: 1em;
}

/* Navigation */
.navbar-light .navbar-nav .nav-link {
    font-weight: bold;
    color: #a54061;
}

.navbar {
      justify-content: left;
  }

.navbar.navbar-expand-lg.navbar-light {
    background-color: rgba(255, 255, 255, 0.7);
}

a.active {
    border-bottom: 0.25em solid black;
}

/*Logo in header, resize and add spacing before and after */
#logo {
    width: 20em;
    margin: 0 auto;
    padding-bottom: 1em;
}

/*Detials */
.btn-dark {
   background: #912C46; /*#a54061*/
   color: #ffffff;
   border-color:  #a54061;
}

p.bolded {
    font-weight: bold;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.italic {
    font-style: italic;
}

.page-banner {
    padding-bottom: 1em;
}

/*Div background colors */
.color {
    padding: 4em;
}

.top-banner {
  padding: 1em;
      background-color: #912C46;
  color: #FFFFFF; 
  }

.lightpink {
    background-color: #F4E9EC;
}

.darkpink {
  background-color: #912C46;
  color: #FFFFFF; 
  }

.white-divider {
border: solid 2px;
    display: block;
    width: 5em;
    margin: 0.5em auto;
    border-color: #ffffff;
}


/*Home Page Banner */

#homecard {
background-color: rgba(255, 255, 255, 0.25);
}

.jumbotron {
    background-image: url(/images/hct/mainbanner2.jpg);
    background-position: center;
    background-size: cover;
  margin-bottom: 0em; 
}

    .jumbotron .container {
        position: relative;
        background-color: rgba(255, 255, 255, 0.8);
        max-width: 40rem;
        padding-bottom: 1em;
        margin: 0 auto;
    }

section.jumbotron.jumbotron-fluid {
    margin-bottom: 0;
}

#mc-embedded-subscribe-banner {
    padding-left: 5em;
    padding-right: 5em;
}

/*Instagram Feed */
.column {
    width: 33.33%;
    float: left;
}

/*#instafeed {
    border-top: 0.2em solid #DB7093;
    border-bottom: 0.2em solid #DB7093;
}*/

.instafeed {
    padding: 0.2em;
}

/*Footer*/

.footer {
    padding: 2em 2em 0 2em;
}

.icons {
    width: 2em;
}

.footerend {
    margin: 0 auto;
    padding-top: 1em;
}

/*Carousel*/

.carousel-control-prev:after {
  content: '<';
  font-size: 3em;
  color: #000000;
}

.carousel-control-next:after {
  content: '>';
  font-size: 3em;
  color: #000000;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 3px;
    margin: 10px;    
    background-color: #000000;
      
}
.carousel-indicators .active {
    width: 20px;
    height: 3px;
    margin: 10px;
    background-color: #a54061;
}


/* MailChimp Signup */
#mc-embedded-subscribe {
    width: 100%;
    margin-top: 0.5em;
}

/*Quick Changes for bigger screens */
@media only screen and (min-width: 830px) {
    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }
  
  img.blog {
    width: 60%; 
  }

    /*Instagram Feed */
    .column {
        float: left;
        width: 16.66%;
    }

    /*Reviews slider*/
    p.name {
        text-align: right;
    }
    
     .stars {
        text-align: center;
        color: #a54061;
    }

    .spaces {
        padding-top: 1em;
    }
}

/* Resizing for mobile images */ 
@media (max-width: 767.98px) {  
img.smaller { 
width: 60%;
padding: 1em; }
}