* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: black;color: #000000;font-family: Arial;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a {color: #000000;text-decoration: none;font-weight: normal;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: Arial; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 20px 0px; margin: 0px; font-family: Monster, sans-serif;}
strong { font-weight: normal; font-family: ArialBold; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px;  display: none;}
#openinghours {display: none;}
.layoutcredits {display: none;}


:root{
    --red: #d34728;
    --dark-red:#ab3a21;
    --hover-red:#ba472d;
    --light-grey: #f3f3f3;
    --medium-grey: #e6e4e4;
}

@font-face { font-family: RoboConReg; src: url("/library/fonts/RobotoCondensed/Regular.otf") format("opentype"); }
@font-face { font-family: Monster; src: url("/library/fonts/Montserrat/Light.otf") format("opentype"); }
@font-face { font-family: RoboConlight; src: url("/library/fonts/RobotoCondensed/Light.otf") format("opentype"); }
@font-face { font-family: MonsterReg; src: url("/library/fonts/Montserrat/Regular.otf") format("opentype"); }

/* Generic */

strong {font-family: MonsterReg; font-size: 110%;}
.pagecontent { padding: 0px 10px 0px 10px; margin: 0px auto; }
.pagecontent p { color: white; }
img {max-width: 100%;height: auto;}

@media(min-width:376px) {
    .pagecontent { padding: 0px 20px 0px 20px; }
}

.pagetitle, .util_sitesearch h2 {font-weight: 700; font-size: 2.5em; padding: 64px 0px; text-align: center; font-family: RoboConReg, sans-serif;color: black; padding-top: 160px; }


/*********************************************************************************/
/*Header*/
/*********************************************************************************/

.pageheader_inner {background: var(--medium-grey); }

.section3 .layoutheader {height: 150px;}

