/* ==========================================================================
   Typography: Cormorant Garamond (headings), Mulish (body), Montserrat (labels,
   buttons, small caps). Loaded last so it can re-point the theme's old
   Montserrat / Hind / Open Sans rules at these three fonts.
   ========================================================================== */
:root {
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Mulish', 'Segoe UI', Arial, sans-serif;
  --font-ui: 'Montserrat', 'Segoe UI', Arial, sans-serif;
}

body,
.tabs .ui-tabs-nav li a,
.accordion .ui-accordion-header,
.slider-caption small,
.accomd-modations-room_1 .text .wrap-price .awe-btn,
.post .entry-media .count-date span span,
.tabs-restaurant .ui-tabs-nav li a span,
.room-detail_amenities h5,
.room-detail_overview h5,
.room-detail_amenities h6,
.room-detail_overview h6,
.room-detail_rates table td h6,
.comingsoon h6,
.page-404 h6,
.reservation-room-selected .reservation-room-seleted_item .reservation-option,
.reservation-package_item .reservation-package_text .reservation-package_book-price .awe-btn,
.reservation-billing-detail .awe-btn,
#header.header-v3 .header_top,
.ot-heading .sub,
.section-check-availability.availability-style-2 .check-availability .availability-form .awe-calendar-wrapper .awe-calendar,
.section-check-availability.availability-style-2 .check-availability .availability-form .awe-select .dropdown-toggle span,
.font-hind {
  font-family: var(--font-body);
}
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4,
.heading,
.shortcode-heading,
.tab-price table caption h2,
.sub-banner .text h2,
.accomd-modations-room .text h2,
.accomd-modations-room_1 .text h2,
.check-availability h2,
.news-item .text h2,
.event-item .text h2,
.sidebar .widget .widget-title,
.post .entry-header h2 a,
.post.post-single .entry-header h1,
#comments .comment-title,
.comment-respond .comment-reply-title,
.restaurant_item .text h2,
.reservation h2,
.event-restaurant_content li .text h2,
.room_item-1 h2,
.room_item-2 .text h2,
.room_item-3 .text-thumbs .text h2,
.room_item-4 .text h2,
.room_item-5 .room_item-forward h2,
.room_item-5 .room_item-back h3,
.room_item-6 .text h2,
.room-package_item .text h4,
.activiti_item .text h2,
.attraction_sidebar .attraction_sidebar-content .attraction_title,
.attraction_detail .attraction_detail-title,
.attraction_content .attraction_content-title,
.guest-book .guest-book_head .text h2,
.guest-book_item h2,
.guest-book-form h2,
.comingsoon h1,
.comingsoon .widget_social .widget-title,
.page-404 h1,
.reservation-billing-detail h4,
.ot-heading h2,
.section-check-availability.availability-style-2 .check-availability h2,
.item.room-item .title a {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0;
}
h5, .h5, h6, .h6, .font-monserat { font-family: var(--font-ui); }

/* The serif reads best in sentence case and a little larger than the old sans. */
.heading { text-transform: none; font-size: 40px; line-height: 1.15; }
.sub-banner .text h2 { text-transform: none; font-size: 44px; }
.contnt-sldr h2 { font-family: var(--font-display); font-weight: 600; letter-spacing: 0; line-height: 1.1; }
.contnt-sldr h5 { font-family: var(--font-body); font-weight: 400; }
.widget-title { font-family: var(--font-display); font-weight: 600; font-size: 22px; letter-spacing: 0; }
@media (max-width: 767px) {
  .heading { font-size: 32px; }
  .sub-banner .text h2 { font-size: 34px; }
}

/* Labels and buttons stay in Montserrat. */
.awe-btn, .btn1 { font-family: var(--font-ui); }
/* The nine-item desktop menu only fits beside the logo in the narrower body font. */
#header_content.header_content .menu > li > a { font-family: var(--font-body); font-weight: 700; }

/* Slider captions */
.contnt-sldr h2 { text-transform: none; font-size: 56px; }
.contnt-sldr h5 { font-size: 14px; letter-spacing: .14em; }
@media (max-width: 991px) { .contnt-sldr h2 { font-size: 42px; } }
@media (max-width: 767px) { .contnt-sldr h2 { font-size: 32px; } .contnt-sldr h5 { font-size: 13px; } }

/* Footer column titles */
#footer .footer_center .widget .widget-title { font-size: 22px; text-transform: none; }