/******************************************************************
Theme Name: Mediaworks
Description: This theme was built by Mediaworks
Author: Mediaworks
Author URI: http://www.mediaworks.co.uk/
Text Domain: mw-theme
Version: 1.0
******************************************************************/

/*
WordPress
So Theme Check (http://wordpress.org/plugins/theme-check/)
needs these classes in the CSS even though they are in the 
REAL stylesheet in library/scss/style.css.
*/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE NEEDED */
.bypostauthor {}    /* TO KEEP THEME CHECK HAPPY */
li.m__nav__item:hover a.m__nav__item-link{color:#333 !important;}

.g__header.sticky{background-color: #FFFFFF !important;}
#component-0 { padding: 0;}
li.m__nav__item:hover .subnav {  display: block !important;}
.subnav__links a,.subnav__desc h4,.subnav__desc p{color:#333 !important;}
.m__sections {overflow: unset !important;}
/* body .sticky .m__nav__item-link{color:#333 !important;} */
.m__hero.m__hero--slider.breadcrumb.c__block {  margin-bottom: 0;}


/*.site-id-44 a.m__nav__item-link.offer-have::after{*/
/*   content: '';*/
/*    background: url(http://testsite2.thecairncollection.co.uk/wp-content/uploads/sites/44/2022/06/new-gif.gif);*/
/*    width: 100% !important;*/
/*    height: 40px;*/
/*    top: -31px;*/
/*    background-color: unset !important;*/
/*    background-size: 70px;*/
/*    background-repeat: no-repeat;*/
/*    background-position: right;*/
/*    left: unset;*/
/*    transform: unset;*/
/*    right: -40px;*/
/*}*/
/*.site-id-44 a.m__nav__item-sub.offer-have::after {*/
/*   content: '';*/
/*    background: url(http://testsite2.thecairncollection.co.uk/wp-content/uploads/sites/44/2022/06/new-gif.gif);*/
/*    width: 100% !important;*/
/*    height: 50px;*/
/*    top: -24px;*/
/*    background-size: 40px;*/
/*    background-repeat: no-repeat;*/
/*    background-position: right;*/
/*    left: 48px;*/
/*    transform: unset;*/
/*    right: 0px;*/
    
/*}*/
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
@font-face {
    font-family: 'Hoefler Text';
    src: url('./assets/fonts/HoeflerText-Regular.eot');
    src: url('./assets/fonts/HoeflerText-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/HoeflerText-Regular.woff2') format('woff2'),
        url('./assets/fonts/HoeflerText-Regular.woff') format('woff'),
        url('./assets/fonts/HoeflerText-Regular.ttf') format('truetype'),
        url('./assets/fonts/HoeflerText-Regular.svg#HoeflerText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.site-id-44 .subnav_box_contain a {

    display: table;
   
}
button#popup-btn{display:none;}
img.offer-blink-icon{width:70px;}
 
  #popup-btn{
    width: 100%;
    margin-bottom: 1em;
    line-height: 20px;
    border: 1px solid rgba(255,255,255,.5);
    background-color: transparent;
    padding: 1.2em 3em;
    text-align: center;
    color: #fff;
}
#popup-btn-offer-details {
   width: max-content;
    margin-bottom: 1em;
    font-size: 22px;
    line-height: 20px;
    border: 1px solid rgba(255,255,255,.5);
    background-color: #fff;
    padding: 16px 28px;
    text-align: center;
    color: #000;
    position: absolute;
    bottom: 1rem;
    font-family: Raleway;
    left: 52%;
    transform: translate(-52%, -52%);
}
#popup-btn-offer-details:hover{background-color: transparent;color:#fff;}
.popup-container {
    visibility: hidden;
    opacity: 0;
    transition: all 0.36s cubic-bezier(.25,1,.5,1);
    transform: scale(1.3);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
}
.popup-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    height:100vh;
}



.popup-content span#close{
    float: right;
    color: #fff;
    font-size: 36px;
}

.popup-content p{color:#fff;font-family: Raleway;}
.popup-content span:hover,
.popup-content span:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.show{
  visibility: visible !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}
#popup-wrapper .bed-and-breakfast{
  font-size: 30px;
  color:#FFF83C;
  margin-bottom:0px;
  font-family: Raleway;
}
.popup-content h2 {
    color: #fff;
    font-family: "Hoefler Text";
    margin-bottom: 0;
    font-size: 36px;
    padding-top: 30px;
    border-bottom: 3px solid #fff;
    padding-bottom: 6px;
}
span.offer-value {
    font-size: 40px;
}
span.offer-sub {
    font-size: 24px;
    padding-left: 3px;
}
.contents-banner-mobile {
    padding: 0 16px;
    padding-top: 5px;
}

#offer-details-popup {
    visibility: hidden;
    opacity: 0;
    transition: all 0.36s cubic-bezier(.25,1,.5,1);
    transform: scale(1.3);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
}
span#close img,span#offerclose img{width:20px;}
.offer-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    height:100vh;
    overflow: scroll;
}
.offer-content span#offerclose {
    float: right;
    font-size: 36px;
}

.offer-content h2 { font-size: 35px;margin-bottom: 20px;padding-top: 32px;
}
li.mobile-booking{display:none !important;}
#mobile-slider {display:none;}
@media only screen and (max-width: 767px) {
  
h3.subhead-summersale { text-align: center;}
.page-id-2884 #desktop-slider{display:none;}
#mobile-slider {display:block !important;}
 button#popup-btn{display:block;}
 body li.mobile-booking{display:block !important;}
 li.desktop-booking{display:none !important;}
 /*.page-id-706 .l__col.l__col__span4:first-child a.btn.btn--open:nth-child(1) {display:none;}*/
 input#room_booking_widget_submit {  width: 100%;}
}