@charset "utf-8";
/* CSS Document */

html,body {
    width: 100%;
    height: 100%;
    max-width: none;
}
.grid img {
    max-width: 100%;
}
.grid svg {
    width: 100%;
    height: auto;
}
hr{
    margin:0;
}
a, 
input, 
img, 
svg,
button{
    transition: all 500ms ease 0s;
    outline:0;
}
.main img{
    width:100%;
}
a{
    color:#000;
}
figure {
    margin: 0 0 20px 0;
}
figure img {
    margin: 0;
}
figcaption {
    padding-top: 10px;
    font-style: italic; 
}
label {
    margin-right: 10px; 
    padding-bottom: 5px;
    display: block;
}
input {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
input, select {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
input[type=submit],
input[type=button] {
    cursor: pointer;
    background-color: #575a56;
    color: #c7ccc7;
    width: auto;
}
input[type=submit]:hover,
input[type=button]:hover {
    background-color: #4a3c31;
    color: #FFF;
}
select {
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
body{
    overflow-x:hidden;
    position: relative;
}
header{
    background:#FFF;
    padding:10px 0px;
}
header img{
    margin:0;
}
header .grid{
    padding-top:0;
}
.menu ul li {
    display:inline-block;
    margin:0px 10px;
    text-transform: uppercase;
}
.menu ul li:before{
    display:none;
}
.menu{
    text-align: right;
    padding:10px;
}
.menu ul{
    padding:0px;
}

.banner {
    width:100%;
    height:300px;
}

.swiper-slide {
    background-size:cover;
    background-position: center;
    height:100%;
    padding:15px 0px 30px 0px
}

.swiper-container {
    height:100%;
}

.rounded {
    padding:20px;
    background:#FFF;
    border-radius: 10px;
}

.recipes {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
 
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
 
-webkit-align-content: flex-start;
-moz-align-content: flex-start;
-ms-align-content: flex-start;
-o-align-content: flex-start;
align-content: flex-start;
    padding:10px 0px 10px 20px;
}

.recipe-image {
    background-image:url('../files/images/placeholder.jpg');
    background-size:cover;
    background-position: center;
    height:160px;
    border-radius: 10px;
    margin-bottom:10px;
    position: relative;
}

.recipe {
    background:#FFF;
    padding:20px;
    border-radius: 10px;
    width:calc(16.6% - 20px);
    margin-bottom:20px;
    margin-right:20px;
    
}

li img {
    margin-top: 20px;
}

.recipe-content p{
    font-size:16px;
}

.logo img{
    width:160px
}

.mix-filters {
    padding:20px 20px 0px 20px;
}
.mix-filters button{
    margin:0;
    margin-right:5px;
    margin-bottom:10px;
}
.mixitup-control-active{
    background-color:#FFF;
    color:#c2a36c;
}
.recipe a.btn.btn-primary {
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
}
.recipe {
    position: relative;
    padding-bottom: 60px;
}
.article-banner {
    height: 400px;
    width: 100%;
    border-radius: 10px;
    background-size:cover;
    background-position:center;
}
.aside,.main {
    background-color:#FFF;
    border-radius: 10px;
    padding:20px;    
    transition: all 500ms ease;
}
ul.tags {
    padding: 0;
    margin-bottom:10px;
}
ul.tags li:before {
    display: none;
}
ul.tags li {
    display: inline-block;
    background: #c2a36c;
    padding: 5px;
    border-radius: 5px;
    color: #FFF;
    margin: 4px 2px;
    font-size:12px;
    text-transform: uppercase;
}
.content .col-1-4{
    min-height:1px;
}
.aside h2{
    padding:0;
}
.aside ul{
    padding-top:10px;
}
.is-sticky{
    z-index:99;
}

.js-hide{
    float:right;
    transition:all 500ms ease;
}

.sticky-wrapper {
    height: auto!important;
}
.sticky-wrapper.is-sticky{
    height:auto;
}
.aside.closed .js-hide{
    transform:rotate(180deg);
}
.favorite {
    position: absolute;
    right: 0;
    top:0;
    padding: 10px;
    background: #f55753;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}
.favorite:before {
    content: "\f004";
    font-family: FontAwesome;
    color: #FFF;
}
.rating {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: #2b303b;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    color:#FFF;
}

span.star:before {
    content: "\f006";
    font-family: fontawesome;
}
span.star.star-filled:before{
    content:"\f005";
}
span.star{
    cursor:pointer;
}
.article-banner.no-banner{
    height:auto;
}

span.star:hover:before{
    content:"\f005";
    color:#f9d146
}
/*
span.star:hover:before{
    content:"\f005";
}
*/
.text-right{
    text-align:right;
}
footer{
    padding:20px 0px;
}
.main li:before {
    font-family: fontawesome;
    content: "\f10c";
    position: relative;
}
.main li{
    margin-bottom:0;
    font-size:18px;
    transition: all 500ms ease;
    cursor:pointer;
}
li.closed {
    opacity: .5;
}
li.closed:before {
    content: "\f05d ";
}
.block{
    display:block;
}
/* ### PADDINGS ### */
/* Padding top / bottom */
.ptb-120{padding-top:120px;padding-bottom:120px;} 
.ptb-100{padding-top:100px;padding-bottom:100px;}
.ptb-80{padding-top:80px;padding-bottom:80px;}
.ptb-60{padding-top:60px;padding-bottom:60px;}
.ptb-40{padding-top:40px;padding-bottom:40px;}
.ptb-20{padding-top:20px;padding-bottom:20px;}
.ptb-0{padding-top:0;padding-bottom:0;}
/* Padding left / right */
.plr-120{padding-right:120px;padding-left:120px;} 
.plr-100{padding-right:100px;padding-left:100px;}
.plr-80{padding-right:80px;padding-left:80px;}
.plr-60{padding-right:60px;padding-left:60px;}
.plr-40{padding-right:40px;padding-left:40px;}
.plr-20{padding-right:20px;padding-left:20px;}
.plr-0{padding-right:0;padding-left:0;}
/* Padding all */
.p-120{padding:120px;} 
.p-100{padding:100px;}
.p-80{padding:80px;}
.p-60{padding:60px;}
.p-40{padding:40px;}
.p-20{padding:20px;}
.p-10{padding:10px;}
.p-0{padding:0;}
@media screen and (min-width:576px){
    /* Padding top / bottom */
    .ptb-sm-120{padding-top:120px;padding-bottom:120px;} 
    .ptb-sm-100{padding-top:100px;padding-bottom:100px;}
    .ptb-sm-80{padding-top:80px;padding-bottom:80px;}
    .ptb-sm-60{padding-top:60px;padding-bottom:60px;}
    .ptb-sm-40{padding-top:40px;padding-bottom:40px;}
    .ptb-sm-20{padding-top:20px;padding-bottom:20px;}
    .ptb-sm-0{padding-top:0;padding-bottom:0;}
    /* Padding left / right */
    .plr-sm-120{padding-right:120px;padding-left:120px;} 
    .plr-sm-100{padding-right:100px;padding-left:100px;}
    .plr-sm-80{padding-right:80px;padding-left:80px;}
    .plr-sm-60{padding-right:60px;padding-left:60px;}
    .plr-sm-40{padding-right:40px;padding-left:40px;}
    .plr-sm-20{padding-right:20px;padding-left:20px;}
    .plr-sm-0{padding-right:0;padding-left:0;}
    /* Padding all */
    /* Padding all */
    .p-sm-120{padding:120px;}
    .p-sm-100{padding:100px;}
    .p-sm-80{padding:80px;}
    .p-sm-60{padding:60px;}
    .p-sm-40{padding:40px;}
    .p-sm-20{padding:20px;}
    .p-sm-0{padding:0;}
}
@media screen and (min-width:768px){
    /* Padding top / bottom */
    .ptb-md-120{padding-top:120px;padding-bottom:120px;}
    .ptb-md-100{padding-top:100px;padding-bottom:100px;}
    .ptb-md-80{padding-top:80px;padding-bottom:80px;}
    .ptb-md-60{padding-top:60px;padding-bottom:60px;}
    .ptb-md-40{padding-top:40px;padding-bottom:40px;}
    .ptb-md-20{padding-top:20px;padding-bottom:20px;}
    .ptb-md-0{padding-top:0;padding-bottom:0;}
    /* Padding left / right */
    .plr-md-120{padding-right:120px;padding-left:120px;}
    .plr-md-100{padding-right:100px;padding-left:100px;}
    .plr-md-80{padding-right:80px;padding-left:80px;}
    .plr-md-60{padding-right:60px;padding-left:60px;}
    .plr-md-40{padding-right:40px;padding-left:40px;}
    .plr-md-20{padding-right:20px;padding-left:20px;}
    .plr-md-0{padding-right:0;padding-left:0;}
    /* Padding all */
    .p-md-120{padding:120px;}
    .p-md-100{padding:100px;}
    .p-md-80{padding:80px;}
    .p-md-60{padding:60px;}
    .p-md-40{padding:40px;}
    .p-md-20{padding:20px;}
    .p-md-0{padding:0;}
}
@media screen and (min-width:992px){
    /* Padding top / bottom */
    .ptb-lg-120{padding-top:120px; padding-bottom:120px;} 
    .ptb-lg-100{padding-top:100px; padding-bottom:100px;}
    .ptb-lg-80{padding-top:80px; padding-bottom:80px;}
    .ptb-lg-60{padding-top:60px; padding-bottom:60px;}
    .ptb-lg-40{padding-top:40px; padding-bottom:40px;}
    .ptb-lg-20{padding-top:20px; padding-bottom:20px;}
    .ptb-lg-0{padding-top:0; padding-bottom:0;}
    /* Padding left / right */
    .plr-lg-120{padding-right:120px;padding-left:120px;}
    .plr-lg-100{padding-right:100px;padding-left:100px;}
    .plr-lg-80{padding-right:80px;padding-left:80px;}
    .plr-lg-60{padding-right:60px;padding-left:60px;}
    .plr-lg-40{padding-right:40px;padding-left:40px;}
    .plr-lg-20{padding-right:20px;padding-left:20px;}
    .plr-lg-0{padding-right:0;padding-left:0;}
    /* Padding all */
    .p-lg-120{padding:120px;}
    .p-lg-100{padding:100px;}
    .p-lg-80{padding:80px;}
    .p-lg-60{padding:60px;}
    .p-lg-40{padding:40px;}
    .p-lg-20{padding:20px;}
    .p-lg-0{padding:0;}
}

/* ### MARGINS ### */
/* Margin top / bottom */
.mtb-120{margin-top:120px;margin-bottom:120px;} 
.mtb-100{margin-top:100px;margin-bottom:100px;}
.mtb-80{margin-top:80px;margin-bottom:80px;}
.mtb-60{margin-top:60px;margin-bottom:60px;}
.mtb-40{margin-top:40px;margin-bottom:40px;}
.mtb-20{margin-top:20px;margin-bottom:20px;}
.mtb-0{margin-top:0;margin-bottom:0;}
/* margin left / right */
.mlr-120{margin-right:120px;margin-left:120px;} 
.mlr-100{margin-right:100px;margin-left:100px;}
.mlr-80{margin-right:80px;margin-left:80px;}
.mlr-60{margin-right:60px;margin-left:60px;}
.mlr-40{margin-right:40px;margin-left:40px;}
.mlr-20{margin-right:20px;margin-left:20px;}
.mlr-0{margin-right:0;margin-left:0;}
.mlr-auto{margin-right:auto;margin-left:auto;}
/* margin bottom*/
.mb-120{margin-bottom:120px;} 
.mb-100{margin-bottom:100px;}
.mb-80{margin-bottom:80px;}
.mb-60{margin-bottom:60px;}
.mb-40{margin-bottom:40px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-10{margin-bottom:10px;}
.mb-0{margin-bottom:0;}
/* margin all */
.m-120{margin:120px;} 
.m-100{margin:100px;}
.m-80{margin:80px;}
.m-60{margin:60px;}
.m-40{margin:40px;}
.m-20{margin:20px;}
.m-0{margin:0;}
@media screen and (min-width:576px){
    /* margin top / bottom */
    .mtb-sm-120{margin-top:120px;margin-bottom:120px;} 
    .mtb-sm-100{margin-top:100px;margin-bottom:100px;}
    .mtb-sm-80{margin-top:80px;margin-bottom:80px;}
    .mtb-sm-60{margin-top:60px;margin-bottom:60px;}
    .mtb-sm-40{margin-top:40px;margin-bottom:40px;}
    .mtb-sm-20{margin-top:20px;margin-bottom:20px;}
    .mtb-sm-0{margin-top:0;margin-bottom:0;}
    /* margin left / right */
    .mlr-sm-120{margin-right:120px;margin-left:120px;} 
    .mlr-sm-100{margin-right:100px;margin-left:100px;}
    .mlr-sm-80{margin-right:80px;margin-left:80px;}
    .mlr-sm-60{margin-right:60px;margin-left:60px;}
    .mlr-sm-40{margin-right:40px;margin-left:40px;}
    .mlr-sm-20{margin-right:20px;margin-left:20px;}
    .mlr-sm-0{margin-right:0;margin-left:0;}
    .mlr-sm-auto{margin-right:auto;margin-left:auto;}
    /* margin bottom*/
    .mb-sm-120{margin-bottom:120px;}
    .mb-sm-100{margin-bottom:100px;}
    .mb-sm-80{margin-bottom:80px;}
    .mb-sm-60{margin-bottom:60px;}
    .mb-sm-40{margin-bottom:40px;}
    .mb-sm-20{margin-bottom:20px;}
    .mb-sm-0{margin-bottom:0;}
    /* margin all */
    .m-sm-120{margin:120px;}
    .m-sm-100{margin:100px;}
    .m-sm-80{margin:80px;}
    .m-sm-60{margin:60px;}
    .m-sm-40{margin:40px;}
    .m-sm-20{margin:20px;}
    .m-sm-0{margin:0;}
}
@media screen and (min-width:768px){
    /* margin top / bottom */
    .mtb-md-120{margin-top:120px;margin-bottom:120px;}
    .mtb-md-100{margin-top:100px;margin-bottom:100px;}
    .mtb-md-80{margin-top:80px;margin-bottom:80px;}
    .mtb-md-60{margin-top:60px;margin-bottom:60px;}
    .mtb-md-40{margin-top:40px;margin-bottom:40px;}
    .mtb-md-20{margin-top:20px;margin-bottom:20px;}
    .mtb-md-0{margin-top:0;margin-bottom:0;}
    /* margin left / right */
    .mlr-md-120{margin-right:120px;margin-left:120px;}
    .mlr-md-100{margin-right:100px;margin-left:100px;}
    .mlr-md-80{margin-right:80px;margin-left:80px;}
    .mlr-md-60{margin-right:60px;margin-left:60px;}
    .mlr-md-40{margin-right:40px;margin-left:40px;}
    .mlr-md-20{margin-right:20px;margin-left:20px;}
    .mlr-md-0{margin-right:0;margin-left:0;}
    .mlr-md-auto{margin-right:auto;margin-left:auto;}
    /* margin bottom */
    .mb-md-120{margin-bottom:120px;}
    .mb-md-100{margin-bottom:100px;}
    .mb-md-80{margin-bottom:80px;}
    .mb-md-60{margin-bottom:60px;}
    .mb-md-40{margin-bottom:40px;}
    .mb-md-20{margin-bottom:20px;}
    .mb-md-0{margin-bottom:0;}
    /* margin all */
    .m-md-120{margin:120px;}
    .m-md-100{margin:100px;}
    .m-md-80{margin:80px;}
    .m-md-60{margin:60px;}
    .m-md-40{margin:40px;}
    .m-md-20{margin:20px;}
    .m-md-0{margin:0;}
}
@media screen and (min-width:992px){
    /* margin top / bottom */
    .mtb-lg-120{margin-top:120px; margin-bottom:120px;} 
    .mtb-lg-100{margin-top:100px; margin-bottom:100px;}
    .mtb-lg-80{margin-top:80px; margin-bottom:80px;}
    .mtb-lg-60{margin-top:60px; margin-bottom:60px;}
    .mtb-lg-40{margin-top:40px; margin-bottom:40px;}
    .mtb-lg-20{margin-top:20px; margin-bottom:20px;}
    .mtb-lg-0{margin-top:0; margin-bottom:0;}
    /* margin left / right */
    .mlr-lg-120{margin-right:120px;margin-left:120px;}
    .mlr-lg-100{margin-right:100px;margin-left:100px;}
    .mlr-lg-80{margin-right:80px;margin-left:80px;}
    .mlr-lg-60{margin-right:60px;margin-left:60px;}
    .mlr-lg-40{margin-right:40px;margin-left:40px;}
    .mlr-lg-20{margin-right:20px;margin-left:20px;}
    .mlr-lg-0{margin-right:0;margin-left:0;}
    .mlr-lg-auto{margin-right:auto;margin-left:auto;}
    /* margin bottom */
    .mb-lg-120{margin-bottom:120px;}
    .mb-lg-100{margin-bottom:100px;}
    .mb-lg-80{margin-bottom:80px;}
    .mb-lg-60{margin-bottom:60px;}
    .mb-lg-40{margin-bottom:40px;}
    .mb-lg-20{margin-bottom:20px;}
    .mb-lg-0{margin-bottom:0;}
    /* margin all */
    .m-lg-120{margin:120px;}
    .m-lg-100{margin:100px;}
    .m-lg-80{margin:80px;}
    .m-lg-60{margin:60px;}
    .m-lg-40{margin:40px;}
    .m-lg-20{margin:20px;}
    .m-lg-0{margin:0;}
}