/*
	Theme Name: Royal Elementor Kit Child
	Theme URI: https://royal-elementor-addons.com/royal-elementor-kit/
	Template: royal-elementor-kit
	Author: WP Royal
	Author URI: https://royal-elementor-addons.com/
	Description: Truly all in one Solution For Elementor Lovers. 140+ Elementor Templates KIT, 100+ Professional Elementor Widgets, Elementor theme builder, Elementor Popup Builder, Elementor Premade blocks and many other cool features like Sticky Header, Particle effects, parallax backgrounds and many other elementor addons. Simple Install the theme, click on - Get Started with Templates Kit button and that's it. Very easy to use even for WordPress beginners or professionals. All In one Elementor Solution which outranks all other Elementor themes and Elementor addons. ########### TEMPLATES INCLUDED: Elementor Blog Template, Elementor Magazine Blog Template, Elementor Food Blog Template, Elementor Travel Blog Template, Elementor Portfolio Template, Elementor NFT Template, Elementor Pizza Restaurant Template, Elementor Travel Blogger & Influencer Template, Elementor Cybersecurity Template, Elementor Photographer Portfolio Template, Elementor Crypto Currency Template, Elementor Skin Care Template, Elementor Lawyer Template, Elementor Medical Template, Elementor Digital Agency Template, Elementor Drone Template, Elementro Architecture Template, Elementor Food Delivery Template, Elementor Construction Template, Elementor IT Technology Template, Elementor Real Estate Template, Elementor Restaurant Template, Elementor Wine Bar & Restaurant Template, Elementor Wedding Template & other beautiful elementor business templates. All these templates are created with elementor page builder. Theme Demo Page: https://royal-elementor-addons.com/royal-elementor-kit/
	Tags: blog,e-commerce,one-column,custom-background,custom-colors,full-width-template,custom-menu,custom-logo,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
	Version: 1.0.143.1776330356
	Updated: 2026-04-16 11:05:56
	
*/



:root {
    --color-ruggine: #c14432;
    --color-ocra: #f6b664;
    --color-panna: #fde9d9;
	
    /* Varianti utili */
    --color-ruggine-hover: #a83728;
    --color-ocra-light: #f9c98a;
    --color-panna-dark: #f3dcc7;
	
    /* Neutri (ti serviranno sicuro) */
    --color-text: #333333;
    --color-text-light: #ffffff;
}

p {
	font-family: "Cocomat Pro", sans-serif;
    font-weight: 600;
    color: #333333;
	font-size: 1rem;
	line-height: 1.5;
}
/*applico a tutti i link tranne quelli dell'header che hanno classe ra-header*/

a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: var(--color-ruggine);
}
a:hover { color: var(--color-ruggine); }

/* Effetto globale *
a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background-color: var(--color-ruggine);
	
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease;
}

*/

a:hover::after {
	transform: scaleX(1);
}

/* ESCLUSIONE HEADER */
.ra-header a::after {
	display: none;
}  

.wpr-button-wrap a::after {
	display: none;
}  




.bas-button {
	font-family: "Cocomat Pro", sans-serif;
    font-weight: 600;
    background-color: transparent;
    border: 2px solid var(--color-ruggine);   
    color: var(--color-ruggine);
    padding: 10px 50px;
    border-radius: 50px;
	
    transform: translateY(-10px);
    pointer-events: none;
	
	transition: all 0.3s ease 0.1s;
}

.bas-button:hover {
	
    background-color: var(--color-ruggine);
    border: 2px solid var(--color-ruggine);
    color: #fff;
	
}   

.bas-button i {font-size: 12px;}


#button-elementor span.wpr-button-icon {top:2px; position:relative;}



.bas-section-title {
	font-family: "Cocomat Pro", sans-serif !important;  
    font-size: 35px;
    font-weight: 600;
    color: #333333;
	margin: 0;
}  

.bas-section-title span{
	font-style: italic;
    font-weight: 500;
    color: var(--color-ruggine);
}  

.bas-mslm {
	font-style: italic;
    font-weight: 500;
    color: #333;;
}   

.bas-mslm i{
	font-size:20px;
    color: var(--color-ruggine);
	margin-right: 8px;
}   

/* ============================================
	APERTURA Header
============================================ */

.container-apertura-chiusura {
	position: relative;
	width: fit-content;
    background-color: #edfff4;
    padding: 4px 12px;
	border-radius: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
}

.bas-in-corso {
	font-family: "Cocomat Pro", sans-serif;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	font-size: 13px;
	font-weight: 700;
	color: #16a34a;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	vertical-align: middle;
	margin-left: 8px;
}

