@font-face { font-family: 'heimatdidone-18reuploadedfile'; src: url('../fonts/heimat_didone_18_regular-webfont.woff2') format('woff2'), url('../fonts/heimat_didone_18_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratextralight'; src: url('../fonts/montserrat-extralight-webfont.woff2') format('woff2'), url('../fonts/montserrat-extralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratlight'; src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldregular'; src: url('../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../fonts/oswald-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*fonts*/ @set{ font-1: 'heimatdidone-18reuploadedfile'; font-2: 'montserratregular'; font-2-b: 'montserratbold'; font-2-xl: 'montserratextralight'; font-2-l: 'montserratlight'; font-3: 'oswaldregular'; } /* colors */ @set{ color-1: #ffffff; color-2: #98b462; color-3: #969696; color-4: #2d2d2d; color-5: #3d3d3d; color-6: #1d1d1d; color-7: #969595; color-8: #595959; color-9: #9bb969; color-10: #59732e; } /*mobile*/ .hide-from-desktop{ display: none; } /******* variables ******/ @set{ /**** top icons *****/ menu-bg-color: $(color-2); menu-icons-color: $(color-6); menu-icons-bg-color: $(color-10); menu-icon-hover-color: $(color-1); menu-icon-border-color: $(color-8); menu-text-font: 'Myriad Pro', Helvetica, sans-serif; /***slider menu *******/ mm-menu-bg-color: $(color-2); mm-menu-border-color: $(color-8); mm-menu-color: $(color-1); mm-menu-item-font: 'Myriad Pro', Helvetica, sans-serif; mm-menu-nav-bar-bg: $(color-10); mm-menu-nav-bar-color: $(color-1); /**** mobile search *****/ search-icon-color: $(color-6); search-input-bg: $(color-1); search-text-color: $(color-6); } /****** media queries ******/ @media (max-width: 767px) { .hide-from-desktop{ display: block; } }