/*DESKTOP*/

/* global variables */
:root {
	/*font sizes*/
	--smallFont: 1rem;
	--mediumFont: 1.4rem;
	--largeFont: 1.8rem;
	/* text formats */
	--letterSpacing: 0em;
	--wordSpacing: 0em;
	--lineHeight: 1.1;
	/* margins */
	--marginX: calc(var(--mediumFont) * var(--lineHeight));
	--marginY: var(--mediumFont);
	--bodyMargin: var(--marginX) var(--marginY);
	--rowMargin: calc(var(--mediumFont) * var(--lineHeight));
	/* grid */
	--gridSetUp: repeat(4, 1fr);
	--gridMargin: var(--marginY);
	/*color and deco*/
	--paletteWhite: #f5f5f5;
	--paletteBlack: #000000;
	--paletteGray: #DDDDDD;
	--backColor: var(--paletteWhite);
	--textColor: var(--paletteBlack);
	--linkColor: var(--paletteBlack);
	--hoverColor: var(--paletteGray);
	--linkDeco: line-through;
    /* elements */
    --divWidth: auto;
    --divHeight: calc(100vh - var(--rowMargin)*5);;
    --srcMaxWidth: calc(100vh - var(--rowMargin)*5);
    --srcMaxHeight: calc(100vh - var(--rowMargin)*7.5);
    --txtMaxWidth: calc(100vh - var(--rowMargin)*5);
    --txtMaxHeight: calc(100vh - var(--rowMargin)*7.5);
    --buttonWidth: 1.6rem;
    --buttonHeight: 1.6rem;
	/* transitions */
	--transitionTime: .15s;
	/* opacity */
	--txtOpacity: 0;
	--srcOpacity: 0;
	/* blur */
	--txtBlur: blur(1.5rem);
	--srcBlur: blur(calc(var(--bodyMargin)*0.75));
	/* shadow */
 	--boxShadow: 0vw 0.15vw 1.25vw rgba(0,0,0,0.25);
	--boxShadowThumb: 0vw 0.1vw 0.75vw rgba(0,0,0,0.25);
	--textShadow: 0vw 0.15vw 0.15vw rgba(0,0,0,0.25);
}

/* scrollbar */
::-webkit-scrollbar {
	display: none;
}

/* selection */
::selection {
	color: var(--backColor);
	background: var(--textColor);
}

::-moz-selection {
	color: var(--backColor);
	background: var(--textColor);
}

/* type formats */
@font-face {
  font-family: Sectra Display Regular;
  src: url("fonts/sectra-display-regular.woff");
  
}

@font-face {
  font-family: Sectra Display Italic;
  src: url("fonts/sectra-display-italic.woff");
}

h1, h2, h3, h4, h5 {
	font-weight: 400;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding: 0;
    margin: 0;
    display: inline;   
}

p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    /*margin-inline-end: 8px;*/
    margin-inline-end: 0;
    padding-inline-start: 0;
}

a {
	text-decoration: none;
    color: var(--linkColor);
    transition: color var(--transitionTime);
}

/*
a:hover {
    border-bottom: 1px solid #008c96;
}
*/

/* multilingual */
body.en .es, body.es .en {
	display:none;
}

/* body */
body {
    margin: var(--bodyMargin);
    position: relative;
    font-family: Sectra Display Regular;
    font-size: var(--mediumFont);
    line-height: var(--lineHeight);
    color: var(--textColor);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background: var(--backColor);
}

/* menu */
/*
.site-title h1, nav.main-menu a, nav.main-menu span{
	font-family: Lars Medium;
    font-size: 2.5vw;
}
*/

.site-title {
}

.site-title a:hover{
}

nav.main-menu {
	font-family: Sectra Display Regular;
    font-size: 9vh;
    line-height: var(--lineHeight);
    position: absolute;
    top: 4vh;
    left: 2.5vw;
    text-transform: uppercase;
    pointer-events: none;
    z-index: 99;
}

nav.main-menu a {
	transition: color .2s;
    pointer-events: auto !important;
}

nav.main-menu a:hover {
	color: red;
}

ul.sub-menu a {
	text-transform: capitalize !important;
    font-style: italic;
}

/*
nav.main-menu li.menu-button{
	cursor: pointer;
    position: absolute;
    right: 0;
    transition: color .15s;
}

nav.main-menu li.menu-button:hover {
	color: #008c96;
}

li.menu-button {
	position: relative;
}

li.menu-button.close:after {
	content: url(images/uploads/layout/close.svg);
    width: 1.8vw;
    height: auto;
    position: absolute;
    top: 0.7vw;
    right: 0;
}

li.menu-button.close span {
	display: none;
}
*/

nav.main-menu, ul.menu-items {
    text-align: left;
}

ul.menu-items {
    margin-top: -5vh;
}

/*
ul.menu-items.open {
	display: flex;
}

ul.menu-items li.item{
	margin-left: 2.2vw;
}
*/

/* content */
.content {
}

/* pre-loader */
#loading {
	width: 100vw;
    height: 100vh;
    /*background: #111111;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: .3s;
    pointer-events: none;
}

#loading img{
	width: 100vw;
    /*filter: brightness(5);*/
}

#loading.loaded {
	opacity: 0;
	pointer-events: none;
}

/*TABLET*/
@media (max-width:1024px) {
	
	:root {
		--mediumFont: var(--smallFont);
	}
	
}

/*MOBILE*/
@media (max-width:600px) {

	:root {
		--mediumFont: var(--smallFont);
	}

}