@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');


:root[lang="zh-hant"]  {
    --first-font: "Noto Sans TC", sans-serif;
    --second-font: "Noto Sans TC", sans-serif;
    --highlight-font: "Noto Sans TC", sans-serif;
}
p ,
.the_content {
    font-size: 16px;
}
#main-content-1.social_connect .container #social_login .offer_for_login,
#header .languages > div > ul ul li a.lang_sel_other img,
#blog_comments,
#mobile_bar .languages_mobile img,
#blog_children .dates ,
#menu_sidebar_wrap .contacts{
    display: none;
}
#main-content-1 .dates {
    visibility: hidden;
}

#header #logo .original, #header #logo .scrolled {
    max-width: 240px;
}

.title {
    line-height: 1.3em;
}
.slideshow_container #header_contacts {
    font-size: 18px;
}

#fb_calendar .fbw-calendar--config {
    background-color: #33a0a5;
}
.single-post table {
    width: 100%;
    text-align: center;
}
.single-post table, th, td {
    border: 1px solid;
    font-size: 16px;
  }

@media (max-width: 478px) {
    .dyncal_header .close_calendar_wrap .cross:after, .dyncal_header .close_calendar_wrap .cross:before {
        background-color: #33a0a5;
    }
    #footer_bottom {
        font-size: 14px;
    }
}

body, html {
    line-height: 100%;
}
#header #highlight_menu {
    padding-right: 20px;
}
#header #highlight_menu ul {
    gap: 25px;
}
#header li a {
    font-size: 16px;
    line-height: 100%;
}

.queen_hotel #guestaccount {
    display: none;
}

html[lang="ja"] #header .main_book a {
    letter-spacing: 0;
}

body.home #header:not(.fixed) .languages > div > ul ul {
    bottom: 10px;
}
@media only screen and (min-width: 478px) {
    html .single-post .post_main_content .the_content img.desktop-image  {	
        width: 50%; 
        height: auto;
        }
}

:is(body.home #header:not(.fixed) .languages > div > nav ul ul) {
    bottom: 15px;
}

html .single-post .post_main_content .the_content img {
    height: auto;
    aspect-ratio: 4/3;

    &.size-full {
        width: 100%;
    }

    &.size-large {
        width: 49%;
    }

    &.size-medium {
        width: auto;
    }

    &.size-thumbnail {
        width: auto;
    }
}