/* Font */
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
	--color1: #B9EAFA;
    --light-color1: #F0FCFF;
	--color2: #FFDAC4;
    --alpha-color2: rgba(246,176,134,.8);
    --light-color2: #FFF4E7;
    --color3: #3C5B69;
    --color3_alt: #6A9CB2;
    --color4: #466A84;
    --midle-color3: #D5F5FF;
    --color5: #FFB9CF;
    --dark-color5: #E66C91;
    --black: #000;
	--grey: #929292;
	--lightgrey: #B9EAFA;
    --white: #fff;
    --alpha-black: rgba(0, 0, 0, 0.5);
    --alpha-white: rgba(255,255,255,0.95);

    --font-family-1: "Kodchasan", sans-serif;
	--font-family-2: "Montserrat";
	--font-family-3: "Montserrat";
    --icon: "Font Awesome 6 Pro";
	--font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-size-xs: 1.4rem;
    --font-size-bs: 1.6rem;
    --font-size-sm: 2.1rem;
    --font-size-md: 2.8rem;
    --font-size-lg: 3.2rem;
    --font-size-xl: 4rem;
    --font-size-xxl: 5rem;

	--w-container: 1170px;
	--h-spacing: ;
}

body.smartphone {
    --font-size-xs: 12px;
    --font-size-bs: 14px;
    --font-size-sm: 20px;
    --font-size-md: 22px;
    --font-size-lg: 24px;
    --font-size-xl: 25px;

    --w-container: 1170px;
    --h-spacing: ;
}



.text_dyn a, .text_dyn a:hover, .text_dyn a:focus, .text_dyn a:visited { color: var(--color3); }
#content .body .sx .text_dyn a { text-decoration: underline; }
#menu-pills ul.nav li a { color: var(--color3); }
body { padding-top: 130px!important; }

/* Slideshow */
#slideshow-cnt { overflow: hidden;}
#slideshow .caption h3 { font-weight: var(--font-weight-bold); }
#home #slideshow .elem.tns-item .caption { display: flex; flex-direction: column-reverse; }

/* Booking Mask */
#booking form input[type="submit"],
#booking #bei .b_mask .guests_wrapper_ok { background-color: var(--color2); color: var(--color4); }
#booking.type1 .title { color: var(--color3); font-weight: var(--font-weight-bold); }
#booking form .form.field.date { border-color: var(--color3); }
#booking.type1 { background-color: var(--midle-color3); }
#booking form { background-color: var(--midle-color3); }
#booking.type1 { padding-top: 40px; }
#booking #bei .b_mask .merge_group > .form.select { background-color: var(--light-color1); }
#booking form .form.field.date .date_from_html .month_name { display: none; }
#booking .form .date_from_html .month_name_tiny { display: inline-block; font-family: var(--font-family-3); font-size: var(--font-size-md); color: var(--black); text-align: left; line-height: 1; letter-spacing: 0;}

/* Vetrina alt */
body.body_pagina_vetrina_alt #page #content .body .sx { text-align: center; }

header .down .booking_btn a, header .down .booking_btn .varsimple { background-color: var(--color4); }
.edit_search .varsimple { border-color: var(--color3); }

/* BEI */
#order_template_wrapper .service_title .caption:not(.subcontents .caption) .price { color: var(--color3); font-weight: var(--font-weight-medium); }
#page.ecommerce .heading .title { color: var(--dark-color5); font-weight: var(--font-weight-bold);}
.template_filters .filter_checkbox .filter_key { background-color: var(--color3); }
.template_filters .form_checkbox .checkbox:before { border-color: var(--color4); }
.template_filters .form_checkbox .checkbox:after { background-color: var(--color4); }
.template_filters .form_checkbox .checkbox.checked:before { background-color: var(--color4); border-color: var(--color4); }



/* BEI Smartphone */
.smartphone #varsimple_reservation_mobile { background-color: var(--color3); }
.smartphone .ztemplate_rooms .subcontents .product_selection_wrap { /* color: var(--white); */ }
.smartphone #page_error .caption { text-align: center; }

/* Smartphone */
.smartphone.body_camera #top_seo { text-align: center; }

@media (max-width: 1720px){
    header .cnt { padding: 15px 20px; }
}


@media (max-width: 1600px){
    header .cnt { padding: 15px 20px; }
    #menu-pills ul.nav li a { font-size: calc( var(--font-size-xs) * .85); padding: 10px 0; }
}

@media (max-width: 1490px){
    #menu-pills ul.nav li a {  padding: 0; }
}