@media (hover:hover) { }
@media (hover:none) { }
* { box-sizing:border-box; -moz-box-sizing:border-box; }
/*
font-family: 'Raleway', sans-serif;
font-family: 'Fjalla One', sans-serif;
*/
/* */

:root {
 --red: #85091e; /*  */
 --red2: #f71c24;
 --blue:#0083ca;  /*blue hover */
 --text: #272727;
 --text2:#0083ca;
 --curve1: 20px 3px 20px 3px;
 --curve1b: 3px 20px 3px 20px;
 --curve2: 40px 6px 40px 6px;
 --curve2b: 6px 40px 6px 40px;
}

html,body,h1,h2,h3 {margin:0;padding:0; }
html {}
html.home {overflow-x:visible;}
body {color: rgb(250 250 250 / 64%);font-family: 'Raleway', sans-serif;font-size: 1.25em;font-size: clamp(1.3rem, 2.3vw, 1.45rem);background: #0f1014;}
img {border:none;}
a {
    border:none;
    text-decoration:none;
    outline:none;
    font-weight:normal;
    color: black; 
    transition:0.3s;
}
h1 {display:block;color: white;font-size: 2.5em;font-size: clamp(2.4rem, 5.1vw, 4.1rem);font-family: 'Fjalla One', sans-serif;line-height: 1em;font-weight: 400;letter-spacing: 1px;margin: 0px 0 38px 0;/* text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.22); */}
.home h1 {
    margin: 0px 0 58px 0;
    font-size: clamp(2.4rem, 9.4vw, 4.1rem);
	letter-spacing: 4px;
}
h2 {color: white;font-family: 'Fjalla One', sans-serif;font-size: 2.6em;line-height: 1em;margin: 25px 0 30px 0;text-align: left;font-weight: 800;font-size: clamp(2rem, 4vw, 2.6rem);font-family: 'Fjalla One', sans-serif;}
.home h2 {/* font-size: 30px; *//* margin: 25px 0 10px 0; *//* text-align: center; *//* font-weight: normal; */}
h3 {font-size: 19px;margin:17px 0 0 0;line-height: 25px;/* font-weight:normal; */}
h4 {font-size:2rem;font-size: clamp(1.4rem, 3vw, 1.6rem);}
p {margin: 20px 0;line-height: 1.3em;}

@media (max-width:730px) {
	h1 {/* font-size: 2.3em; */}
	.content p {font-size: 18px;line-height: 25px;}
}

table {
    font-size: 1em;
}
hr { border:none;  margin: 30px 0; border-bottom: 2px solid #2ea4a5;}
input {outline:none;}

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable, .clickable2 { cursor:pointer;}

::selection {background: #d2d2d2; color:#292929 ;}
::-moz-selection {background: #d2d2d2; color:#292929 ;}
::-webkit-selection {background: #d2d2d2; color:#292929 ;}

.clear {clear:both;}

.tel, .tel:hover {text-decoration:none !important; cursor:default; color:white;}


.button {
    display:inline-block;
    color:white;
    padding: 5px 4%;
    border-radius: 10px;
    font-family: 'Fjalla One', sans-serif;
    border: 5px solid white;
    font-weight: normal;
    background:var(--red);
    margin: 10px 2%;
    transition:0.3s;
}
.button:hover {
    background:var(--red2);
}



/*HEADER===================================================*/

header {position: absolute;left: 0;top: 0;width:100%;display:block;z-index: 100;width: 100%;transition:background 0.3s;}
		
	.header-inner {display: flex;justify-content: space-between;align-items: center;position:relative;margin:0 auto;padding: 11px 5%;/* max-width: 1630px; */}

		/*.logo {display:block; position:absolute; z-index: 10; top:-6px; left:4px;  width:289px; height:87px; background:url(../images/commanders-palace-logo.png) no-repeat 9px 15px;  transition:0.3s;}*/
		.logo {
            position: relative;
            z-index: 1000;
            display: inline-block;
            padding: 0  0 0 12px;
            transition: 0.3s;
        }
		.logo img {/* max-width: 100%; */height:auto;transition: 0.3s;}

.header-inner .box {
	height:auto;
}

.header-inner .right  {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-end;
}

.header-inner .right .giftCards {
    position: relative;
    border: 2px solid var(--red);
    border-radius: var(--curve1);
    padding: 8px 20px 8px 56px;
    font-family: 'Fjalla One', sans-serif;
    color: white;
    margin-top: 26px;
    background: rgb(0 0 0 / 16%);
}
.header-inner .right .giftCards:before {
    position: absolute;
    content:'';
    left: 11px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 29px;
    background: url(../images/gift.png) no-repeat center;
    background-size: 32px auto;
    opacity: 0.6;
}
.header-inner .right .giftCards:hover {
    background: var(--red);
    border-radius: var(--curve1b);
}

@media screen and (max-width: 1300px) {	
	.header-inner .box {
		display:none;
	}
}

@media (max-width:1100px) {
	.logo img {width: 240px;}
}

@media (max-width:980px) {
    .header-inner .right .giftCards {
        margin-top: 85px;
    }
    .header-inner {
        padding: 11px 22px;
    }
    .logo {
        padding: 0px 0 0 0px;
        margin-top: 14px;
    }
}

@media (max-width:470px) {
    .header-inner {
        flex-direction: column;
    }
}

	/* Nav======================= */
	nav {position:relative;float: right;/* z-index: 110; */width: 100%;text-align: right;}
	nav .mobileMenu {display:none;position:absolute;bottom: 0px;right: 47px;width:90px;font-weight: 900;height:100%;color: rgb(255 255 255 / 79%);}
	nav > .mobileMenu:before {position:absolute;content:"MENU";right: 35px;top: 0px;display:block;cursor:pointer;font-weight: bold;line-height: 78px;font-size: 2rem;font-weight: 900;letter-spacing: 1px;font-family: 'Fjalla One', sans-serif;transition: 0.3s line-height;}
	nav > .mobileMenu:after {position:absolute;content:"\f0c9";right: 0px;top: 1px;font-family:Font Awesome\ 5 Pro;display:block;cursor:pointer;line-height: 77px;font-size: 1.9rem;transition: 0.3s line-height;}
	nav > ul {display: flex;justify-content: flex-end;list-style:none;margin:0;padding:0;text-align: right;}
	nav > ul > li {position:relative;z-index:10;float: right;font-weight: bold;}
			   li.hasChildren:before {display: none;position:absolute;left: 50%;bottom: 34px;margin-left: -8px;content:'';width: 0px;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #ffc11e;transition:0.3s;}
	nav > ul > li > a {
        display: block;
        text-align: center;
        padding: 1px 0 0 34px;
        line-height: 1em;
        color: rgb(255 255 255 / 83%);
        font-size: 1.2em;
        font-size: clamp(1.2rem , 1.8vw , 1.5rem);
    }
	nav > ul > li:first-child > a {/* border-left: 1px solid #262626; */}
	nav > ul > li:hover {}
			   li.hasChildren:hover:before {border-top: 8px solid #000000;}
	nav > ul > li:hover a {text-decoration: underline;}

	nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 6px 0 1px 0;/*width: 210px;*/left: 0;top: 45px;overflow:hidden;transition: 0.2s;}
	nav > ul > li ul.ourRestaurants {left:inherit; right:0px; }
	nav > ul > li ul  li  {position:relative;margin: 0;float: left;box-sizing: border-box;margin:1px 1% 1px 0px;width:100%;box-shadow: 1px 5px 5px -3px  rgba(0, 0, 0, 0.3);}

	nav > ul > li ul  li  a {position:relative;display:block;line-height:17px;padding: 0;letter-spacing: -3px;font-weight: bold!important;font-size: 17px;font-size: 0.85em;color: #593904;color:rgba(255,255,255,0);transition: 0.3s;}
	nav > ul > li:hover ul  li  a  {background: #ffffff;letter-spacing: 0;color: #593904;transition: 0.3s;}
	nav > ul > li ul  li:first-child:before {border:none !important}
	nav > ul > li ul  li:hover:before { background:white; background:rgba(255, 255, 255, 1); transition: 0.2s;}
	nav > ul > li:hover ul  li:before {}
	nav > ul > li ul  li:hover a {/* background: #ffc11e; *//* color:#ffffff !important; */}
	nav > ul > li ul  li:hover  a.pdf:before {/*background:url(../images/pdf2.png) center -23px no-repeat;*/}
	nav > ul > li:hover ul {height:405px;  transition: 0.4s ;}


	nav > ul > li:first-child:hover ul {height: 230px !important;}
	nav > ul > li:hover ul li a { padding: 7px;}

	@media (max-width:980px) {

		nav {/* float:none; */position: absolute;width: 100%;min-height: 80px;left: 0%;}
		nav .mobileMenu {display:block;z-index: 1000;}
		nav > ul {padding: 158px 0px 0 0;/* background: white; */}
		nav > ul.selected {display: flex;flex-direction: column;position: absolute;border-bottom: solid 5px var(--red);right: 0px;top: 0px;width: 100%;background: black;}
		nav > ul.selected > li {width:100%; }
		nav > ul.selected > li a {line-height: 3em;text-align: right;}
		nav > ul > li.highlight2:before {background:rgba(255, 255, 255, 1) !important;}
		nav > ul.selected > li { display:block; margin-top: 1px; }
		nav > ul > li:before {display:none;}
		nav > ul > li {display:none;margin-top:0px !important;border-top: 2px solid rgba(68, 68, 68, 0.27) !important;}
		nav > ul > li > a {font-size: 1.4rem;position:relative;padding: 0 45px 0 0;color: white!important;/* background: #ffc11e !important; */color: white;}
		nav > ul > li.hasChildren > a:before {/* display:none; */position:absolute;content:"\f0d8";font-family:Font Awesome\ 5 Pro;right: 17px;bottom: -16px;font-size: 20px;color: #ead8c0;}
		nav > ul > li ul {width: 100%;/* display: none; */height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: rgba(255, 255, 255, 0.42);}
		nav > ul > li:first-child:hover ul {height:inherit !important;}
		nav > ul > li:hover ul, nav > ul > li.opened ul {display: block;}
		nav > ul > li:hover a:before, nav > ul > li.opened a:before {}
		nav > ul > li ul  li  {/*width: 50%;*/width: 100%;margin:0;box-shadow: none;}
		nav > ul > li ul  li  a,
		nav > ul > li ul  li:hover a {padding: 0px 15px 0px 0 !important;letter-spacing: 0px;background: none !important;color: #5c544a  !important;font-size: 15px !important;     line-height: 36px !important; border-bottom: 1px solid  rgba(0, 0, 0, 0.19);border-right: 1px solid rgba(0, 0, 0, 0.19);}
	}
    @media (max-width:470px) {
        nav .mobileMenu {
            right: calc(50% - 54px);
        }
        nav > ul.selected > li a {
            text-align: center;
            padding: 0 0 0 0;
        }
    }



    
/*HERO  on Homepage================================*/

.dynamic-headers {
    position: relative;
    display: flex;
    /* height: 50vh; */
    min-height: 300px;
}
.home .dynamic-headers {
    position: relative;
    display: flex;
    height: 93vh;
}

.dynamic-headers:before {
    position: absolute;
    z-index: 3;
    left:0px;
    top:0px;
    width:100%;
    height:200px;
    content:'';
    background: url(../images/fade1.png) top repeat-x;
    pointer-events:none;
}
.dynamic-headers:after {
    position: absolute;
    z-index: 3;
    left:0px;
    top: 1px;
    width: 100%;
    height: 100%;
    content:'';
    background: url(../images/fade2.png) left repeat-y;
    background-size: 100%;
    pointer-events:none;
}

.dynamic-headers .rslides {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
}
.dynamic-headers .rslides li {
    height: 100%;
}
.dynamic-headers .rslides li img {
    object-fit: cover;
    display: block;
    object-fit: cover;
    height: 100%;
}
.home .dynamic-headers .rslides img {
}
.overlay {
	position: relative;
	z-index: 4;
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	margin-left: 5%;
	margin: 140px 5% 50px 5%;
}

.overlay .buttons {
    display:flex;
    align-items: stretch;
    gap: 15px;
    color: white;
    font-size: 2rem;
    font-family: 'Fjalla One', sans-serif;
}
.overlay .call {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	font-size: 1.7rem;
	color:var(--red);
	border-radius: var(--curve1);
	border: 3px solid white;
	padding: 9px 24px;
	background: white;
}
.overlay .call span {
	color:var(--red);
}
.overlay .call strong {
	color:black;
    font-size: 2.5rem;
}
.overlay .call:hover {
    background: var(--red);
    border-radius: var(--curve1b);
    border: 3px solid var(--red);
}
.overlay .call:hover span {
    color: rgb(255 255 255 / 66%);
}
.overlay .call:hover strong {
    color:white;
}
.overlay .buttons span {
    display: flex;
    align-items: center;
}

.overlay .order_online {
    display: flex;
    align-items: center;
    font-size: 2.5rem;
    color: white;
    border-radius: var(--curve1);
    border: 2px solid white;
    padding: 9px 24px;
    border-radius:var(--curve1);
}
.overlay .order_online:hover {
    background: white;
    color:black;
    border-radius: var(--curve1b);
}

@media screen and (min-width: 580px) {	
    .home .dynamic-headers {
        height: 80vh;
    }
}

@media screen and (max-width: 470px) {	
    .overlay {
        margin: 320px 5% 50px 5%;
    }
}
@media screen and (max-width: 560px) {	
    .overlay .buttons {
        flex-direction: column;
    }
}



/*Menu CTA*/
.menuCTA {
    background: url(../images/red.png) repeat center;
    font-family: 'Fjalla One', sans-serif;
    padding: 0 5%;
}
.menuCTA .center {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 54px;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin:0 auto;
    height: 194px;
}
.menuCTA .center .left {
    display:flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    font-size: clamp(1rem , 2.8vw , 2.3rem);
    padding: 40px 0px;
}
.menuCTA .center h1.left {
    margin: 0px 0 0 0;
    line-height: inherit;
}
.menuCTA .center .left span {
    color: rgb(255 255 255 / 73%);
}
.menuCTA .center .left strong {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.7em;
    /* font-size:clamp(1.2rem , 5vw , 1.5rem); */
    white-space: nowrap;
    font-weight: normal;
}
.menuCTA .center .left strong i {
 
font-size: 0.6em;
 
opacity: 0.7;
 
margin-left: 25px;
}

.menuCTA .center .right {
    display:flex;
    justify-content: space-between;
}
.menuCTA .center .right a {
    position:relative;
    display:inline-block;
    width: 30%;
    text-align: center;
}
.menuCTA .center .right a img {
    display: block;
    border-radius:50%;
    width: 100%;
    max-width: 307px;
    border: 6px solid white;
    box-shadow: 0 0 19px rgb(0 0 0 / 39%);
    transition:0.3s;
}
.menuCTA .center .right a div {
    position: absolute;
    left:0px;
    bottom:0px;
    width:100%;
}
.menuCTA .center .right a span {
    display: inline-block;
    border-radius:var(--curve1);
    color: black;
    background: white;
    font-size: 1.8rem;
    margin: -27px 0 0px 0;
    padding: 10px 12px;
    min-width: 176px;
    box-shadow: 0 0 15px rgb(0 0 0 / 68%);
    transition: 0.3s;
}

.menuCTA .center .right a:hover img {
    transform: scale(1.08);
}

@media screen and (max-width: 950px) {	
    .menuCTA .center .right a {
        width: 33.3%;
    }
    .menuCTA .center .right a img {
        width: 120%;
        margin-left: -10%;
    }
    .menuCTA .center .right a span {
        min-width: inherit;
    }
}
@media screen and (max-width: 650px) {
    .menuCTA .center {
        height: inherit;
        flex-direction: column;
        gap:0px;
    }
    .menuCTA .center .left {
        font-size: clamp(1.6rem , 5.2vw , 2.3rem);
        padding: 29px 0px 0px 0px;
        transform: translateY(11px);
    }
    .menuCTA .center .right {
        transform: translateY(50px);
        width: 95%;
    }
}
@media screen and (max-width: 450px) {
    .menuCTA .center .right {
        flex-direction: column;
        align-items: center;
        gap: 29px;
    }
    .menuCTA .center .right a {
        width: 100%;
    }
    .menuCTA .center .right a img {
        width: 86%;
        margin: 0 auto;
        max-width: inherit;
    }
    .menuCTA .center .right a span {
        min-width: 176px;
    }
}



/* Main section layouts */
.main {
    position: relative;
    padding: calc(60px + 6vh) 0;
}
.main article {
    width:100%;
    display:inline-block;
    padding:0 3% 0;
}
.main article {display: block;width: 100%;max-width: 1100px;margin: 0 auto;}
.main aside { width:30%; float:right; background: #A6B7BF; padding:0 2em 1em; overflow:auto; }

.main article img {
    height: auto;
    border: 0;
    height: auto;
    border-radius: 7px;
    margin: 0 3% 10px;
    margin-bottom: 10px;
    max-width: 50%;
    transition: 0.3s;
}

.main article p strong {
    color: gainsboro;
}
.main article table.col2,
.main article table.col2 tbody,
.main article table.col2 tr,
.main article table.col2 td {
    display:block;
}
.main article table.col2 tbody {
    display:flex;
    flex-wrap:wrap;
}
.main article table.col2 tr {
    display: flex;
    width:50%;
}
.main article table.col2 td {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border:0;
}
.main article table.col2 td img {
    width: 100%;
    max-width: 464px;
    margin: 0 3% 10px;
}


.main article ul  {
    list-style: none;
    margin: 0;
    padding: 0 0 0 21px;
}
.main article ul li {
    position: relative;
    padding: 5px 0 5px 21px;
}
.main article ul li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--red);
}

@media (max-width:700px) {
    .main article table.col2 tr {
        width:100%;
    }
}


/*specialsCTA Slider =================================================*/
.specialsCTA {
    padding: 0 0;
    padding: 0 0 calc(40px + 5vh) 0;
    overflow: hidden;
}

.specialsCTA .main-carousel {
    max-width: 1600px;
    margin: 0px auto;
    padding: 0 20px;
    
  }
 
.specialsCTA .main-carousel .carousel-cell {
    position: relative;
    display: flex;
    align-items: initial;
    justify-content: stretch;
    padding: 0px 50px;
    /* overflow: hidden; */
    border-radius: 20px 6px;
    width: 87%;
    width: 100%;
    /* background: black; */
    /* box-shadow: 0 0 20px white; */
    overflow: hidden;
}

.specialsCTA .main-carousel .carousel-cell .left {
    display: flex;
    position: relative;
    width: 50%;
    overflow: hidden;
    object-fit:cover;
    border-radius: 40px 5px 0px 5px;
 }
 .specialsCTA .main-carousel .carousel-cell .left:before {
    position:absolute;
    content:'';
    left: 0px;
    top:0px;
    width: 102%;
    height:100%;
    pointer-events:none;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    transform: scale(-1 , 1 );
}
.specialsCTA .main-carousel .carousel-cell .left:after {
    position:absolute;
    content:'SPECIAL';
    z-index:1;
    left: -59px;
    top: 23px;
    color:black;
    font-size: 2rem;
    font-family: 'Fjalla One', sans-serif;
    background: rgb(255 255 255 / 72%);
    padding: 9px 70px 9px 70px;
    text-transform:uppercase;
    transform: rotate(-40deg);
  }

 .specialsCTA .main-carousel .carousel-cell .left img {
    width: 100%; 
    object-fit:cover;
 }
 .specialsCTA .main-carousel .carousel-cell  .right {
     width: 50%;
     display:flex;
     justify-content: center;
     flex-direction: column;
     background: black;
     padding: 20px 29px;
     border-radius: 0 0 40px 0;
 }

.specialsCTA .main-carousel .carousel-cell  .right h3 {
    font-size: 1.8rem;
    margin-bottom: 33px;
    font-size: 1.8rem;
    font-size: clamp(2.1rem, 3.8vw, 4.8rem);
    line-height: 1em;
    /* line-height: clamp(2.1rem, 3.8vw, 4.4rem); */
    font-family: 'EB Garamond', serif;
}
.specialsCTA .main-carousel .carousel-cell  .right h3 {
    color: white;
    font-weight: normal;
    font-family: 'Fjalla One', sans-serif;
}
.specialsCTA .main-carousel .carousel-cell  .right p {
    margin: 1px;
    font-size: 1.4rem;
    line-height: 1.6em;
}
.specialsCTA .main-carousel .carousel-cell  .right  a {
    color: var(--blue);
    font-family: 'Fjalla One', sans-serif;
    display: inline-block;
    border-radius: var(--curve1);
    border: 2px solid var(--red);
    color: white;
    background: var(--red);
    font-size: 1.8rem;
    margin: 31px 0 0px 0;
    padding: 10px 12px;
    text-align: center;
    min-width: 176px;
    box-shadow: 0 0 15px rgb(0 0 0 / 68%);
}
.specialsCTA .main-carousel .carousel-cell  .right  a:hover {
    background: none;
    border-radius: var(--curve1b);
}




/*Flickity  styling overides-----*/
.flickity-viewport {
    overflow:visible;
}
.flickity-slider {
    display: flex;
    align-items: center;
}
.flickity-button {
    color:white;
    top: calc(50% - 25px);
    background:transparent;
    transform: scale(1.5);
}
.flickity-button:hover {
    background:transparent;
}
.flickity-page-dots {
    top: 41px;
    bottom: inherit;
    margin: 0 0 0 38px;
}
.flickity-page-dots .dot {
    /* display: inline-block; */
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid white;
    overflow: hidden;
    text-indent: 100px;
    background: transparent;
    opacity: 1;
}
.flickity-page-dots .dot.is-selected {
    background: white;
}

@media (max-width:850px) {
    .specialsCTA .main-carousel .carousel-cell {
        flex-direction: column;
    }
    .specialsCTA .main-carousel .carousel-cell > * {
        width:100% !important;
    }
    .specialsCTA .main-carousel .carousel-cell .left {

    }
    .specialsCTA .main-carousel .carousel-cell .left img {
        height: 40vw;
        min-height: 250px;
    }
    .flickity-page-dots {
        margin: 0 0 0 0;
    }
    .specialsCTA .main-carousel .carousel-cell .right {
        padding: 20px 29px 35px 29px;
    }
}
@media (max-width:850px) {
    .specialsCTA .main-carousel .carousel-cell {
        padding: 0px 0px;
    }
    .specialsCTA .main-carousel .carousel-cell:before {
        left: 20px;
    }
    .flickity-page-dots {
        width: 93%;
    }
    .flickity-button {
        display:none;
    }
}


/*Gallery CTA*/
.galleryCTA {
    display:block;
    height:328px;
    background: white url(../images/gallery_cta.jpg) repeat-x  bottom;
    background-size: 1725px;
}
.galleryCTA.animateOnView {
    -webkit-animation: galleryCTAAnim 100s  linear 0s normal infinite;
    animation: galleryCTAAnim 100s linear 0s normal infinite;
}

 /*ANIMATIONS------*/

 @-webkit-keyframes galleryCTAAnim {
    0% {background-position:1725px bottom;}
    100% {background-position:0px bottom;}
  }
  @keyframes galleryCTAAnim {
    0% {background-position:1725px bottom;}
    100% {background-position:0px bottom;}
  }




/*Menu Page*/
.menuPage h2 {
    margin:30px 0px 20px 0px;
}
.menuPage .pdf {
    position: relative;
    color: rgb(255 255 255 / 80%);
    padding: 0 0 0 30px;
    padding: 10px 19px 10px 48px;
    margin: 0 0 0 10px;
    font-family: 'Fjalla One', sans-serif;
    display: inline-block;
    border-radius: var(--curve1);
    border: 2px solid var(--red);
    background: var(--red);
}
.menuPage .pdf:before {
    position: absolute;
    content: "\f1c1";
    font-family:Font Awesome\ 5 Pro;
    left: 12px;
    top: 10px;
    font-size: 1.9rem;
    /* color:red; */
}
.menuPage .pdf:hover {
    background: none;
    border-radius: var(--curve1b);
}
.menuPage .main article img.menu {
    width:100%;
    max-width: 100%;
    height:auto;
    margin: 13px 0% 10px;
}
.menuPage .menuNav  {
    display:none;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    padding: 5px 5%;
    text-align:center;
    background: rgb(0 0 0 / 33%);
}
.menuPage .menuNav a {
    display: inline-block;
    border-radius: var(--curve1);
    color: black;
    background: white;
    font-size: 1.5rem;
    margin: 0px 0 0px 0;
    padding: 6px 8px;
    min-width: 126px;
    box-shadow: 0 0 15px rgb(0 0 0 / 68%);
    font-family: 'Fjalla One', sans-serif;
    transition: 0.3s;
}
.menuPage .menuNav a:hover {
    color: white;
    background: var(--red);
    border-radius: var(--curve1b);
}

.menuPage .menuNav.visible {
    display:block;
}

@media (max-width:470px) {
    .menuPage .menuNav a {
        min-width: 93px;
    }
}




/*Catering PAge */
#catering-page .col3 {
    display: block;
    border: 2px solid var(--red);
    border-radius: var(--curve1);
    overflow: hidden;
	margin-top:20px;
}
#catering-page .col3 tr td:nth-child(1) {
    width:60%;
    text-align: left;
    font-weight: normal;
}
#catering-page .col3 thead {
    display: block;
    width: 100%;
    background: var(--red);
}
#catering-page .col3 thead tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#catering-page .col3 thead td {
    font-size: 1.4rem;
    border: none;
    padding: 11px 13px;
    text-align: right;
    width: 162px;
}

#catering-page .col3 tbody {
    display: block;
}
#catering-page .col3 tbody tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#catering-page .col3 tbody tr:nth-child(odd) {
    background: rgb(255 255 255 / 5%);
}
#catering-page .col3 tbody td {
    font-size:1.4rem;
    border: none;
    padding: 11px 13px;
    text-align: right;
    min-width: 120px;
    font-weight: bold;
}


@media (max-width:500px) {
    #catering-page .col3 tbody tr {
        justify-content: flex-end;
    flex-wrap: wrap;
    }
    #catering-page .col3 tr td:nth-child(1) {
        width:100%;
    }
}






