/*
	* CSS for Icons
	*
	* @package      valerie
	* @author       Lindsay Humes
	* @since        1.0.0
	* @license      GPL-2.0+
*/

/*--------------------------------------------------------------
Social
--------------------------------------------------------------*/
.icon-font {
    position:  relative;
    display:  block;
}
.icon-font::before {
    display:  block;
    content:  '';
    speak: none;
    width:  25px;
    height: 25px;
    margin:  0 2px;

}

.icon-email::before {
    background: url(../icon/social-mail.svg) no-repeat center;
}

.icon-facebook::before {
    background: url(../icon/social-facebook.svg) no-repeat center;
}

.icon-instagram::before {
    background: url(../icon/social-instagram.svg) no-repeat center;
}

.icon-pinterest::before {
    background: url(../icon/social-pinterest.svg) no-repeat center;
}

.icon-twitter::before {
    background: url(../icon/social-twitter.svg) no-repeat center;
}

.icon-youtube::before {
    background: url(../icon/social-youtube.svg) no-repeat center;
}

/*--------------------------------------------------------------
Post
--------------------------------------------------------------*/
.vk-recipe-rating svg, .comment-jump svg, .recipe-time svg, .method-link svg {
    margin-right: 5px;
    fill: #b95a31;
}

.vk-recipe-rating, .comment-jump a, .recipe-time, .method-link {
    display: flex;
    align-items: center;
}
.method-link svg {
    background:  #b95a31;
    fill:  #FFFFFF;
    padding:  5px;
    border-radius: 50%;
}
/*--------------------------------------------------------------
Miscellaneous Icons
--------------------------------------------------------------*/
.icon-heading {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.icon-heading::before {
    content: '';
    width: 30px;
    height: 30px;
    min-width:  30px;
    display: block;
    margin-right: 5px;
    margin-top:  3px;
}

.icon-clock::before {
    background: url(../icon/core-clock.svg) no-repeat center;
}

.icon-heart::before {
    background: url(../icon/core-heart.svg) no-repeat center;
}

.icon-hat::before {
    background: url(../icon/core-tip.svg) no-repeat center;
}

.icon-ingredient::before {
    background: url(../icon/core-ingredient.svg) no-repeat center;

}
.icon-freezer::before {
    background: url(../icon/core-freezer-1.svg) no-repeat center;
}
.icon-star::before {
    background: url(../icon/core-stars.svg) no-repeat center;
}

.icon-storage::before {
    background: url(../icon/core-storage.svg) no-repeat center;
}

.icon-spoon::before {
    background: url(../icon/core-serving.svg) no-repeat center;
}

.icon-question::before {
    background: url(../icon/core-question.svg) no-repeat center;
}

/*--------------------------------------------------------------
Image Icons
--------------------------------------------------------------*/
.img-icon {
    background-color: #ffffff;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 40, 61, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 40, 61, .1);
    box-shadow: 0 0 10px 0 rgba(0, 40, 61, .1);
    display: flex;
    justify-content: center;
    align-items:  center;
    margin: 0 auto;
}
.img-icon svg {
    fill:  #b95a31;
}
.img-icon:hover{
    background-color: #407089;
}
.img-icon:hover  svg{
    fill:  #ffffff;
}

.icon-type {
    background-size: 65px;
    width: 65px;
}

.img-airfryer {
    background: url(../icon/method-airfryer.svg) no-repeat center;
}

.img-casserole {
    background: url(../icon/method-casserole.svg) no-repeat center;
}

.img-freezer {
    background: url(../icon/method-freezer.svg) no-repeat center;
}

.img-grill {
    background: url(../icon/method-grill.svg) no-repeat center;
}

.img-instantpot {
    background: url(../icon/method-instantpot.svg) no-repeat center;
}
.img-oven {
    background: url(../icon/method-oven.svg) no-repeat center;
}

.img-skillet {
    background: url(../icon/method-skillet.svg) no-repeat center;
}

.img-slowcooker {
    background: url(../icon/method-slowcooker.svg) no-repeat center;
}

.img-stovetop {
    background: url(../icon/method-stovetop.svg) no-repeat center;
}

.img-dairyfree {
    background: url(../icon/dietary-dairyfree.svg) no-repeat center;
}

.img-glutenfree {
    background: url(../icon/dietary-glutenfree.svg) no-repeat center;
}

.img-healthy {
    background: url(../icon/dietary-healthy.svg) no-repeat center;
}

.img-lowcal {
    background: url(../icon/dietary-lowcal.svg) no-repeat center;
}

.img-lowcarb {
    background: url(../icon/dietary-lowcarb.svg) no-repeat center;
}

.img-nutfree {
    background: url(../icon/dietary-nutfree.svg) no-repeat center;
}

.img-paleo {
    background: url(../icon/dietary-paleo.svg) no-repeat center;
}

.img-vegetarian {
    background: url(../icon/dietary-vegetarian.svg) no-repeat center;
}