/*!
* 
* elipte.com
* 
*/

@font-face {
    font-family: 'Frutiger';
    src: url('/css/FrutigerLT-Roman.woff2') format('woff2'),
        url('/css/FrutigerLT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger';
    src: url('/css/FrutigerLT-Bold.woff2') format('woff2'),
        url('/css/FrutigerLT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    background-image: url("/media/bg.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    font-family: 'Frutiger', sans-serif;
}

a {
    color: black;
}

#cursor {
    position: absolute;
    z-index: 100;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    mix-blend-mode: difference;
    pointer-events: none;
    transition: transform .15s ease-in-out;
    opacity: 0.1;
  }

.cursor_scale {
    opacity: 1 !important;
    transform: scale(1.8);
}

.small_img {
    max-width: 110px;
    max-height: 110px;
}


/* HEADER */

.navbar {
    background: none;
}

.navbar-item img {
    max-height: none !important;
    width: 176px;
    height: 200px;
    padding: 25px;
    padding-left: 15px;
}

.navbar-item, .navbar-link {
    color: #000;
    /*padding: 0rem 1.3rem;*/
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background-color: #ffffff;
    color: #313131;
}

.navbar-link:not(.is-arrowless)::after {
    border-color: #000000;
}

.navbar-burger {
    transform: scale(1.5);
    margin-top: 20px;
    margin-right: 20px;
}

.navbar-burger:hover {
    background-color: none;
}

/* FOOTER */
.elipte {
    color: #ff4d4d !important
}

/* OTHER */

hr {
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
}


/* Flashing */
.hover img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* MEDIA */

@media screen and (max-width: 1024px) {
    #cursor {
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    .navbar-item.has-dropdown {
        height: 40px;
        margin-top: 88px;
    }
}

@media (min-width: 768px) {
    .modal-content {
        width: 70% !important;
    }
}