/*
Theme Name: hf-theme
Theme URI: none
Author: BB
Author URI: 
Description: Happy Feelings VC theme
Version: 1
License: none
License URI: none
Tags: featured-images, full-width-template, blog
Text Domain: hf-theme
*/


.content-wrapper {
    padding: 0px 15px 1px 15px;
}

#main-menu {
    padding-top: 20px !important;
    font-weight: 500;
    text-transform: uppercase;

}

.navbar.fixed {
    -webkit-box-shadow: 0 2px 5px rgba(108, 107, 108, 0.5);
    box-shadow: 0 2px 5px rgba(108, 107, 108, 0.5);
}

.entry-title {
    margin-top: 40px;
}

.footer-widget-area {
    background-color: #f9f4f9 !important;
}

.footer-widget-area .widget-title {
    color: #663092;
    text-transform: uppercase;
    line-height: 1em !important;
}



/* Button */
.btn-happy { 
  color: #FFFFFF; 
  background-color: #663092; 
  border-color: #5A2585; 
} 
 
.btn-happy:hover, 
.btn-happy:focus, 
.btn-happy:active, 
.btn-happy.active, 
.open .dropdown-toggle.btn-happy { 
  color: #FFFFFF; 
  background-color: #663092; 
  border-color: #5A2585; 
} 
 
.btn-happy:active, 
.btn-happy.active, 
.open .dropdown-toggle.btn-happy { 
  background-image: none; 
} 
 
.btn-happy.disabled, 
.btn-happy[disabled], 
fieldset[disabled] .btn-happy, 
.btn-happy.disabled:hover, 
.btn-happy[disabled]:hover, 
fieldset[disabled] .btn-happy:hover, 
.btn-happy.disabled:focus, 
.btn-happy[disabled]:focus, 
fieldset[disabled] .btn-happy:focus, 
.btn-happy.disabled:active, 
.btn-happy[disabled]:active, 
fieldset[disabled] .btn-happy:active, 
.btn-happy.disabled.active, 
.btn-happy[disabled].active, 
fieldset[disabled] .btn-happy.active { 
  background-color: #663092; 
  border-color: #5A2585; 
} 
 
.btn-happy .badge { 
  color: #663092; 
  background-color: #FFFFFF; 
}

/* Products */


#product {
    padding: 20px 0 40px;
}
#related-entries {
    padding: 50px 0px 60px;
}

#followus {
    padding: 20px 0px 0px;
    background-color: #f9f4f9;
}


.smalldescrp {
    font-size: 10px !important;
}

.relprodwrapper {
    background: #fff;
}


.img-wrapper-product {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -10px;
  }

.img-wrapper-product:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.relprodinner {
    padding: 10px 15px 20px;
}

.relprodtitle {
    margin: 0 0 30px;
}

.productwrap {
    margin-top: 15px;
}


h5.eigenschappentitel {
    font-size: 16px;
    text-transform: uppercase;
    color: #191719;
    font-weight: 700;
    margin: 15px 0 10px !important;
}

.onestar {
    width: 20%;
    height: 20px;
    background: #663092;
    display: block;
    border-radius: 3px;
}

.twostar {
    width: 40%;
    height: 20px;
    background: #663092;
    display: block;
    border-radius: 3px;
}

.threestar {
    width: 60%;
    height: 20px;
    background: #663092;
    display: block;
    border-radius: 3px;
}

.fourstar {
    width: 80%;
    height: 20px;
    background: #663092;
    display: block;
    border-radius: 3px;
}


.fivestar {
    width: 100%;
    height: 20px;
    background: #663092;
    display: block;
    border-radius: 3px;
}

.starwrap {
    background: #f9f4f9;
    width: 100%;
    border-radius: 3px;
    height: 20px;
    display: block;
}

.productimg {
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover;
}


 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .productimg {
        height: 250px;
            
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .productimg {
        height: 250px;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .productimg {
        height: 420px;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .productimg {
        height: 490px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .productimg {
        height: 500px;
        }
    }


/* Products Hasj */
/*
.hasj {color: #00bed1 !important;
}


.category-hashish h1  {
    color: #00bed1 !important;
    margin: 0px 0 30px;
}

.category-hashish h2,
.category-hashish h3,
.category-hashish h4
{
    color: #00bed1 !important;
}


.category-hashish .onestar {
    width: 20%;
    height: 20px;
    background: #00bed1;
    display: block;
    border-radius: 3px;
}

.category-hashish .twostar {
    width: 40%;
    height: 20px;
    background: #00bed1;
    display: block;
    border-radius: 3px;
}

.category-hashish .threestar {
    width: 60%;
    height: 20px;
    background: #00bed1;
    display: block;
    border-radius: 3px;
}

.category-hashish .fourstar {
    width: 80%;
    height: 20px;
    background: #00bed1;
    display: block;
    border-radius: 3px;
}


.category-hashish .fivestar {
    width: 100%;
    height: 20px;
    background: #00bed1;
    display: block;
    border-radius: 3px;
}

.category-hashish .starwrap {
    background: #f9f4f9;
    width: 100%;
    border-radius: 3px;
    height: 20px;
    display: block;
}
*/
/* Products weed */
/*
.weed {color: #ff642d !important;
}



.category-weed h1  {
    color: #ff642d !important;
    margin: 0px 0 30px;
}

.category-weed h2,
.category-weed h3,
.category-weed h4
{
    color: #ff642d !important;
}



.category-weed .onestar,
.weed .onestar{
    width: 20%;
    height: 20px;
    background: #ff642d;
    display: block;
    border-radius: 3px;
}

.category-weed .twostar,
.weed .twostar {
    width: 40%;
    height: 20px;
    background: #ff642d;
    display: block;
    border-radius: 3px;
}

.category-weed .threestar,
.weed .threestar{
    width: 60%;
    height: 20px;
    background: #ff642d;
    display: block;
    border-radius: 3px;
}

.category-weed .fourstar,
.weed .fourstar
{
    width: 80%;
    height: 20px;
    background: #ff642d;
    display: block;
    border-radius: 3px;
}


.category-weed .fivestar, 
.weed .fivestar {
    width: 100%;
    height: 20px;
    background: #ff642d;
    display: block;
    border-radius: 3px;
}
*/