/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
  font-display: swap;
  font-family: 'Monument Grotesk';
  font-weight: 400;
  font-style: normal;
  ascent-override: 100%;
  src: url('fonts/MonumentGrotesk-Regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Monument Grotesk';
  font-weight: 700;
  font-style: normal;
  ascent-override: 100%;
  src: url('fonts/MonumentGrotesk-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Light.woff2') format('woff2');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Regular.woff2') format('woff2');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Medium.woff2') format('woff2');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Medium.woff2') format('woff2');
  font-weight: 600; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Bold.woff2') format('woff2');
  font-weight: 700; /* Bold */
  font-style: normal;
}

@font-face {
  font-family: 'Suisse Intl';
  src: url('fonts/SuisseIntl-Bold.woff2') format('woff2');
  font-weight: 800; /* Bold */
  font-style: normal;
}

.coming-soon-imprint-popup::-webkit-scrollbar {
    -webkit-appearance: none;
}

.coming-soon-imprint-popup::-webkit-scrollbar:vertical {
    width: 11px;
}

.coming-soon-imprint-popup::-webkit-scrollbar:horizontal {
    height: 11px;
}

.coming-soon-imprint-popup::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.cyco-text-bottom-gradient {
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.30) 0%, rgba(255, 255, 255, 0) 30%);
}

.fixed-width-900 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 600px) {
  .fixed-width-900 {
	max-width: inherit;
	margin-left: inherit;
	margin-right: inherit;
  }
}