/**
 * Theme Name: Kairos - Child Aitec Theme
 * Template: aitec
 * Theme URI: http://aitec.it
 * Author: The Aitec Team
 * Author URI: http://aitec.it
 * Description: A special theme created (with love!) for Kairos
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: kairos
 */

  :root {
    --text-base-size: 16px;
    --text-base-font: 'Noto Sans', sans-serif;
    --text-alt-font: 'Playfair Display', sans-serif;
    --primary-color: #90212a;
    --primary-color-alpha: #90212acc;
    --primary-color-text: #ffffff;
    --primary-color-variant: #742e34;
    --primary-color-variant-text: #f5efe6;
    --secondary-color: #fff;
    --secondary-color-alpha: #ffffff34;
    --secondary-color-text: #101828;
    --secondary-color-variant: #b3b3b3;
    --secondary-color-variant-text: #ffffff;
    --tertiary-color: #101828;
    --tertiary-color-alpha: #101828cc;
    --background-color: #ffffff;
    --background-color-alpha: #ffffffe7;
    --background-color-text: #6a7282;
    --surface-color: #ffffff;
    --surface-color-text: #000000;
    --error-color: #b00022;
    --error-color-text: #ffffff;
    --header-height: 80px;
    --header-height-inner: 80px;
    --standard-margin: 4rem;
}

#main-header { background-color: var(--background-color); border-bottom: none; }
#main-header.sticky { background-color: var(--background-color); border-bottom: 1px solid #9c9c9c85; }
.inner #main-header { border-bottom: 1px solid #9c9c9c85; }

a:visited, a:active { color: var(--primary-color); }

#logo-wrapper { left: 10rem; padding: 0; }
#logo-wrapper .logo { height: 95%; }

.main-content { padding: var(--standard-margin) 0 0 0; }
.home .main-content { padding: 9rem 0 0 0; }

h1,h2,h3,h4,h5,h6 { color: var(--tertiary-color); font-family: var(--text-alt-font); }
.deco-title { position: relative; color: var(--tertiary-color); letter-spacing: normal; margin-bottom: 3rem; }
.deco-title::after { content: ""; width: 4rem; height: 4px; position: absolute; left: 0; bottom: -1.5rem; background-color: var(--primary-color); }
.deco-title.centro::after { left: 50%; transform: translateX(-50%); }
.deco-title.destra::after { right: 0; }

.deco-title .eyelet { margin-bottom: 0; }

#main-menu-wrapper { width: 100%; display: inline-block; }
#main-menu { display: flex; height: var(--header-height); justify-content: end; list-style: none; padding: 0 10rem 0 0; margin-bottom: 0; margin-top: 0; align-items: center; }
#main-menu > li > a { position: relative; font-size: 1rem; color: var(--tertiary-color); padding: 1rem; text-transform: uppercase; font-weight: 300; }
#main-menu > li:hover a, #main-menu li.current_page_item > a { text-decoration: none; }

#main-menu-wrapper .language-selector-wrapper { position: absolute; display: block; right: 0; margin-right: 4rem; padding-bottom: 1.5rem; top: 50%; transform: translateY(-50%); }

.btn.btn-default { padding: var(--bs-btn-padding-y) calc(var(--bs-btn-padding-x)*2); color: var(--primary-color-text); font-family: var(--text-base-font); background-color: var(--primary-color); font-weight: 500; border: 1px solid var(--primary-color); border-radius: 0; }
.btn.btn-default:active, .btn.btn-default:visited { border: 1px solid var(--secondprimaryary-color); }
.btn.btn-default:hover { color: var(--primary-color); border: 1px solid var(--primary-color); background-color: transparent; text-decoration: none; }
.btn.btn-default.transparent { background-color: transparent; border-color: var(--primary-color-variant-text); color: var(--primary-color); }
.btn.btn-default.transparent:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--primary-color); }

