/*! Kb KIDZ */
body {
    font-family:Lora;
    background:linear-gradient(rgba(202, 201, 201, 0.829),rgb(211, 210, 210)),url(../img/bg.jpg);
    background-attachment:fixed;
    background-position:center;
    background-size:cover
}

.logo {
    /*background-color: #d5d5d5 ;*/
}

h1,h2,h3,h4,h5,h6 {
    font-family:Raleway
}

p {
    line-height:1.75
}

.text-faded {
    color:rgba(0,0,0,0)
}
.site-heading {
    margin-top:5rem;
    margin-bottom:5rem;
    text-transform:uppercase;
    line-height:1;
    font-family:Raleway
}

.site-heading .site-heading-upper{
    display:block;
    font-size:5rem;
    font-weight:800
}

.site-heading .site-heading-lower{
    font-size:2rem;
    font-weight:80;
    line-height:4rem;
    text-align: center
}

.page-section {
    margin-top:5rem;
    margin-bottom:5rem
}

.section-heading {
    text-transform:uppercase
}

.section-heading .section-heading-upper {
    display:block;
    font-size:3rem;
    font-weight:800
}

.section-heading .section-heading-lower {
    display:block;
    font-size:1rem;
    font-weight:100
}

.bg-faded {
    background-color:skyblue
}

#mainNav {
    background-color: skyblue;
    font-family:Raleway
}
#mainNav .navbar-brand {
    color:#DA1DEB
}
#mainNav .navbar-nav .nav-item .nav-link {
    color:black;
    font-weight:800
}
#mainNav .navbar-nav .nav-item.active .nav-link {
    color:black
}
@media (min-width:992px) {
    #mainNav .navbar-nav .nav-item .nav-link{font-size:.9rem}
    #mainNav .navbar-nav .nav-item .nav-link:hover {color:rgb(219,59,107)}
    #mainNav .navbar-nav .nav-item.active .nav-link:hover{color:rgb(219,59,107)}
}

.btn-xl {
    font-weight:700;
    font-size:.8rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    padding-left:2rem;
    padding-right:2rem
}

.intro {
    position:relative
}

@media (min-width:992px) {
    .intro .intro-img{width:75%;float:right}
    .intro .intro-text{left:0;width:60%;margin-top:3rem;position:absolute}
    .intro .intro-text .intro-button{width:100%;left:0;position:absolute;bottom:-2rem}
}

@media (min-width:1200px) {
    .intro .intro-text{width:45%}
}

.cta {
    padding-top:5rem;
    padding-bottom:5rem;
    background-color:skyblue
}

.cta .cta-inner {
    position:relative;
    padding:3rem;margin:.5rem;
    background-color:rgba(248, 239, 239, 0.979)
}

.cta .cta-inner:before {
    border-radius:.5rem;
    content:'';
    position:absolute;
    top:-.5rem;
    bottom:-.5rem;
    left:-.5rem;
    right:-.5rem;
    border:.25rem solid rgba(255,255,255,.85)
}

@media (min-width:992px) {
    .about-heading .about-heading-img{position:relative;z-index:0}
    .about-heading .about-heading-content{margin-top:-5rem;position:relative;z-index:1}
}

@media (min-width:992px) {
    .product-item .product-item-title{position:relative;z-index:1;margin-bottom:-3rem}
    .product-item .product-item-img{position:relative;z-index:0;max-width:60vw}
    .product-item .product-item-description{position:relative;z-index:1;margin-top:-3rem;max-width:50vw}
}

.list-hours {
    font-size:.9rem
}

.list-hours .list-hours-item {
    border-bottom:1px solid rgba(230,167,86,.5);padding-bottom:.25rem;margin-bottom:1rem;font-style:italic
}

.list-hours .list-hours-item.today{font-weight:700;color:#e6a756}

@media (min-width:992px) {.list-hours{width:50%;font-size:1.1rem}}

.contacticon {
    width: 2%;
}

.address strong {
    font-size:1.2rem
}

.footer {
    background-color:skyblue
}

.text-primary{color:#e6a756!important}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
	margin-top:16px;
}

 .bg-primary{background-color:#e6a756!important}
 .btn{box-shadow:0 3px 3px 0 rgba(33,37,41,.1)}
 .btn-primary{background-color:#3dd51a;border-color:#000000}
 .btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#32b214;border-color:#000000}
 .font-weight-light{font-weight:100!important}
 
 /* Facebook button */
.fb-float{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 110px;
    right: 40px;
    background: #3B5998;
    color: white;
    border-radius:50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    padding: 15px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}
  
/* Add a black background color to the top navigation 
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar 
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover 
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page 
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens 
.topnav .icon {
    display: none;
}