.blackheader {background: rgba(0, 0, 0, 0.82); padding: 8px 10px; }
.blackheader .items {display: flex; justify-content: space-between; align-items: center; max-width: 2000px; margin: 0px auto;}
.blackheader .headertable a, .blackheader .voucher a {color: #FFFFFF;background: var(--red);border-radius:17px;padding: 5px 14px;text-transform: uppercase;text-decoration: none;font-size: 18px;transition: background 0.3s ease-in-out; letter-spacing: 2px;}
.blackheader .headertable a:hover, .blackheader .voucher a:hover {background: #ba472d; color: black;}

.blackheader .socials .links {display: flex; justify-content: center; align-items: center; gap:10px;}
.blackheader .socials i {font-size: 22px;}
.blackheader .socials .fa-instagram {padding-left: 6px;}
.blackheader .socials i {color: white; background-color: var(--red); width: 32px; height: 32px; border-radius: 20px; padding-left: 9px; padding-top: 5px;}
.blackheader .socials i:hover {color: black;}
.blackheader .rosette{height: 60px;width: 60px !important;margin: 0 5px 0 40px;background-size: contain; display: none;}

.blackheader .util_textbox i {margin-right: 10px;}
.blackheader .util_textbox .content {display: flex; justify-content: center; align-items: center; }
.blackheader .util_textbox .content p {margin: 0px 10px; padding-bottom: 0px;}
.blackheader p, .blackheader a {font-family: RoboConReg, sans-serif; color: white; font-weight: 400; font-size: .875rem; letter-spacing: 1.2px;}
 
.redheader  {background-color:#d34728e8;position:fixed;top: 50px;z-index: 49;width: 100%;padding: 0px 5px; margin-top: -2px;}
.scroll .redheader { top: 0px; }
.redheader .link192 {display: none;}
.redheader .items {display: flex;justify-content: center;align-items: center;}
.redheader .headerlogo img {width: 180px; height: auto; margin: 0 20px;}
.redheader .introduction { display: none; }

.redheader .nav_multilevel a {color: white; padding-bottom: 5px; font-size: 14px;}
.redheader .nav_multilevel a:hover {  border-bottom: solid 3px #FFFFFF;}
.redheader .nav_multilevel li {font-size: 12px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase;letter-spacing: 1.5px;}
.redheader .nav_multilevel .link4 {display: none;}



@media( min-width: 1076px){

    .layoutheader .toggle {display: none;} 

    .redheader .nav_multilevel ul {width: 860px;}
    .redheader .nav_multilevel li a{padding-bottom: 0;}
    .redheader .nav_multilevel .level1{display: flex;justify-content: space-between;}
    .redheader .nav_multilevel .level1>li{ height: 99px; display: flex; align-items:center;}

    .redheader .nav_multilevel .level2{position:absolute;display:none;background-color:#d34728e8;width:200px;z-index: 1;top: 99px; margin-left: -29px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
    .redheader .nav_multilevel .level2 li {padding: 15px 30px;}
    .redheader .nav_multilevel .level1 li:hover .level2{display:block; }
	

    .nav_multilevel i{display: none;}

}

@media (max-width: 1075px){

    .layoutheader { height: 50px; }

    .layoutheader .toggle {position:absolute; top: 30px; right:20px;cursor:pointer;z-index: 200;}
    .layoutheader .toggle img {width: 45px; height: 45px;}

    .layoutheader .toggleoff ul{display:none;}
    .layoutheader .toggleon ul{top: 99px; }
    .layoutheader .toggleon li{padding: 10px 0px;}
    .layoutheader .toggleon ul.level1 {display:block;position: absolute;right: 0px;width: 100%;background-color:#d34728e8;z-index: 50;text-align: center;}
    .layoutheader .toggleon .level2 {display: none; background-color: var(--red); margin-top: 10px; }
    .nav_multilevel i{position: absolute;color: white;right: 30px;font-size: 20px;}

    .redheader .headerlogo {padding-right: 0px;}
    .redheader .nav_multilevel .level1{ padding: 10px 0px;}

    .pagetitle{padding-top: 160px;}
}


@media ( max-width: 650px )
{
    .layoutheader { height: 90px; }
     .redheader  {top: 90px; margin-top: -2px;}

    .layoutheader .toggle { top: 30px; }

    .blackheader .items {max-width: 500px; gap:10px; margin-top: 10px; flex-wrap: wrap;}
    .blackheader .util_textbox { padding: 0px;}
    .blackheader .util_textbox .content p { width: 100%;  }
}

@media ( max-width: 400px ){

    .layoutheader { height: 100px; }
    .redheader  {top: 100px; }

    .blackheader .util_textbox .content {flex-direction: column; text-align: end;}
}



/*********************************************************************************/
/*Footer*/
/*********************************************************************************/

.footerbottom {width: 100%;padding: 0px 0px 40px 0px;background: black;color: white;}
.footerbottom a {color: white;}
.footerbottom .util_image, .footerbottom .footersocial, .footerbottom .copyright {text-align: center;}
.footerbottom .copyright a { text-decoration: underline; text-underline-offset: 4px;}
.footerbottom .copyright a:hover { color: var(--red)}
.footerbottom .copyright p {color: #999999; font-size: .875rem; font-weight: 400;}
.beachshore {width: 261px;}


.footersocial .socialWidget.cx_brand_refresh1 .socialWidgetCore.sm img { width: 32px; height: 32px;}
.footersocial .socialWidget.cx_brand_refresh1 .socialWidgetCore.sm {height: 32px; width: 32px;}
.footersocial .copyright {width: 100%;}
.footersocial li {/* width: 45px; */}
.footersocial .links {display: flex; flex-wrap: wrap;}
.footersocial i {font-size: 22px;}
.footersocial .fa-instagram {padding-left: 1px;}
.footersocial i {color: white; background-color: var(--red); width: 32px; height: 32px; border-radius: 20px; padding-right: 1px; padding-top: 5px; margin-left: 8px;}
.footersocial i:hover {color: black;}
.footersocial h2 {color: white; text-align: center; font-weight: bold; font-size: 17px; padding: 0px; margin-bottom: 10px; margin-top: 20px;}
.footersocial .content {display: flex;flex-wrap: wrap;justify-content: center; max-width: 300px; margin: 0px auto;}
.footersocial .link3 {width: 100%; margin-top: 30px;}

#IiyS6c a {display: inline-flex;align-items: center;justify-content: center;width: 34px; height: 34px; background-color: var(--red); border-radius: 50%; overflow: hidden; }
#IiyS6c img {width: 80%; height: auto; }
#IiyS6c img:hover{filter: invert(100%) brightness(100%);}
  
  


.footersocial .awards{
    display: flex;
    justify-content: space-between;
    gap:30px;
    margin-top: 20px;
}

.footersocial .awards li{
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}  

.footersocial .awards img {
    width: auto;
    height: 100%; 
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%); 
    object-fit: cover;
}  


.footerbook {margin-top: 50px;}
.footerbook a {color:#FFFFFF;background: var(--red);border-radius: 17px;padding: 10px 14px 10px 14px;text-transform: uppercase;text-decoration: none;font-size: 18px;transition: background 0.3s ease-in-out;letter-spacing: 2px; font-weight: bold;}
.footerbook a:hover {background: #ba472d; color: black;}


.topfooter .mailinglist {color: #FFFFFF; text-align: center;
    background: var(--red);
    border-radius: 17px;
    padding: 10px 14px 10px 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    max-width: 200px; margin-top: 35px;}



    
.topfooter .mailinglist h2 {display: none;}



.footerbook p {margin-top: 10px; text-align: center; font-size: 19px;}

.footerbottom .beachshore {font-size: 13px; margin-top: 120px;}

@media(min-width: 1041px){

    .topfooter .items {display: flex; justify-content: space-evenly; align-items: start;}
    .footersocial {width: 400px;}
}
@media(max-width: 1040px){

    .footerbottom .items {display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; gap:40px}
    .footersocial { margin: 0px auto; padding-top: 5px;}
    .footersocial .content{gap:20px}
    .beachshore {text-align: center;}
    .layoutfooter p { padding: 0px;}
    .layoutfooter .link, .footerbook, .footerbottom .beachshore { margin-top: 5px; margin-bottom: 10px; }
    .layoutfooter .footerbook p:first-child { margin: 20px 0px 30px 0px; }
    .int_newsletter {margin: 0px auto;}
    .footersocial {max-width: 400px;}


}


/*********************************************************************************/
/*Home*/
/*********************************************************************************/

.home {background-color:var(--light-grey);}

/* For announcements */
.home .pagecontent_inner{text-align: center;/* display: flex; */justify-content: center;flex-direction: column;}
.home .pagecontent_inner p{color: black;padding-top: 20px;min-height: 160px;}

@media (max-width: 1076px){
    .home .pagecontent_inner p{display: flex; align-items: end;justify-content: center;}
}

@media (max-width: 846px){
    .home .pagecontent_inner p{min-height: 180px;}
}

@media (max-width: 442px){
    .home .pagecontent_inner p{min-height: 200px;}
}


/* Carousel */

.homecarousel {position: relative;overflow: hidden;max-width: 2000px;margin: 0px auto 0px auto; height: 900px; background-color: black;}
.homecarousel .carousel ul { width: 20000em; position: relative;}
.homecarousel li {background-size: cover; max-width: 2000px;width: 100%;height:900px !important;margin: 0px auto; float: none;position: absolute;top: 0px; left: 0px;}
 
.homecarousel .jcarousel-control {position: absolute; top: 95%; margin-left: 20px; display: none;}
.homecarousel .jcarousel-control a {padding: 0px 4.5px; background-color: rgba(255,255,255,0.6); border-radius: 50%; color: rgba(255,255,255,0); margin: 7px;}
.homecarousel .jcarousel-control .active {background-color: var(--red);} */

.homecarousel .carousel-prev, .homecarousel .carousel-next {position: absolute; display: none;}

@media (max-width: 1300px){
    .homecarousel, .homecarousel li {height:600px !important;}
}


@media (min-width: 1076px){

    .homecarousel {margin: -100px auto 0px auto; }
	.homecarousel.temp .introduction {top: 0px;border-radius: 100%;padding: 80px 90px;height: 100%;width: 600px;}

}

@media (max-width:1075px){

    .homecarousel {margin: 0px auto 0px auto;}
    .homecarousel .util_textbox .content {padding-top: 100px;}
    .homecarousel .nextprevious {display: none;}
    .homecarousel .introduction {top: 240px; font-size: 26px; padding: 0px 10px;}
	.homecarousel.temp .introduction { top: 20px;padding: 20px; border-radius: 50px;}

        
    .homecarousel, .homecarousel li{height: 500px !important;}
}


/* Welcome - Chef - Opening hours - Upcoming events*/
/* redcontent is now grey content */
.redcontent {background: var(--light-grey);padding: 60px 10px; }
.redcontent .util_textbox_inner {display: flex;justify-content: center; gap:40px;}
.redcontent .imageright, .redcontent .imageleft {max-width: 600px;width: 100%;min-height: 600px;height: auto;background-size: cover;background-position: center center;}

.redcontent h2{font-weight: 700;font-size: 35px;padding-bottom: 40px;font-family: RoboConReg, sans-serif; letter-spacing: 6px; text-align: center;}
.redcontent h3 {font-family: RoboConReg; font-weight: bold; font-size: 23px;}
.redcontent strong {font-family: Monster, sans-serif; font-weight: bold;}
.redcontent p {font-family: Monster; line-height: 1.5;}

.welcome{background-color: var(--medium-grey); text-align: center;}
.welcome .util_textbox_inner{ max-width: 1100px; margin: 0 auto; text-transform: uppercase; font-size: 105%; letter-spacing: 3px;  }
.welcome h2{max-width: 900px; margin: 0 auto;}


.chef {padding-bottom: 80px;}
.chef .util_textbox_inner{gap:0px}
.chef .content{background-color: #d34728de;max-width: 600px; height: fit-content; padding: 40px;margin: 100px -100px 0 0; z-index:9; display: flex;flex-direction: column; justify-content: center; align-items: center; }
.chef .content p{font-size: 90%;}

.homechristmas{display: block;background-size: cover;filter: brightness(80%) contrast(120%);}
.homechristmas .util_textbox_inner{display: flex; flex-direction: column; justify-content: center; align-items: center;min-height: 400px; width: 60%; margin: 0 auto;}
.homechristmas h2{color: white;padding: 0;}

.upcoming .util_textbox_inner{align-items: center;}
.upcoming .imageleft, .upcoming .imageright, .upcoming .imagetop{background-size: contain;}
.upcoming img{ max-height: 600px; width: auto;}

.openinghours .imageleft{max-width: 800px;width: 100%;min-height: 800px;}
.openinghours .content{background-color: var(--medium-grey);max-width: 600px; height: fit-content; padding: 40px;margin: 40px 0 0 -250px; z-index:9; }
.openinghours .content p{padding-bottom: 10px;}


@media(max-width: 1000px){

    .redcontent .util_textbox_inner {flex-direction: column-reverse;}
    .redcontent .imageright, .redcontent .imageleft, .chef .content {max-width: 100%;}

    .chef {padding: 0;}
    .chef .content{margin: 0; background-color: var(--red);}
    .chef .imageright{min-height: 500px;}

    .openinghours {padding: 0;}
    .openinghours .util_textbox_inner{gap:0}
    .openinghours .content{margin: 0; max-width: 100%;}
    .openinghours .imageleft{min-height: 400px;}


    .upcoming .util_textbox_inner{flex-direction: column;gap:20px;}
    .upcoming .imageleft{min-height: 400px;}

}

@media(max-width: 700px){
    .homechristmas{background-position: right;}
    .homechristmas .util_textbox_inner{min-height: 200px; width: 90%;}
}


/* Menu banner */

.menubanner { width: 100%; background-size: cover; background-attachment: fixed; background-image: url(/images/PbrOC1vT5c9kEULq7IUE1kw11z.jpg); }
.menubanner a{background: rgba(0, 0, 0, 0.826); color: white; margin: 10px; text-align: center; border-radius: 1em;}
.menubanner a:hover {background: rgb(21, 20, 20);}
.menubanner .content p{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; }
.menubanner h2 {font-weight: 500;font-size: 35px;font-family: RoboConReg, sans-serif;color: white; text-align: center; padding-top: 50px;}

@media(min-width: 876px){

    .menubanner h2 { padding-top: 170px;  margin-bottom: 80px;}
    .menubanner {min-height: 650px;}
    .menubanner a {height: 200px; width: 200px; padding: 90px 25px;}
}

@media(max-width: 879px){

    .menubanner a {height: 170px; width: 170px; padding: 70px 25px;}
    .menubanner h2 { padding-top: 90px;  margin-bottom: 60px;}
    .menubanner {min-height: 600px;}
}

@media(max-width: 634px){

    .menubanner {min-height: 500px;}
    .menubanner h2 {padding-top: 40px;  margin-bottom: 50px;}
    .menubanner a {height: 150px; width: 150px; padding: 60px 25px;} 

}

@media(max-width: 500px){
    
    .menubanner { width: 100%; background-size: cover; background-attachment: scroll; }

}



/* Careers*/

.homecareer{display: none;}


/* Home Food Carousel */

.food-carousel h2{font-size: 35px;text-align: center;color: white;font-family: RoboConReg, sans-serif;font-weight: 700;padding-bottom: 40px;}

.food-carousel {overflow: hidden;padding: 60px 0;background: var(--red); }
.food-carousel .carousel {overflow: hidden;width: 1100px;height: auto; position: relative;margin: 0 auto;}
.food-carousel .carousel ul { width: 20000em; position: relative; }
.food-carousel li {background-size: cover; float: left; text-align: center; max-width: 250px; height: 250px; margin: 14px;}

.food-carousel .carousel-prev, .food-carousel .carousel-next {position: absolute; display: none;}
.food-carousel i {font-size: 34px;}

@media(max-width: 802px){

    .food-carousel ul li {max-width: 200px; height: 200px; margin: 10px;}

}

@media(max-width: 500px){

    .food-carousel ul li {max-width: 190px; height: 190px; margin: 10px;}

}

/* 360 Tour */

.bloglist .titletxt, .threesixty .titletxt {background: black;color: white;padding-bottom: 40px;text-align: center;font-size: 35px;font-family: RoboConReg;}
.threesixty {background-color: black;padding: 60px 0 80px 0;}


.image-full { width: 60%; margin:0px auto; }

.google-virtual-tour {
    position: relative;
    padding-bottom: 35%; 
    height: 0px;
    overflow: hidden;
}

.google-virtual-tour iframe {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


@media(max-width: 800px){

.image-full { width: 100%; }
.google-virtual-tour { min-height: 400px; }
}


/* Blog list and pages*/

.bloglist .titletxt{background-color: var(--light-grey); color:black; padding-bottom: 20px;}

.bloglist {background: var(--light-grey); padding: 60px 0;}
.bloglist .list {display: flex; justify-content: center; flex-wrap: wrap;gap:20px}
.bloglist .article {max-width: 300px; margin: 20px; }
.bloglist .image {max-width: 300px; height:250px;display: flex; justify-content: center;align-items: center; overflow: hidden;}
.bloglist img {width:100%; height:auto; }
.bloglist .headline{margin: 20px 0}
.bloglist .headline a {font-size: 26px; font-weight: bold; }
.bloglist .link a {font-weight: bold; font-size: 18px; padding: 10px; background: var(--red); color:white}
.bloglist .link:hover a {background: #ab3a21;}

.bloglist .abstract{margin: 20px 0;}

.blog .archivelink { text-align: center; background: var(--red); padding: 40px 0;}
.blog .archivelink a {color: white; padding: 0px 0px 40px 0px; font-weight: bold; font-size: 18px; padding: 10px 40px; background: #ab3a21;}
.blog .archivelink a:hover {background: #ba472d;}

.std_newsarticlea .more {text-align: center;}
.std_newsarticlea .more a {padding: 10px 40px; background: #ab3a21;text-decoration: none;}
.std_newsarticlea .more a:hover {background: #ba472d; }

.section169 .promo {display: none;}

.promo img{object-fit: cover;}
.promo .article {border: none;}

.std_newsarticlea a {color: white; text-decoration: underline;}
.std_newsarticlea {background: var(--red); font-size: 18px; color: white; padding-bottom: 50px;}
.std_newsarticlea .headline {font-weight: 700;font-size: 2.5em;padding: 64px 0px;text-align: center;font-family: RoboConReg, sans-serif; background: black; color: white;}
.std_newsarticlea img {width: 100%;height: auto;max-width: 1100px;}
.std_newsarticlea .image {text-align: center; max-width: 1100px; margin: 0px auto;}
.std_newsarticlea .created {text-align: left; margin: 10px auto 0px auto; font-size: 14px; max-width: 1100px; padding-bottom: 10px;}
.std_newsarticlea .abstract {text-align: center; color: white; font-size: 24px; font-weight: 700; margin: 20px auto 0px auto;  max-width: 850px; }
.std_newsarticlea .article {max-width: 1100px; padding: 20px 5px; margin: 0px auto; line-height: 1.5;}
.std_newsarticlea h3, .std_newsarticlea h4, .std_newsarticlea h2 {color: white; font-size: 24px; font-weight: 700; margin: 20px 0px;}



/* Blog Archive */

.list_archive {background: var(--red); padding: 30px 0px;}
.list_archive #archiveform {text-align: center;}
.list_archive select {background: white;}



/*********************************************************************************/
/*Book a Table*/
/*********************************************************************************/

.bookatable {background: var(--light-grey);}
.bookatable .pagecontent {background: var(--light-grey); padding: 20px; margin: 0px 0px 20px 0px; }
.bookatable .pagecontent h2 {font-size: 1.875rem; font-weight: 700; text-align: center; font-family: RoboConReg, sans-serif; padding: 25px 0px; }
.bookatable .pagecontent p {text-align: center; font-size: 18px; line-height: 150%; font-weight: 300;font-family: Monster, sans-serif; color: black;}
.bookatable .util_customhtml {margin: 50px 0px;}


/*********************************************************************************/
/*Menus page*/
/*********************************************************************************/

.menus {background: var(--light-grey);}


.menus .util_tabbed .content p { font-size: 120%;  }
.menus .util_tabbed img {height: auto; width: 100%;}
.menus .util_customhtml {max-width: 1000px; margin: 0px auto;}
.menus .util_tabbed {padding-bottom: 80px;}


.booktablebutton {padding: 80px 0px; background: var(--red); text-align: center;}
.booktablebutton a {color: #FFFFFF;background: var(--dark-red);padding: 15px 60px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif; transition: background ease 0.2s; border-radius: 25px;}
.booktablebutton a:hover {background: var(--hover-red); }

@media ( max-width: 1030px )
{
    .menus .util_tabbed img {height: auto; width: 96%;}
}


.util_tabbed ul {max-width: 1240px; margin: 40px auto;}
.util_tabbed .content {text-align: center;}
.util_tabbed .ui-tabs-anchor {border: 2px solid black; padding: 13px 10px; margin: 10px;}
.util_tabbed .ui-tabs-anchor span {color: black;}
.util_tabbed .imagebottom {text-align: center;}
.util_tabbed .util_textbox {text-align: center;}
.util_tabbed .ui-tabs-anchor:hover, .util_tabbed .ui-tabs-active .ui-tabs-anchor {border: var(--red) 2px solid; background: var(--red);}
.util_tabbed img {width: 100%; height: auto; max-width: 1000px;} 


@media(min-width: 596px){
    .util_tabbed ul {display: flex; justify-content: center;}
}
@media(max-width: 595px){

    .util_tabbed ul {max-width: 650px;}
    .util_tabbed li {margin: 40px 0px; text-align: center;}
}


/*********************************************************************************/
/*What's on */
/*********************************************************************************/

.whatson .pageheader_inner{display: flex; flex-direction: column;}
.whatson .pagetitle{order: 1;}
.whatson .pagebanner{order:2;background: var(--light-grey);}

.whatson {background: var(--light-grey);}

.whatson .content p{text-align: center;color: black; padding: 20px 0;}
.whatson .content a { color: white; text-decoration: underline; }



/*********************************************************************************/
/*Events */
/*********************************************************************************/

.events {background: var(--light-grey);}
.events .eventslist {padding: 40px 5px 40px 5px;}
.events .eventslist a, .events .eventslist h2 {color: white;}
.events .eventslist h2 {text-align: center;font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif;text-align: center;padding: 10px 0px 15px 0px;border-top: 3px solid var(--red);border-bottom: 3px solid var(--red);max-width: 550px;margin: 10px auto;}
.events .eventslist ul {display: flex; justify-content: center; flex-wrap: wrap; gap: 40px;}
.events .eventslist li a {font-size: 25px;text-align: center;width: 200px; height: 60px;display: flex;justify-content: center;align-items: center;background: var(--dark-red);border-radius: 10px; transition: 0.5s ease;}
.events .eventslist li a:hover {background: #ba472d;}
.events video {width: 100%;height: auto;/* max-width: 600px; */}
.events .util_textbox .util_textbox_inner {max-width: 900px; margin: 0px auto; padding: 20px 0px;}
.events img {max-width: 800px; width: 100%; height: auto; margin: 0px auto;}

.events .content {margin-top: 40px; font-size: 18px; padding: 0px 20px;}
.events .imagetop {text-align: center;}
.events video {pointer-events: none; text-align: center;}
.events .content a { text-decoration: underline; color: white }

.events .event-contact{background-color: var(--medium-grey); padding: 10px 0 20px 0;  text-align: center;}
.events .event-contact a{color: var(--dark-red);}

.events .eventbooking {margin: 20px 0px;}

.events .util_customhtml {margin: 20px auto; max-width: 850px; background: orange; padding: 20px; background-image:url(/images/v6CJ4VUAp9UQUdEBe6dq4c02w0.jpg); background-size: cover;}
.events .util_customhtml .content h2 {text-align: center; font-size: 25px; margin-bottom: 0px; background: rgba(31, 84, 4, 0.9); padding: 15px; color: black; }
.events .util_customhtml .content p {background: rgba(31, 84, 4, 0.9); padding: 15px; color: black; margin-bottom: 10px;}

.chefseries img {max-width: 800px; width: 100%; height: auto; margin: 0px auto;}
.chefseries .content {margin: 40px auto; max-width: 900px; padding: 0px 10px; font-size: 18px;}
.chefseries .imagebottom, .chefseries .imagetop {text-align: center;}
.chefseries .event {background: var(--red); color: white; padding: 40px 0px;}
.chefseries .event .titletxt{color: white;font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif;text-align: center;padding: 20px 0px 20px 0px;border-top: 3px solid black;border-bottom: 3px solid black;max-width: 550px;margin: 0px auto;}
.chefseries .event a {color: white; text-decoration: underline;}
.chefseries h3 {margin: 30px 0px; font-size: 23px; color: white; text-align: center; font-weight: bold;}

@media (max-width: 822px){
    .events .eventslist ul {margin-top: 70px;}

    .events .eventslist ul { gap: 20px;}
}

/* Weddings */

@media(min-width: 401px){
    .weddings .imagetop { margin: 20px auto;}
    
    }
    @media(max-width: 400px){
    
        .weddings .imagetop{margin: 0px auto;}
    }
    
    .weddings {background: var(--light-grey); padding-bottom: 5px;}
    .weddings .imagetop {max-width: 500px;}
    .weddings video {width: 100%; height: auto; margin: 40px 0;}
    .weddings .util_textbox_inner {max-width: 1100px; margin: 0px auto; text-align: center;}
    .weddings strong {font-family: RoboConReg, sans-serif; font-weight: bold; letter-spacing: 1.2px; font-size: 19px; color: black; }
    .weddings a {color: #FFFFFF;background: #d34728;padding: 15px 40px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif; transition: background ease 0.2s; border-radius:30px;}
    .weddings a:hover {background: #ba472d;}
    .weddings .button {margin: 20px 0px;}
    .weddings .content {font-size: 18px; color: white;}
    .weddings p{color: black;}

    @media (max-width: 822px){
        .weddings .util_textbox_inner  {margin-top: 90px;}
    }


/* Wakes */

.wakes .content { color: white; max-width: 1000px; margin: 20px auto 60px auto; }

@media ( max-width: 1039px )
{
    .wakes .content {  max-width: 90%;  }
    .wakes .content img { max-width: 99%; height: auto;}
}



/*********************************************************************************/
/*Gallery page*/
/*********************************************************************************/

.gallerypage, .specials  {width: 100%; margin: 0px auto;}
.gallerypage img,.specials img  {width: 320px; height: 320px; cursor: pointer;}
.gallerypage .items ul, .specials .items ul {display: flex; flex-wrap: wrap; justify-content: center;}
.gallerypage li, .specials li {margin: 19px 19px;}
.gallerypage .feat_stdgallery li, .specials .feat_stdgallery li {margin: 19px 19px;width: 320px;height: 320px;cursor: pointer;}
.gallerypage .feat_stdgallery li div, .specials .feat_stdgallery li div  {background-size: cover; height: 100%; width: 100%;}
.gallerypage .feat_stdgallery, .specials .feat_stdgallery  {background: var(--light-grey); padding: 0px 0px 30px 0px;}

.gallerypage h3{display: none;}


/* Lightbox css */

.lightbox { display:none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px 0px 0px 0px; box-sizing: border-box; z-index: 50; background-color: rgba(0,0,0,0.9); overflow: scroll; }
.lightbox .logo { display: block; width: 305px; height: 75px; margin-bottom: 50px; }
.lightbox .close {position: absolute; z-index:10;  color:white; top: 20px; right: 20px; cursor:pointer; width: auto;height: 30px;}
.lightbox .close:before {content:'Close';}

.lightbox .feat_carousel { width: 100vw; height: 100vh; margin: 0px auto 0px auto; overflow:hidden }
.lightbox .feat_carousel .carousel ul {width: 40000em; position:relative;  }
.lightbox .feat_carousel .carousel li { float: left; width: 100vw !important; height: 100vh;  text-align:center;  line-height: 100vh; }
.lightbox .feat_carousel .carousel li img { max-width: 90%; max-height: 100%; vertical-align: middle; width: auto; height: auto; margin: 0px auto 0px auto !important; }
.lightbox .feat_carousel .carousel-prev { position: absolute; width: 22px; left: 20px; height: 100%; float: left;}
.lightbox .feat_carousel .carousel-next {   position: absolute; width: 22px; right: 20px; height: 100%; float: right;}
.lightbox .carousel-next {top: -100px;  position: absolute; width: 22px; right: 20px; height: 100%; float: right;}

.lightboxlink {display: none;}



/*********************************************************************************/
/*Reviews*/
/*********************************************************************************/

.reviews, .privacypolicy {background: var(--light-grey);}
.reviews strong, .privacypolicy h3 {font-family: RoboConReg, sans-serif; font-weight: bold; letter-spacing: 1.2px; font-size: 18px; }
.reviews .pagecontent_inner, .privacypolicy .pagecomponents_inner {max-width: 1100px; margin: 60px auto 0px auto;}
.reviews .boxes {display: flex; flex-wrap: wrap;}
.reviews p {text-align: center; color: black;}
.reviews .util_textbox .content {margin: 25px 0px; padding: 35px 25px; background: black; }
.reviews h3 {line-height: 1.5; font-size: 19px; color: white; ;}
.reviews .carousel a {color: white;}
.reviews .util_textbox .content {min-height: 580px; border-radius: 15px;}
.reviews i {color: var(--red);}

.reviewcar .titletxt { font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif; text-align: center;padding: 10px 0px 15px 0px; border-top: 3px solid black;border-bottom: 3px solid black;max-width: 550px;margin: 10px auto;}
.reviewcar {position: relative;overflow: hidden;margin: 20px auto 0px auto;padding-bottom: 80px; background-color: var(--blue);clear: both;}
.reviewcar .carousel ul { width: 20000em; position: relative; }
.reviewcar li { float: left; text-align: center; margin: 0px 10px;}
.reviewcar .carousel-prev{ position: absolute; top: 720px; left: 40%;}
.reviewcar .carousel-next {position: absolute; top: 720px; left: 60%;}
.reviewcar .nextprevious i {font-size: 35px; color: black;}

@media(min-width:818px){

.reviewcar { max-width: 1220px;}
.reviewcar li { max-width: 390px;}

}

@media(max-width: 817px){

.reviewcar {width: 99%;}
.reviewcar .util_textbox { width: 90%; margin: 0px auto;  }

}

@media(max-width: 400px){

    .reviews .util_textbox .content {min-height: 632px;}
    .reviewcar .carousel-prev{ position: absolute; top: 760px; left: 40%;}
    .reviewcar .carousel-next {position: absolute; top: 760px; left: 60%;}

}



/*********************************************************************************/
/*Contact & Location*/
/*********************************************************************************/

.location video {max-width: 350px;height: auto;width: 100%;}
.location .util_textbox {background: var(--light-grey);padding: 60px 0px;}
.location .util_textbox .content {padding: 20px 10px; font-size: 18px;}
.location h2 {font-size: 30px; font-weight: 900;margin-bottom: 20px; font-family: RobConReg, sans-serif;}
.location .util_textbox p { line-height: 1.5; font-size: 110%;}

@media(min-width: 913px){

    .location .util_textbox_inner {display: flex; justify-content: center; align-items: center; gap:40px}
    .location .util_textbox .content {max-width: 650px;}
    .location .util_textbox .imageleft {margin: 10px;}
}
@media(max-width: 912px){

    .location .util_textbox .content {display: block;}
    .location .imageleft {width: 300px; margin: 0px auto;}
}

@media (max-width: 822px){
    .location .util_textbox {margin-top: 70px;}
}

/* Survey & google map */

.footertop {background-color: var(--red);width: 100%;align-items: center;padding:  64px 0px 32px 0px;}
.footertop .feat_googlemap { display: inline-block;}
.footertop .surv_standard { background: white; padding: 1rem 3%; margin: 0 2%;}
.footertop .surv_standard h2 {font-size: 1.25rem; text-transform: uppercase; color: #D34728; font-weight: 700; font-family: RoboConReg, sans-serif; padding: 0px; margin: 16px 0px;}
.footertop .surv_standard p {font-size: 18px; color: #666666; line-height: 150%; font-weight: 600; padding: 0px ; margin: 16px 0px;}
.footertop .surv_standard .contactinfo {color: #D34728; font-weight: 800;}
.footertop .surv_standard .blue {font-size: 1rem; text-transform: uppercase; color: #1A3352; margin: 0; font-family: RoboConReg, sans-serif; font-weight: 700;}
.footertop .surv_standard .tblue {font-weight: 800;color: #1A3352; margin: 0px;}
.footertop .surv_standard .formbuilder {margin-top: 16px;}
.footertop .surv_standard .label {display: none;}
.footertop .surv_standard input {width: 96%;color: #666666;border: 0;font-size: .875rem;padding: 8px 12px; background: #ECECEC;font-family: 'Open Sans', sans-serif; height: 35px;}
.footertop .surv_standard textarea {width: 96%;color: #666666;border: 0;font-size: .875rem;padding: 0.5rem 2%;background: #ECECEC;font-family: 'Open Sans', sans-serif; height: 206px;}
.footertop .surv_standard .input {margin: 12px 0px;}
.footertop .surv_standard .buttons input {background: #D34728;text-decoration: none;color: #FFFFFF;text-transform: uppercase;padding: 10px 5px;margin: 1em 0;border: 0;font-size: 1rem;letter-spacing: 2px; width: 116px; height: 40px; transition: background-color ease-out .5s;}
.footertop .surv_standard .buttons input:hover {background:#AB3A21 ;}

@media (min-width: 1043px){

    .footertop .items {display: flex; justify-content: center;align-items: center; margin-bottom: 60px;}
    .feat_googlemap {width: 50%; margin: 0 2%;}
    .footertop .surv_standard {width: 685px;border: 3px solid black;}

}
@media (max-width: 1042px){

    .feat_googlemap {width: 100%; margin: 20px auto; padding: 0px 20px;}

}
@media(max-width:736px){

    .footertop {padding:  04px 0px 32px 0px;}

}



/*********************************************************************************/
/*Mailing list form*/
/*********************************************************************************/

.int_newsletter {background: black;color: white;max-width: 600px;font-size: 19px;padding: 20px 10px;}
.int_newsletter input {background: white; padding: 18px 5px;}
.int_newsletter .formbuilder {display: flex; justify-content: center;}
.int_newsletter .buttons {margin: 10px 0px;}
.int_newsletter .buttons input {background: var(--red); padding: 10px 40px; transition: background ease-in 0.2s;}
.int_newsletter .buttons input:hover {background: #ba472d; }
.int_newsletter .label {display: none;}

.int_newsletter fieldset {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.int_newsletter div.text {width: 100%; text-align: center; margin: 15px 0px 5px 0px; font-family: RoboConReg; font-weight: bold;}
.int_newsletter div.text p {padding: 5px;}

.mailpage {background: var(--light-grey); padding: 0px 0px 260px 0px;}
.mailpage .int_newsletter {margin: 80px auto 0px auto; width:800px;}
.mailpage .int_newsletter .field{ width: 100%; text-align: center; margin: 10px 0px;}
.mailpage .field input {width: 100%; margin-bottom: 10px;}
.int_newsletter .message {padding: 12px 0px; font-size: 19px;}


/*********************************************************************************/
/*Search*/
/*********************************************************************************/


.searchbar {background: var(--red); padding: 25px 0px 15px 0px; text-align: center;}
.searchbar input[type=text] {background-color: white; padding: 18px;}
.searchbar input[type=submit] {background: #ab3a21;}
.searchbar input[type=submit]:hover {background: #ba472d;}

.util_sitesearch {background: var(--light-grey); }
.util_sitesearch .titletxt{background-color: var(--medium-grey);}
.util_sitesearch input[type=text] {background-color: white; padding: 19px;}
.util_sitesearch input[type=submit] {background: var(--red); transition: background 0.3s ease-in-out; border: none; padding: 10px 30px; }
.util_sitesearch input[type=submit]:hover {background: var(--hover-red);}
.util_sitesearch form {padding: 20px 0px; text-align: center;}
.util_sitesearch #result_report {text-align: center; margin: 20px 0px; border-bottom: 2px solid black; padding: 20px 0px; max-width: 800px; margin: 0px auto;}
.section192 .promo {display: none;} 

.util_sitesearch b {font-weight: bold;}
.util_sitesearch #results {max-width: 800px; margin: 0px auto;}
.util_sitesearch .result {margin: 20px 0px; border-bottom: 2px solid black; padding-bottom: 20px;}
.util_sitesearch #results a { font-weight: bold;}
.util_sitesearch .title {padding-bottom: 10px; font-size: 18px;}
.util_sitesearch br {display: none;}
.util_sitesearch .include {padding-top: 40px;padding-bottom: 80px; margin: 20px;}
.util_sitesearch .url {display: none;}
.util_sitesearch .showmore {text-align: center; padding-top: 20px;}
.util_sitesearch .showmore a {background:var(--red); font-size: 18px; padding: 10px;  color: white;}
.util_sitesearch .showmore a:hover {background: var(--hover-red);}












/*********************************************************************************/
/*Other and old*/
/*********************************************************************************/


@media (min-width: 1025px){

    /* Dog policy & Warm welcome */
    .warmwelcome .util_textbox_inner, .dogpolicy .util_textbox_inner {display: flex;}
    .dogpolicy .util_textbox_inner {align-items: center;}
    .warmwelcome .imageright, .dogpolicy .imagebottom {width: 50%;}
    .warmwelcome .content, .dogpolicy .content {width: 40%; margin: 0px 85px;}

    /* Gourmet */
    .gourmet .imagebottom { float: left;}
    .gourmet .content {width: 50%; float: right; padding-top: 100px;}

    /* Opening times */
    .openingtimes .util_textbox_inner {display: flex; align-items: flex-start;}
    .openingtimes .imagetop {width: 50%; margin-top: 5rem;}
    .openingtimes .content {width: 40%; margin: 0 5%;}

}
@media (max-width: 1024px){

    /* Groumet */
    .gourmet .imagebottom {display: block; margin: 0px auto; max-width: 500px; height: auto;}
    .gourmet .content {padding: 0px 15px;}

    /* Opening times */
    .openingtimes .imagetop {width: 100%;}
    .openingtimes .content {width: 100%;}

}

/* Groumet */

.gourmet { margin: 0px auto; background: #FAFAFA; height: 600px; padding: 100px 0px 40px 0px;}
.gourmet .util_textbox_inner {max-width: 1240px; margin: 0px auto;}
.gourmet .imagebottom {width: 45%; height: auto;}
.gourmet h2 {font-family: RoboConReg, sans-serif; font-weight: 700; font-size: 1.5em;}
.gourmet a {color: var(--red);}

/* Food Banner */
@media(min-width: 401px){
    .foodbanner {width: 100%;pointer-events: none;}

}
@media(max-width: 400px ){
    .foodbanner {background: black;padding: 40px 0px; }

}

.foodbanner img {width: 100%;}

/* Menu section */

.homemenu {text-align: center; background:#FAFAFA; padding: 30px 0px 10px 0px;}
.homemenu h2 {font-size: 2.5em; font-weight: 700; font-family: RoboConReg, sans-serif;}
.homemenu p a {color: #FFFFFF;border: 3px solid #000000;background: #d34728;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.homemenu .button a:hover {background: #DA5B3E;}
.homemenu .menubutton a:hover {border: 3px solid var(--red);}
.homemenu .menubutton a {background: white; color: black;}
.homemenu p {margin: 80px 0px 30px 0px;}

/* Opening Times */

.openingtimes {width: 90%; margin: 40px auto;}
.openingtimes img {width: 100%; height: auto;}
.openingtimes h2 {font-size: 1.875rem; font-weight: 700; font-family: RoboConReg, sans-serif;}
.openingtimes .title {font-size: 1.25rem; text-align: center; clear: both; padding-top: 15px;}
.openingtimes .itemleft {width: 48%;margin: 5px 1%;font-weight: 700;}
.openingtimes .itemright {width: 48%;margin: 5px 1%;font-weight: 700;}
.openingtimes .itemleft p, .openingtimes .itemright p {font-size: 1.125rem; font-family: RoboConReg, sans-serif;}
.openingtimes .closed {text-align: center; background: #F5F5F5 ; width: 56%; margin: 0px auto; font-size: 1.125rem; font-family: RoboConReg, sans-serif; color: #666666; padding: 10px 2%; font-weight: 700;}
.openingtimes .background {background: #F5F5F5; color: #666666; padding: 10px 2%; display: inline-block;}
.openingtimes .text {padding-top: 20px; clear: both;}
.openingtimes a {color: #FFFFFF;border: 3px solid #000000;background: #d34728;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.openingtimes a:hover {background: #DA5B3E;}
.openingtimes #opening {background: none; border: none;}
.openingtimes .button {text-align: center; margin-top: 30px;}
.openingtimes strong {font-weight: bold; font-family: Monster, sans-serif;}


@media(min-width:417px){

    .openingtimes .itemleft {float: left; text-align: right;}
    .openingtimes .itemright {float: left;}

}

@media(max-width: 416px){

    .openingtimes .itemleft, .openingtimes .itemright {text-align: center; margin: 0px auto; margin-top: 5px;}

}

/* Home Gallery */

.homegallery {margin: 0px auto; background: var(--red);padding: 40px 0px 80px 0px; }
.homegallery ul {display: flex; justify-content: center; flex-wrap: wrap;}
.homegallery li {width: 250px;  margin: 8px 14px;} 
.homegallery img {height: auto; width: 100%; border: 1px #666 solid; cursor: pointer;}
.homegallery .divider {display: none;}
.homegallery .titletxt {font-size: 1.875rem;text-align: center; color: white; font-family: RoboConReg, sans-serif; font-weight: 700; margin: 0px 0px 40px 0px; }
.homegallery a {font-weight: 700; font-size: 1rem; }
.homegallery a:hover {color: var(--red);}
.homegallery .link {text-align: center; margin: 20px auto 0px auto; border: none;}
.homegallery .footerlinks {display: block; text-align: center;}



/*  Gift vouchers */

.gift {width: 90%; margin: 40px auto;}
.gift img {width: 100%; height: auto;}
.gift h2 {font-size: 1.875rem; font-weight: 700; font-family: RoboConReg, sans-serif; margin: 24px 0px;}
.gift strong {font-size: 1rem;line-height: 150%;font-weight: bold;color: #000000; font-family: Monster, sans-serif; }

@media (min-width: 1025px){

    .gift .util_textbox_inner {display: flex;}
    .gift .imagetop {width: 50%;}
    .gift .content {width: 40%; margin: 0 5%;}

}

@media (max-width: 1024px){

    .gift .imagetop {width: 90%; height: auto; margin: 0px auto;}
    .gift .content {width: 100%; margin: 0 5%;}

}



/* Christmas tab */
.christmas .util_tabbed ul {max-width: 750px; margin: 40px auto; display: flex;}


@media(max-width:693px){

    .christmas .util_tabbed ul {display: block;}
    .christmas .util_tabbed li {margin: 35px 0px; text-align: center; }

}

/* Christmas tab end */

@media (min-width: 1025px){

    .festive .util_textbox_inner {display: flex;}
    .festive .imagetop {width: 50%;}
    .festive .content {width: 40%; margin: 0px 85px;}

}



/* Festive opening times */

.festivetimes {width: 100%;margin: 0px auto;background: black; padding: 10px 0px 20px 0px;}
.festivetimes h2 {font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif;text-align: center;color: white;padding-top: 20px;}
.festivetimes .title {font-size: 1.25rem; text-align: center; clear: both; padding-top: 15px;}
.festivetimes .itemleft p, .openingtimes .itemright p {font-size: 1.125rem; font-family: RoboConReg, sans-serif;}
.festivetimes .background {background: #F5F5F5; color: #666666; padding: 10px 2%; display: inline-block;}
.festivetimes .text {padding-top: 20px; clear: both;}
.festivetimes a:hover {background-color: #DA5B3E;}
.festivetimes a {color: #FFFFFF;border: 3px solid #000000;background: #d34728;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.festivetimes a:hover {background: white; color: var(--red);}
.festivetimes .button {text-align: center; margin-top: 30px;}
.festivetimes p {text-align: center;color: white;}
.festivetimes .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 600px;margin: 0px auto;align-items: center;}
.festivetimes .itemleft {width: 49.5%;text-align: right;margin-top: 10px;padding-left: 10px;}
.festivetimes .itemright {width: 49.5%; margin-top: 10px;}
.festivetimes .red p{background: var(--red); color: white; width: 100%;}
.festivetimes .white p {width: 100%;}
.festivetimes strong { font-weight: bold; font-family:RoboConReg; text-align: center;}

.festivepromo {background: var(--red);}


/* Christmas */

.christmas2022 {margin: 40px auto; width: 90%;}


.open-times{color: #E6B43C; text-align: center; padding: 20px;}
.open-times h2 {font-size: 30px; color: white; text-align: center; margin-bottom: 15px;}
.open-times {background-position: center center; background-size: cover; background-attachment: fixed;}
.open-times .footerlinks {margin: 20px 0px;}
.open-times .content {background: rgba(0,0,0,0.50); max-width: 600px; margin: 0px auto; padding: 20px;}
.open-times .footerlinks a {color: #FFFFFF;border-radius: 17px; background: #d34728;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.open-times .footerlinks a:hover {background-color: #ba472d; color: black;}

.christmas-menu .titletxt {color: white; text-align: center; font-size: 35px; margin: 20px 0px;}


.christmas2022 img {width: 100%; height: auto; max-width: 900px;}
.christmas2022 strong {font-family: RoboConReg, sans-serif; font-weight: bold; letter-spacing: 1.2px; font-size: 19px;}
.christmas2022 a {color: #FFFFFF;border-radius: 17px; border: 3px solid #000000;background: #d34728;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.christmas2022 a:hover {background: #ba472d; color: black;}
.christmas2022 .button {text-align: center; margin: 20px 0px;}
.christmas .menubutton{text-align: center; margin: 20px 0px;}
.christmas .menubutton a {color: #FFFFFF;border: 3px solid #000000;background: #E6B43C;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.christmasmenu {margin: 80px 0px;}
.christmas .christmenu {text-align: center;}
.christmas .christmenu h2 {font-size: 35px; font-weight: 900; font-family: RoboConReg, sans-serif; max-width: 1000px; margin: 20px auto; color: #C29D73; padding: 15px;}
.christmas .christmenu img {max-width: 1000px; width: 100%; height: auto;}

.christmas .festivepromo {padding-top: 10px;}
.christmas .festivepromo h2{font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif;text-align: center; margin: 50px auto; background: var(--red); padding: 30px 0px 30px 0px; color: white; border-bottom: solid 4px black; max-width: 500px; border-top: solid 4px black;}
.christmas .festivepromo .content {text-align: center;}
.christmas .festivepromo img {margin: 20px; border: solid 4px black; width: 80%; height: auto; max-width: 850px;}

.christmas .christmenu {background: var(--red); margin: 0px auto; padding: 60px 0px;}
.christmas .christmenu a {    font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif;text-align: center;margin: 20px 0px;background: var(--red);padding: 50px 0px;color: white;}
.christmas .christmenu p { margin: 60px 0px;}

.festive h2 {font-size: 1.875rem; font-weight: 700; font-family: RoboConReg, sans-serif; margin: 25px 0px;}
.festive {width: 90%; margin: 0px auto 40px auto; background: white; }
.festive a {color: #FFFFFF;border: 3px solid #000000;background: #d34728;padding: 12px 20px;text-transform: uppercase;text-decoration: none;font-size: 1.25em;font-family: RoboConReg, sans-serif;}
.festive a:hover {background: #DA5B3E;}
.festive strong {font-family: Monster, sans-serif; font-weight: bold;}
.festive img {width: 100%; height: auto;}
.festive .button {text-align: center; margin: 30px 0px;}

.christmas2022 p {color: #E9C369;}

.christmas .util_tabbed {background: var(--red); padding: 40px 0px;}

.christmas {background: black;}
.christmas .pagetitle {color: #E9C369;}


@media (min-width: 1115px){

    .christmas2022 .util_textbox_inner {display: flex;}
    .christmas2022 .content {width: 40%; margin: 5% 40px 40px 50px;}
    .christmas2022 .imagetop {width: 50%;}

}
@media (max-width: 1114px){

    .christmas2022 .imagetop {text-align: center; margin: 20px 0px;}

}

/* New Years */

.newyears .pagecontent {background: var(--red); padding: 40px; text-align: center;}
.newyears h2 {font-size: 30px; font-weight: bold; color: white;margin-bottom: 10px;}
.newyears p {color: white;}

.util_tabbed h2 {font-size: 30px; font-weight: bold; color: white;margin-bottom: 10px; text-align: center;}

.newyears .nyflyer {text-align: center;}
.newyears .nyflyer img {max-width: 1000px; width: 100%; height: auto; max-height: 1300px;}
.newyears .nyflyer .util_textbox_inner {display: flex; justify-content: space-between;}

.newyears .util_tabbed {padding: 40px 0px; background: var(--red);}
.newyears .util_tabbed h2 {text-align: center; }
.newyears .util_tabbed div {text-align: center;}
.newyears .util_tabbed img {width: 100%; height: auto; max-width: 1100px; border: 4px solid black;}
.newyears .util_tabbed ul {max-width: 500px;}
.newyears .util_tabbed .ui-tabs-anchor {border: 2px solid white; padding: 13px 10px; color: white; font-size: 20px;}
.newyears .nyflyer {background: black; padding: 60px 20px;}

.newyears .pagetitle {display: none;}

.newyears .util_tabbed .ui-tabs-anchor:hover {background: black;}


/* Valentines */

.valentines {background: #E01C3B;}
.valentines h2 {text-align: center;font-size: 1.875rem;font-weight: 700;font-family: RoboConReg, sans-serif;text-align: center;padding: 20px 0px;margin: 20px auto; color: white;}
.valentines img {height: auto; width: 100%; max-width: 700px; border-top: solid white 4px; padding:20px 0px 20px 0px; border-bottom: solid white 4px;}
.valentines .pageheader { background-size: cover;}
.valentines p {font-size: 18px;}

.valentines p {color: white; }
.valentines .content {padding-top: 40px;}




#singleplatform {font-family: RoboConReg !important;}
#singleplatform .menus .menu .section { font-family: RoboConReg !important;}
.menu-title{ font-family: RoboConReg;}


/* Specials */

.specials {background: var(--red); color: white;}
.specials .content { margin: 20px auto; padding: 20px 5px; }
.specials h2{font-size: 30px; color: white;}
.specials a{    
    color: #FFFFFF;
    background: var(--red);
    border-radius: 17px;
    border: solid 2px black;
    padding: 10px 14px 10px 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    transition: background 0.3s ease-in-out;
    letter-spacing: 2px;
}

.specials a:hover{ background: #AB3A21;}



/* careers */
.careers {background: var(--red);}
.careers .pagecontent {margin: 20px auto; text-align: center;}
.careers .pagecontent_inner {width: 60%; margin: 0px auto;}
.careers h2, .careers h3, .careers h4 {font-family: RoboConReg, sans-serif; font-weight: 700; font-size: 2em;}
.careers h3 {font-size: 1.5em;}
.careers h4 {font-size: 1.17em;}
.careers a {color: var(--red);}

.careers .jobs {margin: 0px auto; width: 90%; padding: 20px 0px;}
.careers .jobs img {width: 100%; height: auto;}
.careers h2 {font-size: 1.875rem; margin: 25px 0px; color: white;}
.careers h3 {color: white;}
.careers h4 {color: white;}
.careers a {font-size: 15px; color: white; background: black; padding: 15px 30px; transition: background 0.3s ease-in-out;}
.careers a:hover {background: white; border: solid 1px black; color: black;}
.careers .jobs strong {font-weight: bold; font-family: Monster, sans-serif;}
.careers .jobs p {margin: 16px 0px;}
.careers p {font-size: 18px; color: white;}

@media (min-width: 1026px){

    .careers .jobs .util_textbox_inner { display: flex; }
    .careers .jobs .imagetop {width: 50%;}
    .careers .jobs .content {width: 40%; margin: 0px 69px;}

}



/* parralax Headers */

@media(min-width: 823px){

    .events .pageheader, .location .pageheader, .christmas .pageheader, .weddings .pageheader {background-attachment:fixed;background-position: center center;/* height: 850px; */background-size: cover;height: auto;}
}

@media (max-width: 822px){

    .events .pageheader, .location .pageheader, .christmas .pageheader, .weddings .pageheader{background-attachment:scroll; background-position: center center; /* height: 500px; */  height: 200px; background-size: cover;}
}

@media (max-width: 650px){

    .events .pageheader, .location .pageheader, .christmas .pageheader, .weddings .pageheader {/* height: 400px; */}
    .christmas .pageheader {background-size: cover;}
}

@media(max-width: 350px){

.christmas .pagetitle {padding: 20px;}

}

.error404 h2, .error404 a{  font-weight: 700;font-size: 35px;padding: 300px 0px;text-align: center;font-family: RoboConReg, sans-serif; color: white;}
.error404 a {color:var(--red);}

.rosette {background: none;position: absolute;z-index: 999;top: 135px;left: 15px;}
.rosette img {max-width: 130px;}

.guru .html {width: 120px;}
.badges .items {display: flex; justify-content: center; gap: 20px;}
.badges img {width: 100px;}





#circle-r-ribbon { width: 120px; height: 120px; transform: scale(0.75); transform-origin: top left; }  
.r-ribbon_ahead svg, .r-ribbon_ahead-bottom svg { width: 120px; height: 120px; }  
.r-ribbon_ahead-heading, .r-ribbon_ahead-subh { font-size: 10px; }  
.r-ribbon_year { font-size: 14px; }  
.r-ribbon_title { font-size: 12px; }



@media (max-width: 1075px) {
    .rosette {top: 550px;}
    .footerbottom .badges .items { flex-direction: row;}
}

/* Privacy Policy */

.privacypolicy .pagecomponents_inner { padding-bottom: 20px; }
.privacypolicy p { padding-bottom: 10px; line-height: 2;}
.privacypolicy a { color: var(--red); font-weight: 700; }
.privacypolicy a:hover { color: var(--hover-red)}

@media ( max-width: 1140px )
{
    .privacypolicy .pagecomponents_inner { max-width: 96%;}
}

.whitebackground .pagecontent {background-color: var(--light-grey); color: black !important; padding: 50px 0;}
.whitebackground .pagecontent p { color: black !important;}
.whitebackground .pagecontent h2 { color: black !important; font-size: 1.875rem;}


/* Christmas home banner*/

.christmas-banner { min-height: 300px; }
.christmas-banner .util_textbox_inner .content {position: relative;}
.christmas-banner .util_textbox_inner .content p {
    position: absolute;
    top: 50%;
    left: 50%;
    top: -30px;
    transform: translate(-50%, -50%);
    text-align: center;
    color: black;
    font-weight: bolder;
    font-size: 150%;
}

.christmas-banner .imagetop {
    position: relative;
    background-size: cover;
    background-position: center bottom;
    height: 300px;
    width: 100%;
}

.christmas-banner .imagetop::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px; /* height of shadow at the top */
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
    pointer-events: none; /* so it doesn’t block clicks */
}


@media(max-width: 600px) {
    .christmas-banner .util_textbox_inner .content p {font-size: 110%;}
}


/* Home video */
.welcome-video {background-color: var(--medium-grey); padding: 20px 0;}
.welcome-video .items {display: flex; width: 100%; align-items: center;}
.welcome-video .items .redcontent {width: 66%;}
.welcome-video .items .redcontent .util_textbox_inner .content {max-width: 800px;}

.home-video {width: 33%; display: flex;}
.home-video .player {margin: 0 auto;}
.home-video .player video {height: 500px;}

@media(max-width: 768px) {
    .welcome-video .items {flex-direction: column;}
    .welcome-video .items .redcontent {width: 100%;}

}

@media(max-width: 425px) {
        .home-video {width: 100%;}
    .home-video .player video {width: 100%; height: auto;}

}