/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800;900&display=swap'); */
/* @import 'main-1024.css';
@import 'main-768.css';
@import 'main-480.css'; */
@import 'all.css'; /* основной код шаблона */
@import 'grid.css'; /* основная сетка dersktop */
@import 'addon.css'; /* дополнительный код, для переписи сетки или для работы одновременно */
@import 'grid-1200.css'; /* основная сетка 1200 */
@import 'custom-1200.css'; /* custom сетка 1200 */
@import 'grid-1024.css'; /* основная сетка 1024 */
@import 'custom-1024.css'; /* custom сетка 1024 */
@import 'grid-768.css'; /* основная сетка 768 */
@import 'custom-768.css'; /* custom сетка 768 */
@import 'grid-480.css'; /* основная сетка 480 */
@import 'custom-480.css'; /* custom сетка 480 */
@import 'grid-320.css'; /* основная сетка 320 */
@import 'custom-320.css'; /* custom сетка 320 */


@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/zebra/fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}