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

/*SELECTION*/
::selection, ::-moz-selection {
	color: #f5f5f5;
	background: transparent;
}

/*TYPE FORMATS*/
@font-face {
  font-family: Lars Regular;
  src: url("fonts/Lars-Regular.woff");
}

@font-face {
  font-family: Lars Regular Italic;
  src: url("fonts/Lars-Regular-Italic.woff");
}

@font-face {
  font-family: Lars Medium;
  src: url("fonts/Lars-Medium.woff");
}

@font-face {
  font-family: Lars Medium Italic;
  src: url("fonts/Lars-Medium-Italic.woff");
}

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

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

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

a {
	text-decoration: none;
    color: #000000;
    transition: color .15s;
}

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

/*multilingual*/
body.english .spanish, body.spanish .english {
		display:none;
}

/*BODY*/
body {
	font-family: Lars Regular;
    font-size: 1.4vw;
    color: #000000;
    margin: 0.7vw 1.2vw;
    position: relative;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background: #ffffff;
}

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

.site-title {
	/*
	position: absolute;
    top: 0;
    left: 0;
    */
    /*margin: 0.5vw 0 0 1vw;*/
    transition: color .15s;
}

.site-title a:hover{
	color: #008c96;
}

nav.main-menu {
    position: absolute;
    top: 0;
    right: 0;
    /*margin: 0.5vw 1vw 0 0;*/
}

nav.main-menu a {
	transition: color .15s;
}

nav.main-menu a:hover {
	color: #008c96;
    /*border-bottom: 1px solid #008c96;*/
}

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

nav.main-menu li.menu-button:hover {
	color: #008c96;
    /*border-bottom: 1px solid #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;
}

/*
li.menu-button.close img {
	width: 50px;
    height: 50px;
}
*/

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

ul.menu-items {
	/*display: flex;*/
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: 4vw;
    /*
    opacity: 0;
   	transition: width .3s;
    */
}

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

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

/*CONTENT*/
.content {
	position: relative;
	margin-top: 2vw;
}

/* LANGUAGE SWITCHER */
.english .spanish, .spanish .english {display:none !important;}

/* SMOOTH IMG */
img {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

/*TABLET*/
@media (max-width:1024px) {
/* BODY */
body {
    font-size: 2.3vw;
}

li.menu-button.close:after {
    top: .2vw;
}

}

/*MOBILE*/
@media (max-width:600px) {
/*BODY*/
body {
    font-size: 3.6vw;
    color: #000000;
    margin: 1.5vw 2.5vw;
}

/*CONTENT*/
.content {
	padding-top: 42px;
}

/*SITE-TITLE AND MENU*/
.site-title {
    background: white;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 1.5vw 2.5vw;
    z-index: 99;    
}
body.media .site-title {
    background: #008C96;
}

.site-title h1, nav.main-menu a, nav.main-menu span{
    font-size: 6vw;
}

ul.menu-items.open {
    background: white;
    display: block;
	position: fixed;
    top: 42px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 42px);
    padding-top: 2vw;
    text-align: left;
    z-index: 99;
}

nav.main-menu li.menu-button{
    cursor: pointer;
    position: fixed;
    right: 0;
    right: 2.5vw;
    transition: color .15s;
    z-index: 100;
}

li.menu-button.close:after {
	width: 3.6vw;
    height: auto;
    position: absolute;
    top: 2.5vw;
    right: 0vw;
    z-index: 999;
}

}