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


a {
    color: #B54561;
}

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

.container-fluid  {
    padding-right: 0;
    padding-left: 0;
}

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

.navbar-light .navbar-toggler {
border: none;
}

.nav-link {
text-transform: uppercase; 
}

.navbar {
      justify-content: left;
  }

.navbar.navbar-expand-lg.navbar-light {
    background-color: white;
}

@media (max-width: 767px) {  
.navbar {
justify-content: space-between;
}
}

/* Layout*/
.section-spacing {
padding-top: 3em;
}

.border-top {
    border-top: 0px solid white !important;
}


/*Details */

.btn {
border-radius: 0;
}

.btn-dark {
   background: #B54561;
   color: #ffffff;
   border-color:  #B54561;
}

.btn-outline {
   background: transparent;
   color: #B54561;
   border-color:  #B54561;
}

.btn-outline:hover {
   background: #B54561;
   color: #ffffff;
}

.btn-dark:hover {
background: #51121F;
}
p.bolded {
    font-weight: bold;
}

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

.center-row {
justify-content: center;
}

.center-col  {
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.italic {
    font-style: italic;
}

.icons svg {
fill:  #B54561;
padding 0 1rem;
}

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

.helpswith {
padding: 3em 0;
background-color: #FFF6FA;
}

.helpswith p {
font-weight: bold;
text-align:center;
}

/* Accordion */
.panel-heading {
padding: 1rem 0;
}

.panel-title {
width: 100%;
}

h4.panel-title {
font-size: 1.35rem;
}

.panel-heading a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panel-heading svg {
min-width: 3rem;
height: 3rem;
fill: #912C46;
transition: transform .5s ease-in-out;
}

.panel-heading a[aria-expanded="true"] svg {
    transform: rotateX(180deg);
}

.panel-body {
    padding: 2rem;
    background: #FFF6FA;
    font-weight: bold;
}

/* Shop Slideshow */
/* Position the image container (needed to position the left and right arrows) */
.shop-container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.shop-container .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.shop-container .prev,
.shop-container .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.shop-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.shop-container .prev:hover,
.shop-container .next:hover {
  background-color: #B54561;
text-decoration: none;
}

.shop-container .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.shop-container .column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.shop-container .demo {
  opacity: 0.6;
}

.shop-container .active,
.shop-container .demo:hover {
  opacity: 1;
}

/*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;
}


/*Footer*/

.footer {
    padding-top: 2em;
color: #000;
}

.footer .container {
    padding-right: 0;
    padding-left: 0;
}

.footerend {
   background: #B54561;
color: #fff;
    padding-top: 1em;
padding-bottom: 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;
}

/* Consent */

.cc-color-override-688238583.cc-window {
background-color: #FFF6FA;
color: #212529;
}

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

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


    /*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; }
}