@charset "utf-8";
/* ------------------------------------------------------------
cagliari.css | 26.01.2024 : 15.07.2024
Author: Sebastian Saternus | e-mail: s.saternus@gmail.com
------------------------------------------------------------ */

/* -- fonts -- */
@font-face {font-family:'OpenSans-Regular'; src:url('../fonts/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family:'FjallaOne-Regular'; src:url('../fonts/FjallaOne-Regular.ttf') format('truetype');}

/* --- USTAWIENIA GLOBALNE --- */
body {
	font-family:'OpenSans-Regular',Arial,Verdana,Helvetica,sans-serif; 
	font-size:1rem; color:rgba(0,0,0,1);
	background:rgba(208,186,156,1);
	}
* {padding:0; margin:0;}
img, a img {border:0;}

@media (min-width:1199px) and (max-width:100vw) {}
/* @media screen and (min-width:1199px) {} */

/* -- LOGO -- */
#logo {
	display:block; position:fixed; width:22vw; height:16vh; left:4vw;
	border-radius:0 0 5vh 5vh;
	background:rgba(255,255,255,1) url('../img/logo-cagliari.jpg') center center no-repeat; background-size:auto 100%;
	z-index:98;
	}
/* -- LOGO: EV -- */
#logo-ev {
	display:block; width:20vw; height:12vh; margin:0 0 1.5vh;
	background:url('../img/logo-espressovet.svg') left center no-repeat; background-size:100% auto;
	}
/* -- MENU -- */
#menu {
	position:fixed; display:block; width:100%; height:12vh;
	background:rgba(255,255,255,1); box-shadow:0 0 9px rgba(0,0,0,0.2);
	font-size:1.4vw; text-align:center; text-transform:uppercase;
	z-index:97;
	}
#menu ul {
	list-style-position:inside; list-style:none;
	height:12vh; line-height:12vh; text-align:right;
	}
#menu ul li {display:inline; margin:0 2vh;}
#menu ul li a {
	color:rgba(40,20,0,1); text-decoration:none;
	padding:2.1vh 3vh 2.2vh;
	border:0px solid rgba(90,0,0,0); border-radius:5vh; box-sizing:border-box;
	background:rgba(255,255,255,0);
	transition:0.5s ease-in;
	}
#menu ul li a:hover {
	color:rgba(250,250,250,1)!important; text-decoration:none; text-shadow:0 0 2px (197,77,81,1);
	border:0px solid rgba(40,20,10,1); border-radius:5vh; box-sizing:border-box;
	background:rgba(40,20,10,1);
	transition:0.5s ease-out;
	}
#menu ul li a:active,
#menu ul li a:visited {color:rgba(40,20,0,1); text-decoration:none;}
.stay-active {color:rgba(250,250,250,1)!important; background:rgba(40,20,10,1)!important;}
/* -- MENU-BTN -- */
#menu-btn {display:none;}

/* -- HEADER -- */
#header {position:relative; height:100vh; border-radius:0 0 50vh 0;}
.header-mask {
	position:relative; width:100%; height:100%; left:0; top:0; border-radius:0 0 50vh; background:rgba(0,0,0,0.3);
	z-index:70;
	}
#header-slogan {
	position:absolute; left:5vw; bottom:0; width:50vw; height:26vh;
	font-family:'FjallaOne-Regular'; color:rgba(208,186,156,1);
	z-index:71;
	}
#header-slogan h1 {text-transform:uppercase; font-size:5vw; line-height:4vw; text-shadow:0 0 10px rgba(0,0,0,0.5);}
#header-slogan h1 span {text-transform:none; font-size:3vw;}

/* -- CONTENT -- */
.content {display:grid; width:100%; height:100vh;}
/* -- CONTENT-1 -- */
.content-1 {grid-template-columns:repeat(2, 1fr);}
.content-1 .text-panel {grid-column:2; grid-row:1; margin:16vh 0 0;}
.content-1 .foto-panel {grid-column:1; grid-row:1; margin:2vh 0;}
/* -- CONTENT-2 -- */
.content-2 {grid-template-columns:repeat(2, 1fr);}
.content-2 .text-panel {grid-column:1; grid-row:1; margin:16vh 0 0;}
.content-2 .foto-panel {grid-column:2; grid-row:1; margin:2vh 0;}
/* -- CONTENT-3 -- */
.content-3 {grid-template-columns:repeat(2, 1fr);}
.content-3 .text-panel {grid-column:1/3; grid-row:1;}
.content-3 .foto-panel {display:none;}

/* -- text -- */
.text {padding:5vw; font-size:1.55vw; color:rgba(20,10,0,1); background:rgba(90,0,0,0);}
.text h2 {padding:0 0 5vh; font-size:2.2vw; color:rgba(197,77,81,1);}
.text h2 span {font-size:1.8vw;}
.text .sygnature {display:block; text-align:right;}

/* -- kontakt-grid -- */
.text .contact {display:block; padding:2vh 0 0; font-size:1vw;}
.text .contact strong {font-size:2vw;}

#kontakt-grid a {color:rgba(40,20,0,1); text-decoration:none; transition:0.5s ease-in;}
#kontakt-grid a:hover {color:rgba(197,77,81,1)!important; text-decoration:none;}
#kontakt-grid a:active,
#kontakt-grid a:visited {color:rgba(40,20,0,1); text-decoration:none;}

/* -- BTN -- */
.btn {
	display:none; width:20vw; height:8vh; line-height:8vh; margin:0 0 0 5vw;
	color:rgba(250,250,250,1)!important; font-size:1.6vw; text-align:center; text-transform:capitalize;
	border-radius:5vh;
	background:rgba(197,77,81,1);
	text-decoration:none;
	transition:0.5s ease-in;
	}
.btn:hover {
	text-decoration:none;
	background:rgba(40,20,0,1);
	}
.btn:active,
.btn:visited {color:rgba(20,10,0,1); text-decoration:none;}

/* --- cagliari.css [ 26.01.2024 ] --- */