/* ORIGINAL CSS FROM Readery.co */

@font-face {
    font-family: 'readery';
    src: url("../font/readery.eot?19604052");
    src: url("../font/readery.eot?19604052#iefix") format('embedded-opentype'),
    url("../font/readery.woff?19604052") format('woff'),
    url("../font/readery.ttf?19604052") format('truetype'),
    url("../font/readery.svg?19604052#readery") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'readery_slab_loop';
    src: url("../font/readery_loop-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'readery_slab';
    src: url("../font/readery_slab_bold-webfont.woff2") format("woff2");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'readery_slab';
    src: url("../font/readery_slab_regular-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'readery';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity .8 */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - magrins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-star:before {
    content: '\2605';
}

/* '★' */
.icon-ok:before {
    content: '\2713';
}

/* '✓' */
.icon-delete:before {
    content: '\2715';
}

/* '✕' */
.icon-help:before {
    content: '\e704';
}

/* '' */
.icon-cart:before {
    content: '\e800';
}

/* '' */
.icon-menu:before {
    content: '\f0c9';
}

/* '' */
.icon-twitter:before {
    content: '\f309';
}

/* '' */
.icon-facebook:before {
    content: '\f30e';
}

/* '' */
.icon-instagram:before {
    content: '\f32d';
}

/* '' */
.icon-user:before {
    content: '👤';
}

/* '\1f464' */
.icon-credit:before {
    content: '💳';
}

/* '\1f4b3' */
.icon-search:before {
    content: '🔍';
}

/* '\1f50d' */

.hamburger {
    padding: 5px 0 0 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }

/*
  * Boring
  */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }