/**
 * Theme Name: Holiday Home
 * Description: Theme for hotels and apartments. Provides support for easybooking.
 * Author: Smarky
 * Template: blocksy
 * Text Domain: holiday-home
 */

/*
Theme Name: 	Holiday Home
Theme URI: 		http://www.smarky.at/themes/holiday-home
Author: 		Smarky
Author URI: 	http://www.smarky.at
Description:	Theme for hotels and apartments. Provides support for easybooking.
Version: 		0.1.0-SNAPSHOT
Text Domain:    holiday-home
Domain Path:    /languages
Template:       blocksy
*/

:root {
    --fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --fontWeight: 400;
    --textTransform: none;
    --textDecoration: none;
    --fontSize: 16px;
    --lineHeight: 1.65;
    --letterSpacing: 0em;
    --buttonFontWeight: 500;
    --buttonFontSize: 15px;
    --has-classic-forms: var(--false);
    --has-modern-forms: var(--true);
    --form-field-border-initial-color: var(--border-color);
    --form-field-border-focus-color: var(--paletteColor1);
    --form-field-border-width: 0 0 2px 0;
    --form-selection-control-border-width: 2px;
    --form-selection-control-initial-color: var(--border-color);
    --form-selection-control-accent-color: var(--paletteColor1);
    --paletteColor1: #068c49;
    --paletteColor2: #8eca76;
    --paletteColor3: #4f4f4f;
    --paletteColor4: #0a0500;
    --paletteColor5: #EBEBEB;
    --paletteColor6: #F5F5F5;
    --paletteColor7: #ffffff;
    --paletteColor8: rgba(255, 255, 255, 0.8);
    --color: var(--paletteColor3);
    --linkInitialColor: var(--paletteColor1);
    --linkHoverColor: var(--paletteColor2);
    --selectionTextColor: #ffffff;
    --selectionBackgroundColor: var(--paletteColor1);
    --border-color: var(--paletteColor5);
    --headings-color: var(--paletteColor4);
    --content-spacing: 1.5em;
    --buttonMinHeight: 40px;
    --buttonShadow: none;
    --buttonTransform: none;
    --buttonTextInitialColor: #ffffff;
    --buttonTextHoverColor: #ffffff;
    --buttonInitialColor: var(--paletteColor1);
    --buttonHoverColor: var(--paletteColor2);
    --button-border: none;
    --buttonBorderRadius: 3px;
    --button-padding: 5px 20px;
    --normal-container-max-width: 1290px;
    --content-vertical-spacing: 60px;
    --narrow-container-max-width: 750px;
    --wide-offset: 130px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* Basics */

html, body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    overflow-x: hidden;
    background-color: #f8f8f8;
}

body {
    display: flex;
    flex-direction: column;
}

a:hover {
    text-decoration: none;
}

ul li, ol li {
    margin-bottom: var(--listItemSpacing);
}

/* Fonts */

@font-face {
    font-family: 'fontello';
    src: url('assets/fonts/fontello.eot?76817011');
    src: url('assets/fonts/fontello.eot?76817011#iefix') format('embedded-opentype'),
         url('assets/fonts/fontello.woff2?76817011') format('woff2'),
         url('assets/fonts/fontello.woff?76817011') format('woff'),
         url('assets/fonts/fontello.ttf?76817011') format('truetype'),
         url('assets/fonts/fontello.svg?76817011#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ct-sticky-container {
    position: sticky;
    top: var(--admin-bar, 0px);
}

[data-header*="type-1"] div#main-container:not(.front-page) .ct-header [data-row*="middle"] a,
[data-header*="type-1"] div#main-container:not(.front-page) .ct-header [data-row*="middle"] button {
    color: var(--paletteColor3);
    --icon-color: var(--paletteColor3);
}

div#main-container:not(.front-page) main#main.site-main {
    padding-top: var(--header-height);
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    backdrop-filter: blur(3px);
}

.front-page main article .entry-content > div h2 {
    --fontFamily: 'Playfair Display', Sans-Serif;
}

div.wp-block-uagb-tabs.uagb-tabs__hstyle2-desktop ul.uagb-tabs__panel li.uagb-tabs__active {
    border-color: var(--paletteColor1);
    border-bottom-width: 1px;
    border-style: solid;
}

/**
 * Card animation
 */
body.stk--anim-init .wp-block-stackable-card.stk-block-card.stk-block:hover {
    box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1);
    transform: scale(1.10, 1.10);
}

/**
 * Image gallery effects
 */
body.single.single-rooms .stk-img-wrapper:hover::after, body.single.single-rooms .stk-img-wrapper:hover::before {
    opacity: 0;
}

body.single.single-rooms div.taxonomy-post_tag.wp-block-post-terms a::before {
    color: var(--paletteColor1);
    content: '\e800  ';
    font-family: 'fontello';
    left: 0;
    position: relative;
    transition: var(--transition);
}
body.single.single-rooms div.taxonomy-post_tag.wp-block-post-terms a:hover::before {
    color: var(--paletteColor2);
}

body.single.single-rooms div.taxonomy-post_tag.wp-block-post-terms span.wp-block-post-terms__separator {
    visibility: hidden;
}

/**
 * easybooking
 */

/* buttons */

body.single.single-rooms .EBPRC-wrapper .EBPRC-button.EBcicolors {
    color: var(--stk-button-text-color) !important;
    cursor: pointer;
    background: var(--stk-button-background-color) !important;
    border-radius: var(--buttonBorderRadius, 3px);
    padding: var(--stk-button-padding);
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-button.EBcicolors:hover {
    filter: brightness(.9) contrast(1.2);
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-dateselection input {
    border-radius: var(--buttonBorderRadius, 3px);
    padding: var(--stk-button-padding);
    height: auto;
    width: auto;
}

/* price widget */

body.single.single-rooms .EBPRC-wrapper {
    --stk-button-text-color: var(--buttonTextInitialColor);
    --stk-button-background-color: var(--buttonInitialColor);
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-dateselection {
    width: auto;
    padding: 0;
    background: none;
    border: 0;
    clear: none;
    float: none;
    text-align: right;
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-result .EBPRC-onecategory {
    border: 0;
    background: none;
    margin: 0;
    width: auto;
    float: none;
    clear: none;
    padding: 0;
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-result .EBPRC-onecategory .EBPRC-category-title {
    display: none;
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-category-buttons {
    height: auto;
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-category-buttons > div {
    padding: 0;
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-category-buttons .EBPRC-category-servicetype {
    display: none;
}

body.single.single-rooms .EBPRC-wrapper .EBPRC-button.EBcicolors.EBPRC-calendar {
    background-color: inherit !important;
    color: inherit !important;
}