/*Mobile Menu*/
#mobile-menu-toggle { display:none; position: absolute; height: auto; cursor: pointer; z-index: 3; width: var(--header-height); padding: 1em; right: 0; top: 50%; transform: translateY(-50%); }
#mobile-menu-toggle span { height: 3px; background-color: var(--primary-color); width: calc((var(--header-height)) / 3); display: block; margin: 0.5em auto; }
#mobile-menu-toggle span:first-child { margin: 0.8em auto 0.25em auto;}
#main-menu-offcanvas .offcanvas-menu-container { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 1rem; }
#main-menu-offcanvas #mobile-menu { padding: 0; list-style: none; }
#main-menu-offcanvas #mobile-menu li  { padding: 0.5rem 0; font-size: 1.2rem; font-family: var(--text-alt-font); }
#main-menu-offcanvas #mobile-menu li a { font-size: 1.2rem; font-family: var(--text-alt-font); }
.offcanvas-body .btn-close { position: absolute; top: 2rem; right: 1rem; }

/*Icon Row*/
.icon-row-wrapper { display: table; padding: 0.5rem 0; }
.icon-row-wrapper > i, .icon-row-wrapper > span { display: table-cell; }
.icon-row-wrapper > i { padding: 0 0.8rem 0 0; color: var(--primary-color); }
.icon-row-wrapper > span { font-size: 1rem; }

/*SUITE ROW*/
.suite-row { padding-bottom: calc(var(--standard-margin) * 1.5); }
.suite-row .image-wrapper { padding-bottom: 0; margin-bottom: 0; }
.hentry.suite_post .image-wrapper { padding-bottom: 0; margin-bottom: 0; }
.hentry.suite_post { margin-bottom: var(--standard-margin); }

/*SLIDER*/
#slider-wrapper { position: relative; }

/*BREADCRUMBS*/
#bcrumbs-wrapper { background-color: var(--primary-color); margin-top: var(--header-height);}

