/* Dish Design custom CSS below */

@font-face {
  font-family: klavika;
  src: local('klavika-regular'), url(../fonts/KlavikaWebBasicRegular.woff);
  font-style: normal;
}

@font-face {
  font-family: klavika;
  src: local('klavika-italic'), url(../fonts/KlavikaWebBasicRegularItalic.woff);
  font-style: italic;
}

@font-face {
  font-family: klavika-ultrablackcondensed;
  src: url(../fonts/KlavikaWebDisplayUltraBlackCondensed.woff);
}

main, body, p, ol, ul {
	font-size: 1.0em;
	font-family: klavika;
}

h1, h2 {
	font-family: klavika-ultrablackcondensed;
}

h3, h4, h5, h6 {
	font-family: klavika;
}

.ui {
	font-family: klavika;
}

.italic {
	font-style: italic;
}

.menu-item {
	font-size: .875rem;
}

.covertitle {
	font-family: klavika-ultrablackcondensed;
	font-size: 2.5em;
	font-size: clamp(4em, 10vw, 6em);
/*  font-size: 6em;  this was before alt options above*/
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 0px 10px;
}

.coversubtitle {
	font-family: klavika;
	font-style: italic;
	font-size: 1.8em;
	color: white;
	background-color: rgba(119, 116, 115, 1);
	padding: 5px;
}

.-text-heading {
	letter-spacing: 0.02em;
}

.randomBackground {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;
    position: relative;
}

.on-skin-dark .ui-button {
	background-color: rgba(51, 51, 51, 0.0);
}

.on-sheer-black {
	background-color: rgba(0, 0, 0, 0.8);
}

.on-sheer-white {
	background-color: rgba(255, 255, 255, 0.8);
}

.on-sheer-gray {
	background-color: rgba(128, 128, 128, 0.8);
}

.on-sheer-orange {
	background-color: rgba(252, 180, 10, 0.8);
}

.colorwhite {
	color: rgba(255, 255, 255, 1);
}

.colorblack {
	color: rgba(0, 0, 0, 1);
}

.colororange {
	color: rgba(252, 180, 10, 1);
}

.colorgray {
	color: rgba(119, 116, 115, 1);
}

.landing-left {
	margin-left: inherit;
}

.padding-left-10 {
	padding-left: 10px;
}

.line-height-1pt2 {
	line-height: 1.2em;
}