<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Hotel Galassia Theme (OceanWP)
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress child theme for Hotel Galassia
Author: Mattia Oss
Author URI: https://mattia.elpiro.it/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*
 * HE:    --themecolor: Harvest Gold;		#EDE275
 * HF:    --themecolor: DarkOrange;			#FF8C00
 * HG:    --themecolor: DarkKhaki;			#BDB76B
 * HP:    --themecolor: DeepSkyBlue;		#00BFFF
 * RP:    --themecolor: MediumAquaMarine;	#66CDAA
*/

/*
 * Hotel Galassia 2025
 * #98977f Dark grayish yellow
 * https://www.colorhexa.com/98977f
 * https://encycolorpedia.it/98977f
*/

/* -------- Main vars -------- */
:root {
    --themedark		: #939383;
    --themecolor	: #B5B5A7;
    --themelight	: #DCDCD7;
    --invertito		: #4A4A58;
    --gchiarissimo	: #F4F4F4;
    --gchiaro		: #98A5AD;
    --gscuro		: #323232;
    --sticky		: #333333BD;
    --themefont		: JURA;
    --tortora       : #B9B8A3;
    --blu           : #1E204E;

}
/* --------------------------- */

/* Rendi il n. di telefono piÃ¹ visibile */
.menu-item-telefono {
    font-weight: bold;
	font-size:1.5em;
}

/* Cambia il colore del test 'prezzi' on hover */
#site-navigation-wrap .dropdown-menu &gt; li.btn &gt; a &gt; span:hover {
	color: var(--gscuro);
}

#site-navigation-wrap.clr {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* ------------------------------------  */

/* ------------- My styles --------------- */

/* .btn-richiesta { */
/*     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); */
/* } */

.title-mattia {
    font-family: var(--themefont);
    color: var(--themecolor);
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
}

.title-mattia:hover{
    color: var(--gscuro);
}

.text-mattia {
    font-family: var(--themefont);
    font-size: 16px;
    margin: 5px;
}

.divider-mattia {
    color: var(--themecolor);
    border-top-color: var(--themecolor);
}

/* -------- Box with border  -------- */
.box-with-border {
    border-top: 2px solid var(--themecolor);
    border-radius: 5px;
    box-shadow: 0 0 10px;
    background-color: white;
    margin-bottom: 30px;
}

.page-header h1.page-header-title {
	color: var(--themedark);
}

.page-header {
	background-image: linear-gradient(180deg, var(--sticky) 0%, #FFFFFF 100%);
}


/* ---------------------------------------------- */
/* -------------- New request form -------------- */
/* ---------------------------------------------- */

.wpcf7-form label {
	color:black;
}

#req-roomtype {
    border-color: black;
    border: 1px;
}

#req-arrdate, #req-depdate, #req-roomtype, #req-arrangement, 
#req-ads, #req-kids, #req-kid1, #req-kid2, #req-kid3, 
#req-kid4, #req-kid5, #req-kid6, #req-kid7,
#req-lastname, #req-firstname, #req-email, #req-phenum, 
#req-origin, #req-notes, #req-quiz { 
	color:black;
	background-color: white;
    border: 1px;
	border-style: solid;
    border-color: black;
	border-radius: 5px;
	padding: 0 0 0 8px;
}

#req-ads, #req-kids { max-width: 100px;}

#req-kid1, #req-kid2, #req-kid3, 
#req-kid4, #req-kid5, #req-kid6, #req-kid7, form input[type="number"] {
	max-width: 50px;
}
#req-phenum {
	padding-left: 50px;
}

#rep-submit {
    /* background-color: var(--gscuro); */
    color: black;
    border-color: var(--gscuro);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    background-color: white;
}

#rep-submit:hover {
    background-color: black;
    color: white;
}
.divreq-1stline { 
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; 
}

/* Default on mobile: everything on 1 line */
.divreq-1stline &gt; * { flex: 1 100%; }