/* Blog */
section .blogitem { border-bottom:1px solid #8AA1AC; }
section .blogitem img { vertical-align:top; float:left; margin:0 0.7em 0.7em 0; }
section .blogitem .date { font-style:italic; }
section .blogitem .category { border:1px solid gray; background:lightgray; border-radius:0.5em; font-size:0.9em; padding:0.1em 0.3em; }

/* Gallery============================ */
.gallery .main article {
    max-width: 1410px;
}
/* Gallery============================ */
#gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative;width: 25%;width: 48%;float:left;margin: 10px 1%;/* border: solid 8px #f6f4f1 !important; */padding: 0px 0px 0px 0px;border-radius: 4px;box-sizing:border-box;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span {position: absolute;top: 50%;left: 50%;display: inline-block;width: 280px;margin: -22px 0 0 -140px;background: rgba(255, 255, 255, 0.86);background: white;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);text-align:center;font-size:24px;letter-spacing: 1px;font-size: 27px;border-radius: 3px;padding: 11px 20px 11px 20px;color: black;box-sizing:border-box;border-radius: 4px;transition:0.3s;border-radius: var(--curve1);/* border: 2px solid var(--red); */}
#gallery-categories li:hover a span {background: var(--red);border-radius: var(--curve1b);color: white;}
#gallery-categories li a img { display:block; width:100%; height:auto;     max-width: 100%; margin-bottom: 0px;}

@media screen and (max-width: 700px) {	
		#gallery-categories li {float:none;display:block;margin:0px auto 40px auto;width: 100% !important;max-width:410px;}
	}
	
		
/* Aligned Gallery*/
.aligned-gallery { list-style:none;  columns:1;   padding: 0px 0px 0px 15px;}
.aligned-gallery li {display:block;float:left;margin: 5px !important;width: inherit !important;padding: 0px !important;box-;box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0);sition:0.3s;}
.aligned-gallery li:hover {/* box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41); */}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img { display:block; margin:0px !important; border-radius: 3px; max-width: 100%;}
	

	@media screen and (max-width: 780px) {	
		#gallery-categories li {display:block;margin: 0px auto 10px auto;width: 50%;max-width: 400px;}
	}
	@media screen and (max-width: 550px) {	
		#gallery-categories li {float:none;display:block;margin: 0px auto 0px auto;width: 100%;max-width:300px;}
	}
	

