@font-face {
    font-family: 'WorkSans';
    font-weight: 300;
    font-display: swap;
    src: local('WorkSans'), local('WorkSans-Light');
    src: url('../fonts/WorkSans-Light.eot');
    src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Light.woff') format('woff'),
        url('../fonts/WorkSans-Light.ttf') format('truetype')
}

@font-face {
    font-family: 'WorkSans';
    font-weight: 400;
    font-display: swap;
    src: local('WorkSans'), local('WorkSans-Regular');
    src: url('../fonts/WorkSans-Regular.eot');
    src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Regular.woff') format('woff'),
        url('../fonts/WorkSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'WorkSans';
    font-weight: 500;
    font-display: swap;
    src: local('WorkSans'), local('WorkSans-Medium');
    src: url('../fonts/WorkSans-Medium.eot');
    src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Medium.woff') format('woff'),
        url('../fonts/WorkSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: 'WorkSans';
    font-weight: 600;
    font-display: swap;
    src: local('WorkSans'), local('WorkSans-SemiBold');
    src: url('../fonts/WorkSans-SemiBold.eot');
    src: url('../fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-SemiBold.woff') format('woff'),
        url('../fonts/WorkSans-SemiBold.ttf') format('truetype')
}

@font-face {
    font-family: 'Songmyung';
    font-weight: 400;
    font-display: swap;
    src: local('Songmyung'), local('Songmyung-Regular');
    src: url('../fonts/Songmyung-Regular.eot');
    src: url('../fonts/Songmyung-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Songmyung-Regular.woff') format('woff'),
        url('../fonts/Songmyung-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'Edo';
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/edo.woff') format('woff')
}

:root {
    --body-bg: #fff;
    --primary-bg: #f76a38;
    --bg-dark: black;
    --colour-grey-bg: #f7f7f7;
    --text-colour: #000;
    --colour-dark: #000;
    --colour-dimmed: #ccc;
    --colour-dark-opaque: rgba(3, 2, 2, .5);
    --colour-light: #fff;
    --colour-btn-hover: #fff;
    --colour-light-darken: #f9f9f9;
    --colour-primary: #f76a38;
    --colour-highlight: #f76a38;
    --colour-highlight-2: #215d50;
    --colour-highlight-3: #f76a38;
    --title-hightlight: var(--colour-primary);
    --colour-positive: #008b6d;
    --colour-negative: #f73838;
    --colour-primary-lighten: #fee1d7;
    --colour-secondary: rgb(255, 182, 0);
    --colour-line: rgba(255, 255, 255, .2);
    --colour-grass: #215d50;
    --colour-mob-menu: #215d50;
    --colour-link-colour: #f76a38;
    --colour-dark-opaque: rgba(37, 37, 37, .6);
    --colour-darken-link-colour: darken(var(--colour-link-colour), 20%);
    --colour-featured-products: #f9f9f9;
    --primary-title-font-family: 'Songmyung', Helvetica, Arial, sans-serif;
    --primary-font-family: 'WorkSans', Helvetica, Arial, sans-serif;
    --secondary-font-family: 'Songmyung', Helvetica, Arial, serif;
    --edo-font: 'Edo' , sans-serif;
    --button-radius: 28px;
    --hero-bg-color: #fde1d7;
    --hero-height: 832px;
    --hero-height-mobile: 647px;
    --post-card: white;
    --modal-bg: white;
    --swiper-pagination-color: #f76a38;
    --icon-tick: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iSG9tZVNjcmVlbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE5MjAtMjU2MF9hbGxTZWN0aW9ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MTEuMDAwMDAwLCAtNTI0My4wMDAwMDApIiBzdHJva2U9IiNGNzZBMzgiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDxnIGlkPSJjb250YWN0LWZvcm0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0OTI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1Ni4wMDAwMDAsIDY0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJCZW5lZml0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUzLjAwMDAwMCwgOTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ1bCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQ0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMTAiIHBvaW50cz0iMyA4IDcgMTIgMTMgNCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
    --caret: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='6' width='6' height='6' transform='rotate(-90 0 6)' fill='white' fill-opacity='0.01'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.75 0L0.75 8L5.25 4L0.75 0Z' fill='%23F76A38'/%3E%3C/svg%3E%0A");
    --caret-down: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8.25' height='8' fill='white' fill-opacity='0.01'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1L0 1L4 7L8 1Z' fill='%23F76A38'/%3E%3C/svg%3E");
    --form-label-color: #000;
    --submit-bottom-color: #f76a38;
    --submit-bottom-color--hover: #da4009;
    --star-format : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve' fill='%23f76a38'%3E%3Cg%3E%3Cg%3E%3Cpath d='M500,10C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M500,867.5C297,867.5,132.5,703,132.5,500c0-203,164.5-367.5,367.5-367.5c203,0,367.5,164.5,367.5,367.5C867.5,703,703,867.5,500,867.5z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --blog-filter-bg: #fff;
    --blog-filter-link: var(--colour-link-colour);
    --blog-filter-link-hover: darken(var(--colour-link-colour), 20%);
    --post-hero-overlay-color: #000000;
    --mobile-submenu-arrow: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23FFB600\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'/%3E%3C/svg%3E%0A');
    --testimonials-star-color: var(--colour-primary);
}