/***DESKTOP***/

/***GLOBAL VARIABLES
*****************************************************/
:root {
/***TEXT***/
  	--smallFont: 1rem;
  	--mediumFont: 23px;
  	--largeFont: 3rem;
  	--fontWeight: 400;
  	--letterSpacing: .02em;
  	--wordSpacing: 0em;
  	--lineHeight: 1.2;
/***COLOR***/
  	--paletteWhite: #FFFFFF;
  	--paletteGray: #CCCCCC;
  	--paletteBlack: #000000;
	--paletteBlue: #0000FF;
  	--backColor: var(--paletteWhite);
  	--textColor: var(--paletteBlack);
  	--linkColor: var(--paletteBlack);
  	--hoverColor: var(--paletteBlue);
/***DECORATION***/
  	--linkDeco: line-through;
  	--borderLine: 2px solid var(--textColor);
/***SPACES***/
	--rowSmallGutter: calc(var(--smallFont) * var(--lineHeight));
	--rowGutter: calc(var(--mediumFont) * var(--lineHeight));
	--rowBigGutter: calc(var(--rowGutter) * 3);
	--colGutter: calc(var(--mediumFont)*.75);
	--bodyMargin: calc(var(--rowGutter)*.5) var(--colGutter);
	--contentMarginTop: calc(var(--rowGutter)*5);
	--footerMarginTop: calc(var(--rowGutter)*3);
/***SIZES***/
	--headerHeight: var(--rowGutter);
	--contentWidth: 100%;
	--contentMinHeight: calc(100vh - var(--contentMarginTop) - var(--rowGutter) - var(--footerHeight));
  	--srcWidth: calc(50vw - (var(--colGutter)*2));
  	--srcHeight: calc(100vh - (var(--rowGutter)*6));
	--footerHeight: calc(var(--rowGutter)*4);
/***GRIDS***/
	--eightCols: repeat(8, 1fr);
	--fourteenCols: repeat(14, 1fr);
	--rowGap: var(--rowGutter);
	--colGap: var(--colGutter);
  	--gridGap: 0 var(--colGutter);
/***COLS AND ROWS***/
	--headerCols: 1 / 7;
	--menuCols: auto;
	--contentCols: 1 / 7;
	--footerCols: 1 / 7;
/***BLUR***/
  	--txtBlur: blur(1.5rem);
  	--srcBlur: blur(calc(var(--bodyMargin)*0.75));
/***SHADOW***/
  	--srcShadow: 0vw 0.25vw 1.75vw rgba(0,0,0,0.25);
  	--thumbShadow: 0vw 0.125vw 0.75vw rgba(0,0,0,0.25);
  	--textShadow: 0vw 0.25vw 0.15vw rgba(0,0,0,0.25);
/***TRANSITION***/
	--transitionProperty: color;
  	--transitionDuration: 0.15s;
	--transitionNull: 0;
}

/***FONTS
*****************************************************/
@font-face {
	font-family: Suisse Intl Regular;
	src: url("uploads/layout/Suisse-Intl-Regular.woff");
}
@font-face {
	font-family: Suisse Work Regular;
	src: url("uploads/layout/Suisse-Work-Regular.woff");
}
/* {
  	-webkit-font-smoothing: smooth;
  	-moz-osx-font-smoothing: smooth;
  	text-rendering: geometricPrecision;
} */

/***RESET
*****************************************************/
::-webkit-scrollbar {
	display: none;
}
::selection {
	color: var(--backColor);
	background-color: var(--textColor);
}
::-moz-selection {
	color: var(--backColor);
	background-color: var(--textColor);
}
html {
  	scroll-behavior: smooth;
}
body {
	position: relative;
  	margin: var(--bodyMargin);
    color: var(--textColor);
  	background: var(--backColor);
	font-family: "Suisse Intl Regular";
	font-size: var(--mediumFont);
    line-height: var(--lineHeight);
}
ul {
	display: block;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}
li {
	display: block;
}
a {
	color: var(--linkColor);
	text-decoration: none;
	transition-property: color;
	transition-duration: var(--transitionDuration);
}
a:hover {	
	/*text-decoration: var(--linkDeco);*/
	color: var(--hoverColor);
	transition-property: color;
	transition-duration: var(--transitionDuration);
}
h1, h2, h3 {
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding: 0;
	font-size: var(--mediumFont);
	font-style: normal;
	font-weight: 400;
}
p {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0;
	font-size: var(--mediumFont);
}
span {
	display: inline;
}
img {
	vertical-align: middle;
}
form, input, submit
iframe, embed, audio {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

/***HEADER AND MENU
*****************************************************/
header {
	/*
	position: -webkit-sticky;
  	position: sticky;
  	top: calc(var(--rowGutter)*.5);
	*/
	display: grid;
	grid-template-columns: var(--fourteenCols);
	grid-gap: var(--gridGap);
	z-index: 100;
}
.site_name {
	text-transform: uppercase;
	grid-column: 1 / 7;
}
nav.main_menu {
	grid-column: 7 / 11;
}
nav.sub_menu {
	grid-column: 11 / 15;
	position: relative;
}
nav.main_menu ul li.menu_item,
nav.sub_menu ul li.menu_item {
	display: inline;
}
nav.sub_menu ul li.menu_item a ~ span {
	display: none;
	position: absolute;
	top: var(--rowGutter);
	left: 0;
}
nav.sub_menu ul li.menu_item a:hover ~ span{
	display: inline;
}
/***CONTENT
*****************************************************/
.content {
  	min-height: var(--contentMinHeight);
	position: relative;
	margin-top: calc(var(--rowGutter)*3);
}

/***FOOTER
*****************************************************/
footer {
	grid-column: var(--footerCols);
	height: var(--footerHeight);
	display: flex;
	justify-content: space-between;
	align-items: end;
}

/***MEDIA QUERIES
*****************************************************/
@media (max-width:1180px) {
/***TABLET***/
}
}
@media (max-width:600px) {
/***PHONE***/
}