/*Contact form */

.form {margin-top:25px; /*background:rgba(255, 255, 255, 0.75);*/ transition:3s; transition: 0.3s;}
	::-webkit-input-placeholder {color:#A8A8A8;}
	:-moz-placeholder {color:#A8A8A8;}
	::-moz-placeholder {color:#A8A8A8;}
	:-ms-input-placeholder {color:#A8A8A8;}

.form ul {padding:0 !important;}
.form ul li {padding-left:0 !important; }
.form ul li:before {display:none;}
.form input{padding: 5px 2%;}
.form .inputText{ width: 100%; }		
.form img{ border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
.form input, .form select, .form textarea {outline: 0; border: none; background-color: #E1E6EA; padding: 6px 2%;margin: 0;border-right: none;  font-size: 17px; margin-bottom: 20px; transition: 0.3s;
/* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */ box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11);   -moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11);  -webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11); }
.form textarea{ margin-top: 5px; padding:5px 1%; width:100%; height:70px; resize:vertical; }	
/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}*/

.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; line-height: 35px; font-size: 18px; font-weight: 400; cursor:pointer;  border-radius:2px;  text-transform:uppercase; font-family: 'Oswald', sans-serif;  margin-top: -9px; outline: 0;color: #fff; background: #f50f0f; cursor: pointer; vertical-align: top; transition: 0.4s, margin-top 0.0s;}		

.form button:hover, .form  input[type="submit"]:hover  { background: #D81515; }			
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 2px;font-size: 17px;color: #fff;}	

.form label {display: none ; margin-top: -20px; color:#53320C}
	.catcha {  height: 32px;  }
.form img { box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;    margin-top: 5px !important; box-shadow: 1px 1px 6px #BDBABA;}
	.inputsFull {padding:0; list-style:none !important}
	.inputsFull label {margin-top:10px;}
	.inputsFull li {width:47.5%; float:left;}
		/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/
	
	/* FORM VALIDATION */
	div.formErrors{ display:none !important;}
	
	.error{background: url(/templates/client/images/asterisc.png) no-repeat right -29px !important; background-color: #f56f0f  !important; color:white; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29); transition:0.3s, background-color 0.3s !important;
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26);}
	.error::-webkit-input-placeholder {color:#fff;}
	.error:-moz-placeholder {color:#fff;}
	.error::-moz-placeholder {color:#fff;}
	.error:-ms-input-placeholder {color:#fff;}
	
	.required {background: url(/templates/client/images/asterisc.png) no-repeat right 2px; }
	.form label.error  {display: none !important;}
	.form select.required {background-position:right 29px top 1px; }
	.form select.error {  background-position:right 29px top -30px !important;}
	.form textarea.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px ;}
	
	/* FORM HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

@media screen and (max-width: 700px) {	
	.inputsFull li {width:100% !important; margin:0 !important;}	
	.form button {margin-top:0px;}
}




/*Social*/
.social {display: flex;justify-content: flex-end;justify-content: flex-end;position: relative;text-align: center;/* width: 100%; */padding: 0px 2.5% 0px;/* margin: 0px auto 0px auto; */color: rgba(255, 255, 255, 0.78);}
.social .connect {font-size:13px;color: #2c2c2c;display: block;}
.social  .icon {display: inline-block;width: 38px;height: 38px;line-height: 38px;color: rgb(255 255 255 / 54%);text-indent: -300px;overflow: hidden;margin: 0 1px 0px 1px;font-size: 1.2em;text-align: center;transition:0.3s;}
    .twiter {/*font-size: 26px !important;*/}
    .youtube {width: 48px !important;}
.social .fab {text-indent: 300px;}
.social .fab span {font-size: 16px;padding: 0 4px;}
.social a:hover {color: rgba(255, 255, 255, 1);}
.social span {position:relative;padding-left: 42px;margin-left: 10px;line-height: 38px;font-size: 0.9em;/* color: white; */border-left: 1px solid rgba(255, 255, 255, 0.25);}
.social span:before {position:absolute;content:'\f095';font-family:"Font Awesome 5 Pro"; font-weight: 900;left: 14px;top:1px;color: rgba(255, 255, 255, 0.78);}

.compucast-stamp {display:none !important;}
footer .compucast-stamp {display:inline-block !important;width: 250px;line-height: 26px;margin-left: 2.5%;} 

@media (max-width:1100px) {
footer .compucast-stamp {/* display:none !important; */}	
}

/*Footer & Map  ============================================ */
footer {position:relative;z-index: 1;color:#2e3131;padding: 0px 0px;text-align:center;font-size: 18px;font-size: 1em;background-size: cover;}
footer .bottom {
    padding: 68px 0 20px 0;
}
footer .bottom .center {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    max-width: 1731px;
    margin: 0 auto;
}
footer .bottom .center a {
    color: rgb(255 255 255 / 54%);
}
.ctaMap {
    position:relative;
    height:530px;
    background: url(../images/map.png) 29% center;
    background-size: cover;
    overflow: hidden;
}
.ctaMap:before {
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
    content: '';
    background: url(../images/fade3.png) top repeat-x;
    pointer-events: none;
}
.ctaMap:after {
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/fade2.png) left repeat-y;
    background-size: 100%;
    pointer-events: none;
}
.ctaMap .left {position:absolute;z-index: 5;display: flex;align-items: center;left:0px;top:0px;height:100%;width: 80%;color: #908f8f;/* box-shadow: 0px 0px 80px white, 0px 0px 50px white, 0px 0px 110px white; */}
.ctaMap .left .center {min-width: 390px;padding: 47px 17% 47px 13%;text-align: left;}
.ctaMap .left .center .block {   
    display: block;
    border-radius: var(--curve1);
    background: rgb(0 0 0 / 52%);
    padding: 10px 12px;  
    margin: 0 0 20px 0;
}
.ctaMap .left .center h2 {color: #fefefe;font-size: 1.8em;line-height: 1.1em;/* margin: 25px 0 0px 0; */text-align: left;}
.ctaMap .left .center h2 span {color: #474848;font-size: 1.3em;font-weight: bold;line-height: 1em;}
.ctaMap .left .center h3 {margin: 50px 0 20px;color:black;font-weight: normal;font-size: 1.8em;color: white;font-family: 'Fjalla One', sans-serif;text-transform: uppercase;}
.ctaMap a {color: #908f8f !important;text-decoration: underline;}
    .map-link {position:absolute;top:50%;margin-top: -78px;left: 52%;width:150px;height:150px;background:red;opacity:0;}
    
@media (max-width:1050px) {
    .ctaMap {background: url(../images/map.png) 79% center;}
    .ctaMap .left .center {min-width: 33%;    padding: 47px 7% 47px 7%;}
    .ctaMap .left .center h2 {    margin: 0px 0 10px 0;}
    .ctaMap .left .center .block {
        max-width:270px;
    }
}
@media (max-width:550px) {
    .ctaMap {
        padding: 16vw 0px 55vw;
        height: auto;
        background: url(../images/map.png) 83% calc(30px + 32vw) no-repeat;
        background-size: 430%;
    }
    .ctaMap:before {
        left: 0px;
        top: 100px;
        width: 100%;
        height: 200px;
    }
    .ctaMap .left {
        position: relative;
    }
}
@media (max-width:430px) {
    .ctaMap {
        background: url(../images/map.png) 83% calc(120px + 32vw) no-repeat;
    }
}

/*CTA MAILIST---------------------------------------------*/
.cta_mailist {
    /* display:none; */
    position: relative;
    padding: 35px 5%;
    /* box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.46); */
    border-bottom: 2px solid rgba(0, 0, 0, 0.13);
    background: #333333 url(../images/gray.png) repeat center;
    border-top: 3px solid #141619;
	color:#fff;
}
.cta_mailist form fieldset div.formfields {position: relative; max-width: 1120px;margin: 0 auto;justify-content:center;align-items: baseline; background: #ff3e3e4a;}
.cta_mailist form fieldset div.formfields span {display:inline-block;font-size: 0.9em;/* text-transform: uppercase; */text-align: center;margin: 11px 12px;color: white;}
.cta_mailist form fieldset div.formfields input {width: 300px;margin: 10px 9px;text-transform: uppercase;height: 2em;text-align: center;color:black;font-weight: bold;font-size: 1.05em;padding: 0 0 0 0em;box-shadow: inset 1px 1px 10px -4px rgba(0, 0, 0, 0.52);}
.cta_mailist form fieldset div.formfields button {display: inline-block;width: 180px;text-align:center;padding: 0 0.6em;font-size: 1.1em;margin: 5px 9px;/* height: 1.87em; *//* font-weight: 700 !important; */background: #0f1014;letter-spacing: 0em;text-shadow: none;text-indent:0px !important;border: 2px solid #0f1014;border-radius: var(--curve1);}
.cta_mailist form fieldset div.formfields button:after {display:none;}
.cta_mailist :required {/* background-image:none; */}
.cta_mailist .paperplane {
    position: absolute;
    right: -6px;
    bottom: -96px;
    pointer-events: none;
}
.cta_mailist .promo{
background: #ff3e3e4a;
    border-radius: 3px;
    margin-bottom: 1em;
	padding:20px;
}
.cta_mailist .promo strong{ display: block;}
.cta_mailist .promo em{color: #ffffffa1;}

/*CONTACT PAGE=========================================*/
.contact-page .box {padding: 2px 20px; background: #ffffff;border-radius: 4px;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);}
.contact-page form {margin-top: 30px;}


/*CONTACT FORM overides =============================================================== */

form fieldset div.formfields input,
form fieldset div.formfields select,
form fieldset div.formfields textarea,
form fieldset div.formfields label.datewrap {box-shadow: 2px 10px 7px -7px rgba(0, 0, 0, 0.15);background-color: #ffffff;color:black;font-size: 1em;border-radius: var(--curve1);height: 2em;}
form fieldset div.formfields textarea {height: 167px;}
form fieldset div.formfields label.datewrap  span {color: #A8A8A8;}

form fieldset div.formfields button {font-size: 1.2em;background-color: var(--red);border-radius: var(--curve1);border: 2px solid var(--red);transition:0.3s;}
form fieldset div.formfields button:hover {border-radius: var(--curve1b);background: var(--red);border: 2px solid var(--red);}


/* Compucast Logo CSS */
span.compucast { font-family:sans-serif; display:inline-block; overflow:hidden; white-space:nowrap; position:relative; padding:0.5em 1.45em; width:0; color:transparent; transition:0.5s; text-align:center; border-radius:1em; line-height:1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
span.compucast a {color:black; font-weight:bold;}
span.compucast:before,
span.compucast:after { content:""; width:1em; height:1em; display:inline-block; border-radius:1em; transition:0.5s; position:absolute; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:0.3em; }
span.compucast:before { border:0.2em solid #66459C; border-right-color:transparent; left:0.4em; }
span.compucast:after { border:0.2em solid #219A31; border-left-color:transparent; right:0.4em; }
span.compucast.hover,
span.compucast:hover { width:18.8em; color:gray; background:white; background:rgba(255,255,255,0.8); }
span.compucast.hover a,
span.compucast:hover a { color:black; }
span.compucast.hover:before,
span.compucast.hover:after,
span.compucast:hover:before,
span.compucast:hover:after { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }

/* ResponsiveSlides */

ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }



/* ================================================== Media Queries ================================================== */

/* Landscape phones and smaller */
@media (max-width:550px) {

}