.bas-in-corso__ripple {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #16a34a;
	opacity: 0.6;
	animation: evp-ripple 1.8s ease-out infinite;
}

.bas-in-corso__dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #16a34a;
	flex-shrink: 0;
	position: relative;
	z-index: 0;
}

@keyframes evp-ripple {
	0% {
		transform: translateY(-50%) scale(1);
		opacity: 0.6;
	}
	100% {
		transform: translateY(-50%) scale(3);
		opacity: 0;
	}
}


/* ============================================
	LINK TESTUALE — La Baita Alpe Seccio
============================================ */

.box-link-testuale {margin-top:auto;}

.link_testuale {
	position: relative;
	display: inline-block;
	color: var(--color-ruggine);
	text-decoration: none;
	font-weight: 500;
	padding-bottom: 2px;
	font-family: "Cocomat Pro", sans-serif;
	
}

.link_testuale i {
	font-size: 13px;
}

.link_testuale:hover {
	color: var(--color-ruggine);
}

.link_testuale::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-ruggine);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease;
}

.link_testuale:hover::after {
	transform: scaleX(1);
}


/************************************************************
	
	HEADER
	
***********************************************************/

/* HEADER BASE */
.ra-header {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 999;
	background: transparent;
	transition: all 0.4s ease;
}

/* STATO SCROLL */
.ra-header.scrolled {
	position: fixed;   
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	animation: fadeDown 0.4s ease;
	    margin-top: -20px;
}

/* ANIMAZIONE */
@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* MENU SU HERO */
.ra-header a {
	color: white;
	transition: color 0.3s ease;
}

/* MENU DOPO SCROLL */
.ra-header.scrolled a {
	color: #333;
}


/* HEADER MOBILE */
.ra-header-mobile {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 999;
	background: transparent;
	transition: all 0.4s ease;
}

/* STATO SCROLL */
.ra-header-mobile.scrolled {
	position: fixed;   
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	animation: fadeDown 0.4s ease;
	    margin-top: -20px;
}

/* ANIMAZIONE */
@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* MENU SU HERO */
.ra-header-mobile a {
	color: white;
	transition: color 0.3s ease;
}

/* MENU DOPO SCROLL */
.ra-header-mobile.scrolled a {
	color: #333;
}


.container-button-header {text-align:right;}

#header-button {
	font-family: "Cocomat Pro", sans-serif;
	font-weight: 500;
	font-size: 16px;
	/* background-color: transparent;*/
	/* border: 2px solid var(--color-ruggine);*/
	color: var(--color-ruggine);
	/* padding: 10px 50px;
	border-radius: 50px;*/
	opacity: 0;
	transform: translateY(-10px);
	pointer-events: none;
	transition: all 0.3s ease;
	transition: all 0.3s ease 0.1s;
}

#header-button:hover {
	
	/*background-color: var(--color-ruggine);
	border: 2px solid var(--color-ruggine);*/
	color: var(--color-ruggine);
	
}

#header-button::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-ruggine);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease;
}

#header-button:hover::after {
	transform: scaleX(1);
}


#header-button i {font-size: 12px;}

/*bottone appare allo scroll*/
.ra-header.scrolled #header-button {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/*bottone appare allo scroll*/
.ra-header-mobile.scrolled #header-button {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

#prenotazione {
	scroll-margin-top: 100px;
}

/*logo iniziale e cambio allo scroll*/
.logo-wrapper {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 70px;
}

.logo-custom {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
}

.logo-white {
	opacity: 1;
}

.logo-dark {
	opacity: 0;
}

.ra-header.scrolled .logo-white {
	opacity: 0;
}

.ra-header.scrolled .logo-dark {
	opacity: 1;
}


.ra-header-mobile.scrolled .logo-white {
	opacity: 0;
}

.ra-header-mobile.scrolled .logo-dark {
	opacity: 1;
}



/************************************************************
	
	Info Icon home
	
***********************************************************/

.container-info-percorso {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	font-family: "Cocomat Pro", sans-serif;
	color:var(--color-panna);
	
}

.container-info-percorso .icon_info {display:flex;}

.container-info-percorso p {margin:0;display: inline;color:var(--color-panna);}

.container-info-percorso i {color:var(--color-ocra);font-size:20px;}

.container-info-percorso span {font-weight:300;font-style: italic;color:var(--color-ocra);}

