:root {

	--carta_H1_color: #F6E08B; /* client name in the middle top .c_f_h */
	--carta_client_name_color: #b58a43; /* client name in the left top #c_n */
	--carta_text_color: white;
	--carta_links_color: white;
	--carta_background_color: #1c130d;
	--carta_background_color_to: #352718;
	--carta_border_color: #998259;
	--carta_photo_gallery_shadow: transparent;
	--carta_buttons_border_color: #998259;
	--carta_buttons_hover_background_color: #1c130d;
	--carta_calls_color: #F6E08B; /* the text for calling the phone number and the phone numbers */

	--rating_img_height: 48px; /* following client name in the middle top .c_f_h */
	--logo2_rating_img_height: 24px; /* under client name in the left top #c_n */

	--carta_review_positive: var(--carta_light_blue);
	--carta_review_negative: var(--carta_light_red);
	--carta_reservation_explanation: var(--carta_light_green);

}




/* body background image - to this the dinamically generated CUSTOM_HTML_FOR_CLIENT_WEBSITE where the actual image is defined is added in page.tpl */

body {
	background-size: cover;
	background-attachment: fixed;
	box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.5) inset;
}


H1 {
	font-size: 58px;
}


/* medium */

@media (max-width: 880px) {

	body {
		background: var(--carta_background_color) !important;
		box-shadow: none;
	}

	H1 {
		color: var(--carta_client_name_color);
		text-align: center !important;
	}

	.wd {
		box-shadow: none !important;
	}

	#gd {
		padding-top: 30px !important;
	}
}



/* small */

@media (max-width: 680px) {

	H1 {
		color: var(--carta_client_name_color) !important;
	}

	.c_f_h {
		text-align: center;
	}

	.c_f_h H1 span {
		display: block;
		text-align: center;
	}
}


#logo_up {
	display: none;
}

#path {
	display: none;
}

#gd {
	background: none;
	border: none;
	padding-top: 50px;
}

#n_m A:hover {
	text-shadow: 0 0 25px var(--carta_client_name_color);
}

.rate {
	color: var(--carta_H1_color);
}

#c_n, .c_f #buttons {
	top: 200px;
}

.wd {
	padding-top: 40px;
	background-image: linear-gradient(to bottom, var(--carta_background_color) 300px, var(--carta_background_color_to) 800px);
}

#logo2 {
	opacity: 1 !important;
}

#logo2 img, .s_m {
	display: none;
}


#p_f {
	background: none;
	min-height: auto !important;
}

#p_f .logo {
	display: none;
}

#p_f ul {
	display: none !important;
}

#qrc {
	display: none !important;
}

#phones .logo img {
	visibility: hidden;
	height: 100px;
}

.bottom {
	display: none;
}



.all_img img, .c_f_b #map, #panorama {
	box-shadow: 3px 3px 5px var(--carta_photo_gallery_shadow);
}


#nav_top img { /* this is the CARTA logo */
	display: none;
}