@charset "UTF-8";

@font-face {
    font-family: 'Open Sans';
    src: url("../webfonts/opensans-bold.eot");
    src: url("../webfonts/opensans-bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/opensans-bold.woff2") format("woff2"), url("../webfonts/opensans-bold.woff") format("woff"), url("../webfonts/opensans-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../webfonts/opensans-regular.eot");
    src: url("../webfonts/opensans-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/opensans-regular.woff2") format("woff2"), url("../webfonts/opensans-regular.woff") format("woff"), url("../webfonts/opensans-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../webfonts/opensans-semibold.eot");
    src: url("../webfonts/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("../webfonts/opensans-semibold.woff2") format("woff2"), url("../webfonts/opensans-semibold.woff") format("woff"), url("../webfonts/opensans-semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'BHF Beats';
    src: url("../webfonts/BHFBeats-Bold/BHFBeats-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../webfonts/BHFBeats-Bold/BHFBeats-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/BHFBeats-Bold/BHFBeats-Bold.woff") format("woff"), url("../webfonts/BHFBeats-Bold/BHFBeats-Bold.ttf") format("truetype"), url("../webfonts/BHFBeats-Bold/BHFBeats-Bold.svg#ab1df6dfe246e2d2bc3cb4c769f56c0a") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'BHF Beats';
    src: url("../webfonts/BHFBeats-Light/BHFBeats-Light.eot");
    /* IE9 Compat Modes */
    src: url("../webfonts/BHFBeats-Light/BHFBeats-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/BHFBeats-Light/BHFBeats-Light.woff") format("woff"), url("../webfonts/BHFBeats-Light/BHFBeats-Light.ttf") format("truetype"), url("../webfonts/BHFBeats-Light/BHFBeats-Light.svg#f6e18562bc12b1cea337b62a86a18db0") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'BHF Beats';
    src: url("../webfonts/BHFBeats-Regular/BHFBeats-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../webfonts/BHFBeats-Regular/BHFBeats-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/BHFBeats-Regular/BHFBeats-Regular.woff") format("woff"), url("../webfonts/BHFBeats-Regular/BHFBeats-Regular.ttf") format("truetype"), url("../webfonts/BHFBeats-Regular/BHFBeats-Regular.svg#78a747aba038d306e2e64277d782cab6") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'F37 Ginger';
    src: url("../webfonts/F37Ginger-Bold/F37Ginger-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../webfonts/F37Ginger-Bold/F37Ginger-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/F37Ginger-Bold/F37Ginger-Bold.woff") format("woff"), url("../webfonts/F37Ginger-Bold/F37Ginger-Bold.woff2") format("woff2"), url("../webfonts/F37Ginger-Bold/F37Ginger-Bold.ttf") format("truetype"), url("../webfonts/F37Ginger-Bold/F37Ginger-Bold.svg#7db0a735880422cc5fa2f936a390d651") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'F37 Ginger';
    src: url("../webfonts/F37Ginger-Regular/F37Ginger-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../webfonts/F37Ginger-Regular/F37Ginger-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/F37Ginger-Regular/F37Ginger-Regular.woff") format("woff"), url("../webfonts/F37Ginger-Regular/F37Ginger-Regular.woff2") format("woff2"), url("../webfonts/F37Ginger-Regular/F37Ginger-Regular.ttf") format("truetype"), url("../webfonts/F37Ginger-Regular/F37Ginger-Regular.svg#cd0eb1181545a540be3acd13cd87c831") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}


.search-box .search-input {
    font-family: "Trebuchet MS", sans-serif;
    border: none;
    outline: none;
    padding-left: 10px;
    font-size: 30px;
    flex: 1;
    color: #757575;
}

    .search-box .search-input::placeholder {
        color: #999; /* Optional: Match your design */
    }

@media (max-width: 849px) {
    .search-box .search-input {
        font-size: calc(16px + 0.2vw);
    }
}

@media (max-width: 375px) {
    .search-box .search-input {
        font-size: calc(14px + 0.2vw);
    }
}