.container-info-percorso .info_uno,
.container-info-percorso .info_due,
.container-info-percorso .info_tre,
.container-info-percorso .info_quattro 
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: center;
}

/************************************************************
	
	Box home
	
***********************************************************/

.box-home-servizi {
	border-left: 6px solid var(--color-ruggine);    
}

.box-home-servizi:hover {
	transform: translateY(-4px);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}


/************************************************************
	
	Iframe google
	
***********************************************************/

.map-wrapper iframe {
	border-radius: 12px;
	
}


/************************************************************
	
	Info contatti
	
***********************************************************/

.container-info-contatti {
	font-family: "Cocomat Pro", sans-serif;
	font-weight: 600;
}


.container-info-contatti .info_uno,
.container-info-contatti .info_due,
.container-info-contatti .info_tre,
.container-info-contatti .info_quattro
{
	display: flex;
	gap: 12px;
	margin-bottom: 15px;
	align-items: center;
}



.container-info-contatti .icon_info {
	background: var(--color-ruggine);
	color: #fff;
	border-radius: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	justify-content: center;
}


.container-info-contatti-orizzontale {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
}

.container-info-contatti-orizzontale .icon_info {
	background: var(--color-ruggine);
	color: #fff;
	border-radius: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	justify-content: center;
}

.container-info-contatti-orizzontale .icon_info:hover {
	background: var(--color-ruggine);
	color: var(--color-ocra);
	transition:.5s;
}


/* ============================================
	PAGINA PERCORSI
============================================ */

.bas-stima {
	font-family: "Cocomat Pro", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	margin: 0;
}  

.bas-stima span{   
	font-style: italic;
	font-weight: 500;
	color: var(--color-ruggine);
}  

/* ============================================
	PAGINA CONTATTI
============================================ */

.accettazione_form {
	margin: 20px 0;
}

.wpcf7-list-item {margin: 0;}

.wpcf7 label  {
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-family: "Cocomat Pro", sans-serif !important;
}

.wpcf7 textarea  {height:100px;}

.wpcf7  input[type="submit"]  {
	font-family: "Cocomat Pro", sans-serif !important;
	font-weight: 600  !important;
	background-color: transparent;
	border: 2px solid var(--color-ruggine);   
	color: var(--color-ruggine);
	padding: 10px 50px;
	border-radius: 50px;
	width:100%;
	
	
	transition: all 0.3s ease 0.1s;
	
}

.wpcf7  input[type="submit"]:hover  {
	background-color: var(--color-ruggine)  !important;
	border: 2px solid var(--color-ruggine)  !important;
	color: #fff  !important;
}


/*messaggi  contact form */

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
	color: #D8000C;
	background-color: #FFBABA;
	border: 0;
	padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	color: #4F8A10;
	background-color: #DFF2BF;
	border: 0;
	padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
	font: 26px/30px dashicons;
	margin-right: 16px;
	vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
	content: "\f147";
}
div.wpcf7-validation-errors:before {
	content: "\f158";
} 


/* ============================================
	BLOG archive
============================================ */

#blog_custom .wpr-grid-item .wpr-grid-image-wrap img {
	display: block;
	width: 100vw;
	height: 300px;
	border-radius: 10px !important;
	object-fit: cover;
}


#blog_custom .inner-block a.wpr-button-effect{
	font-size: 1rem;
	font-weight: 500;
	font-family: "Cocomat Pro", sans-serif;
	
	color: var(--color-ruggine);
	text-decoration: none;

}

#blog_custom .wpr-grid-item-read-more a span {
	position: relative;
	display: inline-block;
}

#blog_custom .wpr-grid-item-read-more a span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background-color: var(--color-ruggine);

	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease;
}

#blog_custom .wpr-grid-item-read-more a:hover span::after {
	transform: scaleX(1);
}

/* ============================================
	SINGLE post
============================================ */

.single-post .wpr-featured-media-image img {
	
	display: block;
	width: 100vw;
	height: 400px;
	border-radius: 10px !important;
	object-fit: cover;
}

/* ============================================
	Footer
============================================ */

a.link_footer {
	padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: "Cocomat Pro", Sans-serif;
    font-size: 14px;
    font-weight: 500;
	color: #FFFFFF;
}


/********* RESPONSIVE *******/

@media screen and (max-width: 992px) {

.container-info-percorso {gap:10px;}

.box-home-servizi > div:first-child {
    justify-content: center;
}

.box-home-servizi img {width:60px;}

.footer-custom .bas-section-title {text-align:center;}

ul .wpml-ls-menu-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}


} /*media query*/