/*SOCIAL ROW*/
.social-row { padding: 0; list-style: none; }
.social-row li { display: inline-block; margin-right: 0.4rem; }
.social-row li:last-child { margin-right: 0; }
.social-row li a { display: block; background-color: #00000041; color: var(--secondary-color); border-radius: 50%; height: 3rem; width: 3rem; text-align: center; padding-top: 5px; font-size: 1.6rem; }
.social-row li a:hover { background-color: #00000086; }

/*INFO BLOCK*/
.info-block-wrapper { text-align: center; padding: 1rem 0; }
.info-block-wrapper i { font-size: 1.5rem; width: 3rem; height: 3rem; color: var(--primary-color); padding-top: 0.7rem; margin-bottom: 1rem; background-color: #00000015; border-radius: 50%; }
.info-block-wrapper h3 { color: var(--tertiary-color); font-size: 1.2rem; }

/*DECO LINK*/
.deco-link-wrapper i { color: var(--tertiary-color); }
.deco-link-wrapper a { text-decoration: none; }
.deco-link-wrapper a span { position: relative; display: inline-block; text-transform: uppercase; color: var(--tertiary-color); font-size: 0.9rem; font-weight: 600; padding-bottom: 0.5rem; }
.deco-link-wrapper a span::after { content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; height: 2px; background-color: var(--primary-color); }

/*PAGE AND SUITE SLIDER*/
#page-slider-wrapper figure { aspect-ratio: 23/9; }
#page-slider-wrapper, #suite-slider-wrapper { position: relative; }
#page-slider-wrapper, #suite-slider-wrapper figure { border-radius: 6px; }
#page-slider-wrapper #page-slider-content-wrapper { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#page-slider-wrapper #page-slider-content-wrapper .text-wrapper { position: relative; z-index: 1; background-color: var(--background-color); padding: 2rem; -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2); border-radius: 6px; }

/*SUITE SLIDER*/
#suite-slider-wrapper figure { aspect-ratio: 23/9; }
#suite-slider-content-wrapper { position: absolute; left: 6%; right: 6%; bottom: -15%; height: auto; z-index: 1; background-color: var(--background-color); padding: calc(var(--standard-margin)/2); border-radius: 6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2); }

/*SUITE FEATURED IMAGES*/
#suite-featured-image-header { padding-top: 1rem; }
#suite-featured-image-header figure { height: 100%; aspect-ratio: auto; }
#suite-featured-image-header .image-wrapper { margin: 0; padding-bottom: 1.5rem; }
#suite-featured-image-header .image-wrapper.full { height: 50vh; }
#suite-featured-image-header .image-wrapper.half { height: 50%; }
#suite-title-block { background-color: var(--background-color); opacity: 1; padding: 2rem; border-radius: 6px; box-shadow: 0 0 1em rgba(0,0,0,0.4); margin-bottom: calc(var(--standard-margin)/2); }

/*SUITE SIDEBAR*/
.suite-sidebar { background-color: var(--primary-color); padding: 2rem; border-radius: 6px; margin-bottom: var(--standard-margin); }
.suite-sidebar h3 { color: var(--primary-color-text); margin-bottom: 1rem; }
.suite-sidebar .booking-form h3 { color: var(--primary-color); }
.suite-sidebar .icon-row-wrapper, .suite-sidebar .icon-row-wrapper i { color: var(--primary-color-text) !important; }
.suite-sidebar .deco-link-wrapper a span, .suite-sidebar .deco-link-wrapper i { color: var(--primary-color-text); }
.suite-sidebar .deco-link-wrapper a span::after { background-color: var(--primary-color-text); }

/*BOOKING FORM*/
.slider { position: relative; }
.booking-form-wrapper { position: absolute; left: 10%; right: 10%; bottom: 0; transform: translateY(50%); z-index: 1; }
.booking-form-wrapper .booking-form { padding: calc(var(--standard-margin)/2); background-color: var(--background-color); -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2); border-radius: 6px; }
.booking-form-wrapper label { font-size: 0.8rem; text-transform: uppercase; }
.booking-form-wrapper input.form-control { background-color: #f9fafb; }

.booking-form-wrapper.room { display: block; position: relative; left: auto; right: auto; bottom: auto; transform: none; }
.booking-form-wrapper.room .booking-form { box-shadow: none; -webkit-box-shadow: none }

.language-selector { display: block; list-style: none; padding: 0; margin: 0; }
.language-selector-wrapper ul.language-selector li { display: inline-block; }
.language-selector-wrapper ul.language-selector li { text-transform: uppercase; font-size: 0.8rem; font-weight: 500; }
.language-selector-wrapper ul.language-selector li::after { content: "|"; display: inline-block; padding: 0 0.2rem 0 0.5rem; }
.language-selector-wrapper ul.language-selector li:last-child::after { content: ""; display: none; }

/*FOOTER*/
#main-footer { padding: 3rem 0; background-color: var(--primary-color); color: var(--primary-color-text); font-size: 0.9rem; }
#main-footer .logo { margin-bottom: 0.5rem; max-width: 6rem; }
#main-footer h2 { text-transform: uppercase; font-weight: 400; font-family: var(--text-base-font); color: var(--primary-color-text); font-size: 1.1rem; margin-bottom: 2rem; }
#main-footer a { color: var(--primary-color-text); }
#main-footer a:hover { text-decoration: underline; color: inherit; }

#main-footer .info-row { display: block; }
#main-footer .info-row i { padding-right: 0.5rem; }
#main-footer hr { border: 2px solid #00000033; }

.image-wrapper { margin-bottom: var(--standard-margin); }
.image-wrapper figure { border-radius: 6px; }

/*BOTTOM MENU*/
#bottom-menu { text-align: end; list-style: none; padding: 0; }
#bottom-menu li { display: inline-block; margin-right: 1.5rem; }
#bottom-menu li:last-child { margin-right: 0; }

/*MISC*/
#aitec-credits { text-align: left; color: var(--primary-color-text); }
#aitec-credits .aitec-svg-logo { width: 64px; height: auto; }
.carousel-control-next, .carousel-control-prev { opacity: 1; width: 8%; }
.image-gallery figure.aspect-image { border-radius: 6px; }
.modal-lightbox-prev { z-index: 1; }

i.fa-brands.fa-facebook-f::before { content:var(--fa)/"" !important; }