.divreq-2ndline, .divreq-3rdline { 
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

/* .divreq-2ndline */
.divreq-arrangement, .divreq-roomtype { flex: 1 100%; }
/* .divreq-arrangement, .divreq-roomtype, .divreq-adults, .divreq-kids { flex: 1 100%; } */

.req-sep {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    clear: right;
    color: var(--themecolor);
    font-size: 2em;
    text-align: center;
}

.req-quiz { width: 15%;  }
.req-send { width: 80%;  }
/* --------------------------------- */

/* On bigger screens */
@media all and (min-width: 600px) {
    /* .divreq-1stline */
    .divreq-1stline &gt; * { flex: 1 auto; }
    .divreq-arrdate { margin-right: 2%; }
    .divreq-arrdate, .divreq-depdate { width: 45%; }
    /* .divreq-2ndline */
    /* .divreq-2ndline { justify-content: space-between; } */
    .divreq-arrangement, .divreq-roomtype { flex: 2 auto; width: 40%; margin-right: 1%;}
    .divreq-adults, .divreq-kids { flex: 1 auto; width: 8%;  }
    .divreq-adults { margin-right: 1%;  }
}
/* --------------------------------- */

.req-w100,
.req-w49,
.req-w40,
.req-w30,
.req-w23,
.req-w19,
.req-w14,
.req-w8 {
    position: relative;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
	color: black;
}
.req-w100 { width: 100%; margin-right: 0; margin-bottom: 20px; }
 
/* .req-w101 { width: 100%; text-align: center; margin-right: 0; } */
.req-w49 { width: 49%; }
.req-w40 { width: 40%; }
.req-w30 { width: 30%; }
.req-w23 { width: 23%; }
.req-w19 { width: 19%; }
.req-w14 { width: 17%; }
.req-w8  { width:  8%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
/* --------------------------------- */

/* Remove the ugly style of the 'disable' attribute */
#req-arrdate, #req-depdate, #wp-ber-arrdate, #wp-ber-depdate {
    cursor: pointer;
    background-color: white;
    text-align: center;
}

#req-arrdate:hover, #req-depdate:hover, #req-roomtype:hover, #req-arrangement:hover, 
#req-ads:hover, #req-kids:hover, #req-kid1:hover, #req-kid2:hover, #req-kid3:hover, 
#req-kid4:hover, #req-kid5:hover, #req-kid6:hover, #req-kid7:hover,
#req-lastname:hover, #req-firstname:hover, #req-email:hover, #req-phenum:hover, 
#req-origin:hover, #req-notes:hover, #req-quiz:hover, #rep-submit:hover,
#req-arrdate:focus, #req-depdate:focus, #req-roomtype:focus, #req-arrangement:focus, 
#req-ads:focus, #req-kids:focus, #req-kid1:focus, #req-kid2:focus, #req-kid3:focus, 
#req-kid4:focus, #req-kid5:focus, #req-kid6:focus, #req-kid7:focus,
#req-lastname:focus, #req-firstname:focus, #req-email:focus, #req-phenum:focus, 
#req-origin:focus, #req-notes:focus, #req-quiz:focus, #rep-submit:focus  { 
    box-shadow: 0px 0px 5px 0px var(--gscuro); 
}

#wp-ber-arrdate:hover, #wp-ber-depdate:hover, #wp-ber-ads:hover, #wp-ber-submit:hover  { 
    box-shadow: 0px 0px 5px 0px var(--gscuro); 
}

/* -------- Mobile -------- */
@media only screen and (max-width: 850px) {
    .col-date {
        width: 99%;
        margin-right: 0;
        }
    .col-ads,
    .col-but {
        width: 40%;
        margin-right: 0;
    }
    .req-w49,
    .req-w30,
    .req-w19,
    .req-w14 {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
    .req-w8 {
        width: 25%;
        margin-right: 0;
    }
    .topbar-box-col {
        margin: 5px;
        width: 100%;
    }

    .topbar-contact a, .topbar-contact li {
        justify-content: center;
    }

}

/* ---------------------------------------------- */
/* -------------- End request form -------------- */
/* ---------------------------------------------- */

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  /* display: inline-block; */
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

.blinking {
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: var(--gscuro); }
    49%{    color: var(--gscuro); }
    60%{    color: transparent; }
    99%{    color: transparent; }
    100%{   color: var(--gscuro); }
}


/* --------------------------------------- */

/* Elementor bug, see: https://github.com/elementor/elementor/issues/7227 */
div.elementor-social-icons-wrapper a.elementor-icon.elementor-social-icon.elementor-social-icon-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

/* ----------------------- Shiny Button ----------------------- */

@keyframes sheen {
  0% {
	transform: skewY(-45deg) translateX(0);
  }
  100% {
	transform: skewY(-45deg) translateX(12.5em);
  }
}

.wrapper {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a.btn-richiesta {
	padding: 0.75em 2em;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #fff;
	background-color: var(--themedark);
	border: 1px solid var(--themelight);
	font-size: 2em;
	font-weight: 600;
	display: inline-block;
	border-radius: 0.3em;
	transition: all 0.2s ease-in-out;
	position: relative;
	overflow: hidden;
	&amp;:before {
		content: "";
		background-color: rgba(255,255,255,0.5);
		height: 100%;
		width: 3em;
		display: block;
		position: absolute;
		top: 0;
		left: -4.5em;
		transform: skewX(-45deg) translateX(0);
		transition: none;
	}
	&amp;:hover {
		background-color: var(--themedark) !important;
		filter: brightness(120%);
		/* color: #fff; */
		color: var(--gscuro);
		/* border-bottom: 4px solid darken(var(--themecolor);, 10%); */
		&amp;:before {
			transform: skewX(-45deg) translateX(13.5em);
			transition: all 0.5s ease-in-out;
		}
	}
}

/* ----------------------- News Form ----------------------- */

form input[type="email"].news-email { 
	color: var(--gscuro);
	background-color: #fff;
	height: 50px;
	width: 100%;
}
form input[type="email"].news-email:focus { 
	border-color: #fff;
}

/* div.news-line2 { */
/*     flex: 1 auto; */
/*     margin: 10px 0px; */
/* } */

.news-gdpr + .wpcf7-list-item-label { 
	color: #fff;
}

/* div.news-line3 { */
	/* flex: 1 auto; */
	/* text-align: center; */
/* } */

input[type="submit"].news-invia {
	border-radius: 5px;
	position: absolute;
	right: 15px;
	transform: translateY(9%);
	z-index: 1;
	/* top: 8%; */
	/* padding: 0 10px; */
	/* height: 50% */
}

input[type="submit"].news-invia:hover {
	color: var(--gscuro);
	border: 1px solid;
}

/* Spinner in his own line */
/* .wpcf7-spinner { display: block } */
/* Spinner disabled */
.news-invia + .wpcf7-spinner {
	display: none !important;
	visibility: hidden !important;
}

</pre></body></html>