/*!
Theme Name: Morrison Hotel Child
Theme URI: http://www.demo.lollum.com/morrisonhotel
Description: Child Theme for Morrison Hotel.
Tags: black, white, light, brown, left-sidebar, right-sidebar, full-width-template, responsive-layout, accessibility-ready, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, translation-ready
Author: Lollum
Author URI: http://www.lollum.com/
Template: morrison-hotel
Version: 1.0.0
License: The PHP code and integrated HTML are licensed under the General Public
License (GPL). All other parts, but not limited to the CSS code, images, and design belong to their respective owners.
License URI: http://www.gnu.org/licenses/gpl-2.0.html - https://help.market.envato.com/hc/en-us/articles/202501064
*/

@import url('../morrison-hotel/style.css');

@font-face {
  font-family: 'gotham-light';
  src: url('fonts/gotham-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* -------- Theme customization starts here -------- */

.morrison-hotel-column ul { margin: 0 0 1.5em 1em !important; } 
#useful_links { width: 25.33% !important; }
#newsletter { width: 33.33% !important; margin-right: 8% !important; }
#fb_block { width: 33.33% !important; }

/* lightbox */
.pswp__caption__center { text-align: center !important; }
.gallery-caption { display: none; }

/* index */
#top-header .site-info { font-size: 12px !important; }
#special-offer .entry-content { height: 150px; }
#newsletter p input.morrison-hotel-newsletter-first-name, #newsletter p input.morrison-hotel-newsletter-last-name { margin-bottom: -1em !important; }
.posted-on { margin-bottom: 1em; display: block; }
.lpb-item-blog {
    margin-top: -2em !important;
    margin-bottom: -5em !important;
}
.tag { background-color: #a7874f;
    display: inline-block;
    color: #fff;
    padding: 0.1em 0.9em;
    margin-left: 0.5em;
	border-radius: 25px;
	font-size: 11px;
}

.top-btn-brochure { display: inline-block; margin-left: 2em; } .top-btn-brochure a:hover i { color: #c19c78 !important; }

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}
th {background-color: #a7874f; color: #fff;}
tr:nth-child(odd){background-color: #f2f2f2}

/* top header */
#top-header .site-info { text-transform: lowercase; }

/* gallery removed triangle */
.morrison-hotel-page-boxes .post-thumbnail:before, .morrison-hotel-page-boxes .post-thumbnail:after,
.morrison-hotel-gallery.flexslider .flex-viewport:before, .morrison-hotel-gallery.flexslider .flex-viewport:after { border: 0; }

/* nav */
.js #primary-menu-container {
    display: block;
}
#primary-menu-container { font-size: 0.73rem !important; }

/* banner */
#page-carousel { margin-bottom: 7em !important; }
.page-template-template-special_offers #content.wrap {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.lpb-item-image.alignment-center {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.page-content, .entry-content, .entry-summary { margin: 0 !important; }

#main img.attachment-full.size-full { margin-top: -6em !important; margin-bottom: 4em; }

/* video bg */
#videoBackground { position: relative !important; z-index: 1 !important; height: 620px !important; top: -84px !important; }
	
/* search availability */
.page .entry-header .entry-title { font-size: 1.5rem !important; margin-bottom: 1em !important; }
.left-sidebar #primary, .left-sidebar #secondary { margin-top: -3.5em !important; }

/* gallery */
ol.flex-control-nav.flex-control-paging { bottom: 5px !important; }
.morrison-hotel-gallery.flexslider { margin-bottom: -2em !important; }
.gallery-item img { margin-bottom: 1.4em; }

button.pswp__button.pswp__button--arrow--left:hover { background: none; }
button.pswp__button.pswp__button--arrow--right:hover { background: none; }

/* special offer */
#special-offer .hentry { margin-bottom: 120px !important; }
#special-offer .entry-footer { margin-top: 2em !important; }

/* footer */
ul#footer-menu { text-transform: inherit; font-size: 13px; margin-bottom: 1.5em; text-align: center; }
#copyright { font-size: 13px; text-transform: inherit; text-align: center; }
.entry-footer { border: 0px !important; }

.preloader{position: fixed; top:0; left:0; bottom: 0; right: 0; background: #fff; z-index: 999999; }

.preloader .preloader-gif { display: block; width: 190px; height: 114px; position: absolute; top: 40%; left: 50%; margin: 0 0 0 -4.5em; background: url("images/preloader-home.gif") no-repeat; }

body.page-template-page-media-info #post-1361.hentry {
    margin-bottom:0 !important;
}


/*Booking*/
#booking-table p, #booking-table input[type="text"] {
    margin: 0;
    padding: 0;
    border: 1px solid #CCC;
}
#bestDeals {
    margin-top: -8em !important;
}
table.rooms td {
    padding-left: 3em;
}
body .swal-modal {
    font-family: "gotham-light", sans-serif !important;
}

body .swal-title {
    /*font-family: GothamMontserrat, sans-serif;*/
    /*font-weight: 400;*/
    color: #a7874f;
}

/* body .swal-button--confirm {
  background-color: #dd6b55; confirmButtonColor: "#DD6B55",
} */

body .swal-modal .swal2-close {
  position: absolute;
  top: -20px;
  right: 0;
  width: 1.2em;
  height: auto;
  transition: color 0.1s ease-out;
  border: none;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 40px;
  cursor: pointer;
}
/* 
body .swal-modal .swal2-close:hover {
  color: #f27474;
} */
body .swal-modal button {
    margin: 0;
}
/* breakpoint */
@media only screen and (max-width: 1024px) {
#primary-menu > li { margin: 0 0.4em; position: relative; font-size: 11px; }
}
@media only screen and (max-width: 800px) {
.lol-mobile #menu-toggle { margin: 1em 0 3em 0; }
#useful_links { width: 33.33% !important; float: left; }
#newsletter { width: 33.33% !important; float: left; }
#fb_block { width: 20.33% !important; float: left; }
#colophon .footer-menu { float: left; width: 100%; }
}
@media only screen and (max-width: 640px) {
.preloader .preloader-gif { margin: 0 0 0 -6.5em !important; }
#useful_links { width: 100% !important; float: left; }
#newsletter { width: 100% !important; float: left; }
#fb_block { width: 100% !important; float: left; }

span.site-follow-label { margin-bottom: 1em; display: inline-block; }
#top-header .site-follow ul { display: inline; }
}
@media only screen and (max-width: 480px) {
    #bestDeals table.rooms td {
        padding: 1px;
    }
    #bestDeals .button {
        padding: 10px 5px;
        border-radius: 20px;
    }
}
@media only screen and (max-width: 375px) {
  body .swal-title {
    font-size: 17px;
  }
  body .swal-content {
    font-size: small;
  }
}