/* font-family: 'Lato', sans-serif; font-family: 'Patua One', cursive; #9a1b13 */ *,*:after,*:before {box-sizing:border-box; -moz-box-sizing:border-box; } body { background: #859DA8; color: #FFFFFF;font-family: 'Lato', sans-serif;} /* Globals */ a { text-decoration:none; color: #000; font-weight:bold; } h1 {font-family: 'Patua One', cursive;font-size: 2.3em;font-weight: normal;color: #4c392c;margin: .67em 0 1.67em 0;margin: 1.67vmin 0 4.67vmin 0;} h2 {font-family: 'Patua One', cursive;font-size: 1.5em;font-weight: normal; color:#9a1b13;} p {font-size: 1.18em;line-height:1.43em;color:#303030;} .button {display: inline-block;position:relative;text-align: center;padding: 6px 10px 6px 10px;font-size: 18px;border-radius: 3px;font-weight: normal !important;text-decoration: none !important;margin: 10px 2%;box-shadow: 0px 8px 10px -10px rgba(0, 0, 0, 0.36);font-family: 'Patua One', cursive;font-size: 1.35em;letter-spacing: 0.03em;transition: 0.3s;} .button:after {position:absolute;content:'\f105';font-family:Font Awesome\ 5 Pro;right: 13%;top:50%;font-size: 32px;margin-top: -17px;color:white;opacity:0;transition:0.3s;} .button:hover {text-indent:-30px;} .button:hover:after {opacity:1; text-indent:0px;right: 10%;} .clickable { cursor:pointer; display:block; } .clearfix:before { content:" "; display:table; } .clearfix:after { content:" "; display:table; clear:both; } ::selection {background: rgba(0, 0, 0, 0.32);color: #000000;} ::-moz-selection {background: rgba(0, 0, 0, 0.32); color:#000000 ;} ::-webkit-selection {background: rgba(0, 0, 0, 0.32); color:#000000 ;} /*HEADER======================================*/ header {position:relative;z-index: 1000;top: 0px;left: 0px;width: 100%;transition:background 0.3s;} .home header {height: calc(100vh - 15px);/* height: 95vh; */min-height: 500px;transition:background 0.3s;} .header {position:absolute;z-index: 10;top:0px;left:0px;margin:0 auto;width: 100%;} .header .inner {position:relative;width:100%;text-align: center;} .logo {display: inline-block;color: white;margin: 12px 0px 15px;padding: 0 20px;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.63);transition: 0.3s; } .logo img {width: 310px;/* width: 37vmin; */height:auto;transition: 0.3s;} .home .logo img {width: 370px;} .logo:hover img {animation:pulse 1s 0.3s !important;-webkit-animation: pulse 1s 0.3s !important;} @media (max-height:700px) { .logo img {width: 280px;} } @media (max-width:1300px) { .logo img {/* width: 26vmin; */} } @media (max-width:950px) { .logo {/* margin: 6px 0px 8px; */} .logo img {max-width: 285px;width:100%;} } @media (max-width:800px) { .logo {margin-top: 56px;} .logo img {max-width: 245px;} } /* Nav========================================= */ nav {position:relative;z-index:10;width: inherit;/* max-width: 936px; */margin: 30px auto 0 auto;padding: 0px 3%;} nav.sticky {position:fixed; top:0px;} nav .mobileMenu {display:none;position:absolute;bottom: 0px;left:0px;width: 100%;height:100%;line-height: 2.7em;} /*nav > .mobileMenu:before {position:absolute;content:"Menu";width: 10px;right: 57%;top: 10px;display:block;cursor:pointer;font-weight: bold;line-height: 38px;font-size: 1.3em;color: #302315;letter-spacing: 1px;transition: 0.3s line-height;} nav > .mobileMenu:after {position:absolute;content: "\f0c9";right: 59%;top: 10px;width: 57px;font-family:fontAwesome;display:block;cursor:pointer;font-weight:bold;line-height: 38px;font-size: 1.4em;color: #302315;font-weight: normal;transition: 0.3s line-height;}*/ nav > ul {list-style:none;display: flex;margin: 0 auto;padding:0;width: 100%;max-width: 920px;background: #fefefe;background-image: linear-gradient(#fefefe, #ebebeb);border-radius: 4px;/* overflow: hidden; */box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.44);} nav > ul > li {position:relative;display: inline-block;font-weight: bold;flex-grow: 1;/* border-left: 1px solid #cfcfcf; */} nav > ul > li > a {display:block;text-align:center;/* padding: 3px 18px 0; *//* padding: 7px 23px; */font-size: 1.1em;line-height: 2.2em;color: #302315;font-weight:normal;font-weight: bold;text-transform: uppercase;transition:0.3s;} nav > ul > li:first-child > a {border-radius: 4px 0px 0px 4px;} nav > ul > li:last-child > a {border-radius: 0px 4px 4px 0px;} nav > ul > li:hover a {background: #922430;color: #ffffff;} nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 7px 0 0px 0;/* width: 190px; */left: 0;top: 40px;overflow:hidden;transition: 0.2s;} nav > ul > li ul li {position:relative; margin: 0; float: left; margin:1px 1% 1px 0px; width:100%;} nav > ul > li ul li a {position:relative;display:block;line-height:19px;padding: 0;text-align: left;padding-left: 13px !important;font-weight: bold !important;font-size: 1.1em;color:rgba(255,255,255,0);border-radius: 3px;transition: 0.3s;} nav > ul > li:hover ul li a {background: #f3f3f3;letter-spacing: 0;color: #302315 !important;transition: 0.3s;} nav > ul > li ul li:hover a {background: #922430;color:#ffffff !important;} nav > ul > li:hover ul {height: 250px; min-width: 150px; transition: 0.4s;} nav > ul > li:hover ul li a {padding: 0.6em 1em;} @media (max-width:860px) { } @media (max-width:800px) { nav {float:none;} nav .mobileMenu {z-index: 1;display: flex;justify-content: center;align-items: flex-start;/* background: #2b3990; */top: 0px;height: 45px;} nav .mobileMenu span.menu {color:#302315;font-size: 1.4em;font-weight: bold;} .nav__icon{display:inline-block;width: 25px;margin-left: -17px;margin-top: 20px;height: 4px;background-color: #302315;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, transform;-webkit-transition-duration:300ms;transition-duration:300ms;} .nav__icon:before,.nav__icon:after{content:'';display:block;width: 25px;height: 4px;position:absolute;background: #302315;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:300ms;transition-duration:300ms;} .nav__icon:before {margin-top: -8px;} .nav__icon:after { margin-top: 8px;} nav.selected .nav__icon{background:rgba(0, 0, 0, 0)} nav.selected .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} nav.selected .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} nav > ul {position: absolute;display: block;padding: 45px 0px 0 0;width: 94%;/* border-bottom: 10px solid blue; */} nav.selected > ul {border-bottom: solid 10px #922430;box-shadow: 0 0 13px rgba(0, 0, 0, 0.67);} nav.selected > ul > li {float: left;width: 100%;} nav.selected > ul > li a {font-size: 1.2em;line-height: 2.3em;text-align: left;background: rgb(255, 255, 255);} nav.selected > ul > li { display:block; margin-top: 1px; } nav > ul > li:before {display:none;} nav > ul > li {display:none;margin-top:0px !important;border-top: 1px solid #922430 !important;} nav > ul > li > a {position:relative;padding: 0 0 0 22px;color: #494747 !important;/* background: #292929 !important; */font-weight: bold;text-shadow: none !important;} nav > ul > li > a:before {display:none;position:absolute;z-index: 10;content:"\f0d8";font-family:fontAwesome;left: 33px;bottom: -18px;font-size: 1.2em;color: #a6a4a4;} nav > ul > li ul {width: 100%;display: none;height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #f1f1f1;display: block;} nav > ul > li.parent a:before, nav > ul > li.opened a:before {display:block;} nav > ul > li ul li {width: 50%; margin:0;} nav > ul > li ul li.fullWidth {width:100%;} nav > ul > li ul li a, nav > ul > li ul li:hover a {padding: 0px 22px 0px 35px !important;letter-spacing: 0px;background: none !important;color: #292929 !important;font-size: 17px !important;border-top: 1px solid #a7a5a5;border-right: 1px solid #a7a5a5; border-radius:0px;} nav > ul > li:hover ul li a { color: #292929 !important;} } /*BANNER IMAGES============================*/ .dynamic-headers {position: relative; height:100%;} .dynamic-headers .rslides {margin:0 auto !important; } .dynamic-headers .rslides li {height: 100%;background-size:cover;background-position:center center;} .dynamic-headers .rslides img {height: 100% !important;object-fit: cover; min-height: 420px; max-height: 510px; } .home_slides {height:100%;} .home_slides li { /*opacity: 0; */ /*transform: scale(1,1); transition: transform 10s linear , opacity 3s !important; */} .home_slides li.rslides1_on {opacity: 1; /*transform: scale(1.2,1.2); transition: transform 10s linear , opacity 2s !important; */} .home_slides img {min-height: inherit !important; max-height: inherit !important;filter: brightness(90%);} .scroll {position:absolute;display: flex;justify-content: center;align-items: baseline;font-size: 4em;z-index:10;left:50%;bottom: -40px;padding: 1px 0px 0px 0px;margin-left: -45px;background:white;box-shadow:1px 1px 10px rgb(0,0,0,50%);width: 90px;height: 90px;border-radius: 90px; overflow:hidden; cursor:pointer; transition:0.3s;} .scrolled {bottom: -100px; transition:0.7s;} .scroll i {color: #70241d;transform: scale(1, 0.7); transition:0.3s;} .scroll i.animate { -webkit-animation: anim1 5s ease-out 3s normal infinite;animation: anim1 5s ease-out 3s normal infinite;} /*overlay*/ .overlay {position:absolute;width: 100%;z-index: 2;left:0px;bottom: 29%;margin-top: -2.5em;text-align: center;color: #ece8d0;padding: 10px 3% 22px;transition:0.3s;} .overlay .center div {display:inline-block;} .overlay span {display:inline-block;font-size: 4.9em;/* font-size: 9vmax; */font-size: 8vmin;letter-spacing: 0.1em;text-transform:uppercase;color:white;font-family: 'Patua One', cursive;font-weight: normal;text-shadow: -1px -1px 0 #303030, 1px -1px 0 #303030, -1px 1px 0 #303030, 1px 1px 0 #303030, 1px 1px 11px rgba(0, 0, 0, 0.62);transition: 0.3s;} @media (max-height:760px) { .overlay {bottom: 18%;} } @media (max-width:690px) { .dynamic-headers .rslides img {min-height: 370px;} } @media (max-height:620px) { .overlay {bottom: 16%;} .overlay span {font-size: 10vmin;} } /*HOME MAIN CONTENT====================================================*/ .home main.content {position: relative;z-index: 1000;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.58);background: linear-gradient(336deg, rgba(121, 121, 121, 0.06) 0%, rgba(121, 121, 121, 0.06) 82%, rgba(125, 125, 125, 0.06) 82%, rgba(125, 125, 125, 0.06) 100%), linear-gradient(54deg, rgba(15, 15, 15, 0.01) 0%, rgba(15, 15, 15, 0.01) 57%, rgba(204, 204, 204, 0.01) 57%, rgba(204, 204, 204, 0.01) 100%), linear-gradient(174deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 87%, rgba(226, 226, 226, 0.02) 87%, rgba(226, 226, 226, 0.02) 100%), linear-gradient(224deg, rgba(4, 4, 4, 0.02) 0%, rgba(4, 4, 4, 0.02) 15%, rgba(232, 232, 232, 0.02) 15%, rgba(232, 232, 232, 0.02) 100%), linear-gradient(215deg, rgba(5, 5, 5, 0.05) 0%, rgba(5, 5, 5, 0.05) 32%, rgba(97, 97, 97, 0.05) 32%, rgba(97, 97, 97, 0.05) 100%), linear-gradient(317deg, rgba(22, 22, 22, 0.06) 0%, rgba(22, 22, 22, 0.06) 56%, rgba(170, 170, 170, 0.06) 56%, rgba(170, 170, 170, 0.06) 100%), linear-gradient(15deg, rgba(172, 172, 172, 0.1) 0%, rgba(172, 172, 172, 0.1) 55%, rgba(157, 157, 157, 0.1) 55%, rgba(157, 157, 157, 0.1) 100%), linear-gradient(241deg, rgba(54, 54, 54, 0.06) 0%, rgba(54, 54, 54, 0.06) 34%, rgba(232, 232, 232, 0.06) 34%, rgba(232, 232, 232, 0.06) 100%), linear-gradient(222deg, rgba(129, 129, 129, 0.08) 0%, rgba(129, 129, 129, 0.08) 91%, rgba(169, 169, 169, 0.08) 91%, rgba(169, 169, 169, 0.08) 100%), linear-gradient(90deg, #9b0002, #840800);} .home main.content .overflow {overflow:hidden;} .home main.content .center {display:flex;align-items:center;max-width:1100px;margin:0 auto;padding: 70px 4%;} .home main.content .center article {color:white;padding-right: 4%;} .home main.content .center article h1 {color:white;text-align:left;margin-bottom: 39px;} .home main.content .center article p {color: #f0e7e7;} .home main.content .center .tripad {display:inline-block; width:auto;/* height:auto;*/} @media (max-width:680px) { .home main.content .center {flex-direction: column;padding: 40px 5%;} .home main.content .center article {padding-right: 0%; padding-bottom:20px;} } /*BLOG EXCERPT=====================================================*/ .home .bWrapper {position: relative; z-index: 1; background:white;background:#dcdcdc url(../images/white2.png) center top; overflow:hidden;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);} .home .bWrapper .center {display:flex;justify-content: space-between;margin:0 auto;max-width:1300px;} .home .bWrapper .center .excerpt {display:block;max-width: 620px;flex-grow:1;margin: 6vmin 5% 6vmin 5%;} .home .bWrapper .center .excerpt h2 {color:black;font-size: 2em;margin-top: 0px;} .home .bWrapper .center .excerpt h3 {color:#303030;display: inline;} .home .bWrapper .center .excerpt p {color:#303030;display: inline;} .home .bWrapper .center .excerpt .buttons {margin-top:0px; display: flex; flex-flow: row wrap; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .home .bWrapper .center .excerpt .button {background: #9a1b13; border:2px solid #9a1b13; color: white !important;margin:0;width: 48%;} .home .bWrapper .center .excerpt .button:hover {background: #454444;border: 2px solid #454444;} .home .bWrapper .center .excerpt .b2 {background: #ffffff; background: transparent; border:2px solid #9a1b13; color: #9a1b13 !important;} .home .bWrapper .center .excerpt .b2:hover {background: #454444;color: white !important;} .home .bWrapper .center .excerpt .button.updates{ display: block; width: 100%; margin: 4% 0 0 0; } /*Video pop up-----------------------*/ .fancybox-media {position: relative;display: flex;justify-content: flex-end;align-items: center;width:564px;flex-grow:0;overflow: hidden;} .fancybox-media img {position: absolute;left: 0px;top: 0px;display:block;width:100%;height: 100%;object-fit: cover;} .fancybox-media > span {display: inline-block;position: relative;/* top: 50%; *//* left:50%; */width:50%;color: white;padding: 0.3em 0.4em 0.3em 1.7em;font-size: 1.9em;font-weight: normal;letter-spacing: 0.05em;font-family: 'Patua One', cursive;border-radius: 5px 0px 0px 5px;background: rgba(48, 35, 21, 0.81); transition:0.3s;} .fancybox-media > span:before { box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; content:''; left: -0.15em; margin-top: -0.5em; width: 0.1em; height: 0.1em; border-radius:4.3em; background: white; opacity: 1; transition:0.0s; } .fancybox-media > span .play {box-sizing: border-box;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;left: -45px;margin-top: -1.6em;width: 3.3em;height: 3.3em;border-radius:80px; padding:0em;background: #9a1b13 !important;font-size: 0.8em;font-weight: 900; } .fancybox-media > span .play i {color:white; transform: rotate(90deg);} /*.fancybox-media:hover span:before {left: -1.72em;margin-top: -1.50em;content:'';width: 3.1em;height: 3.1em;opacity: 1;}*/ .fancybox-media:hover > span {background: rgba(48, 35, 21, 1);} .fancybox-media:hover > span .play {animate:pulse 1s; } .fancybox-media:hover > span:before { left: -12.72em;margin-top: -10.5em;content: '';width: 24.1em;height: 22.1em; border-radius:23em; opacity: 0;transition:0.4s;} /*animation:flipInY 1s;*/ @media (max-width:720px) { .home .bWrapper .center {flex-direction:column-reverse;} .fancybox-media {width:100%; height: 44vmax; height: 47vmin;} } /*MAIN CONTENT====================================================*/ main.main {position: relative; z-index: 1; color:white;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.58);/*background: linear-gradient(336deg, rgba(121, 121, 121, 0.03) 0%, rgba(121, 121, 121, 0.03) 82%, rgba(125, 125, 125, 0.03) 82%, rgba(125, 125, 125, 0.03) 100%), linear-gradient(54deg, rgba(15, 15, 15, 0.01) 0%, rgba(15, 15, 15, 0.01) 57%, rgba(204, 204, 204, 0.01) 57%, rgba(204, 204, 204, 0.01) 100%), linear-gradient(174deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 87%, rgba(226, 226, 226, 0.02) 87%, rgba(226, 226, 226, 0.02) 100%), linear-gradient(224deg, rgba(4, 4, 4, 0.02) 0%, rgba(4, 4, 4, 0.02) 15%, rgba(232, 232, 232, 0.02) 15%, rgba(232, 232, 232, 0.02) 100%), linear-gradient(215deg, rgba(5, 5, 5, 0.03) 0%, rgba(5, 5, 5, 0.03) 32%, rgba(97, 97, 97, 0.03) 32%, rgba(97, 97, 97, 0.03) 100%), linear-gradient(317deg, rgba(22, 22, 22, 0.03) 0%, rgba(22, 22, 22, 0.03) 56%, rgba(170, 170, 170, 0.03) 56%, rgba(170, 170, 170, 0.03) 100%), linear-gradient(15deg, rgba(172, 172, 172, 0.1) 0%, rgba(172, 172, 172, 0.1) 55%, rgba(157, 157, 157, 0.1) 55%, rgba(157, 157, 157, 0.1) 100%), linear-gradient(241deg, rgba(54, 54, 54, 0.03) 0%, rgba(54, 54, 54, 0.03) 34%, rgba(232, 232, 232, 0.03) 34%, rgba(232, 232, 232, 0.03) 100%), linear-gradient(222deg, rgba(129, 129, 129, 0.05) 0%, rgba(129, 129, 129, 0.05) 91%, rgba(169, 169, 169, 0.05) 91%, rgba(169, 169, 169, 0.05) 100%), linear-gradient(90deg, #fff, #fff);*/ background:#dcdcdc url(../images/white2.png) center top;} main.main article {max-width:1100px;margin:0 auto;padding: 5vmin 4%;} main.main article h1 {text-align:center;} main.main article p img {max-width:100%; height:auto;border-radius:3px; box-shadow: 0px 13px 10px -10px rgba(0, 0, 0, 0.31);} main.main article a {color:#9a1b13; text-decoration:underline; text-decoration-color:black;} main.main article a:hover {text-decoration-color:#9a1b13;} main.main ul {list-style: none;background:none !important;margin: 0px 0px 0px 20px;padding: 0px;color: black;font-size: 1.05em;line-height: 1.2em;} main.main ul li {position:relative;padding: 2px 0 1px 18px;} main.main ul li:before {position:absolute;content:'';left: 0px;top: 7px;width:8px;height:8px;border-radius:3px;background: #9a1b13;} /*MENU CTA's====================================================*/ .menus {display:flex;flex-wrap:wrap;padding: 0px 0px 13px !important;justify-content:center;} .menus .outer {position: relative;display:block;width: 48%;height: 229px;perspective: 1000px;margin: 1% 1% 1% 1%;} .menus .menu {position: relative; width:100%; height:100%; display:block;border-radius: 4px;/* box-shadow: 0px 6px 11px -10px rgba(0, 0, 0, 0.53); */box-sizing: border-box; box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31); transform-style: preserve-3d;transition:0.7s;} .front {position: absolute;width: 100%;height: 100%;display:block;padding: 15px 20px 15px 20px;background: #ffffff; border-radius:3px;box-sizing: border-box;backface-visibility: hidden; overflow: hidden; transform-style: preserve-3d;} .front .menuImages {display:flex;align-items:center;position:relative;padding:0px !important;min-height: 200px;border-radius: 3px;box-shadow: 0px 10px 11px -10px rgba(0, 0, 0, 0.53);transform-style: preserve-3d;transition:0.3s;} .front .menuImages h3 {/* position:absolute; *//* z-index:100; *//* top:50%; */width:100%;/* margin-top:-24px; */padding: 0px 5%;box-sizing: border-box;text-align: center;transition:0.3s;} .front .menuImages h3 span {display:inline-block;border-radius: 3px;background: hsl(354, 61%, 36%);color:white;font-size: 30px;font-family: 'Patua One', cursive;padding: 12px 25px 10px 25px;font-weight: normal;line-height: 31px;box-shadow: 0px 10px 11px -10px rgba(0, 0, 0, 0.53); transition:0.3s;} .front .pdf {position: absolute;right: -70px;top: -30px;display: flex;justify-content: center;align-items: flex-end;width: 160px;height: 80px;font-size: 1.4em;letter-spacing: 0.05em;padding: 0.1em;background: #94242f; background:#3d3d3d; color:white;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24);transform: rotate(45deg);} .backFace {display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;backface-visibility: hidden;color: white;font-size: 2em;border-radius:3px;font-family: 'Patua One', cursive;background: #fff;transform: rotateY(180deg);transform: rotateX(180deg);transition:0.7s;} .backFace i {display:inline-block; padding-left:0.3em; font-size:2em;opacity: 0.5;} @media (any-hover) { .menus .outer:hover .menu { box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.31); transform: rotateX(180deg); /*animation-fill-mode: forwards;*/transition:0.5s;} .menus .outer:hover .menu .backFace {background: #94242f;} .menus .outer:hover .menu .front {opacity: 0;} .front {overflow: visible;opacity: 1; transition:0.3s;} .front .pdf {display:none;} } @media (max-width:800px) { .front .menuImages h3 span {font-size: 24px; line-height: 24px;} } @media (max-width:600px) { .menus .outer {max-width:350px;margin: 2% 1% 2% 1%;} .front {width: 100%;} .front .menuImages {} .backFace {font-size: 1.4em; flex-direction:column;} .backFace i {padding:0.3em 0em 0em 0em; } } @media (max-width:550px) { .menus {} .menus .outer {width: 100%;animation:none !important;} } /*LOCATIONS PAGE=====================================*/ .locations h1 {margin: 1vmin 4% 5vmin 4%;} .room {display:block;padding: 15px 20px 2px 20px;background: #f6f4f1; background: #ffffff;border-radius: 4px;margin: 18px 0px;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31); } .room .show {background:transparent;} .room .roomImages {position:relative; padding:0px !important; overflow: hidden;} .room .roomImages .mapLink {justify-content: flex-end;position:absolute;right: 10px;top:10px;width: 1.7em;height: 1.7em;padding: 6px;border-radius: 24px;font-size: 1.6em;background: rgba(255, 255, 255, 1);color: #4c392d;overflow: hidden; opacity:1;transition:0.3s;} .room .roomImages .mapLink span {position:absolute;left: -4em;top: 0.45em;font-size: 0.8em;opacity:0;transition:0.3s; animation-delay:0.2s;} .room .roomImages .mapLink i {position: absolute;top: 0.25em;right: 0.35em;font-size:1em;text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.28);font-size: 1.2em;} .room:nth-of-type(1) .roomImages .mapLink i {color: #e59b2d;} .room:nth-of-type(2) .roomImages .mapLink i {color:#5dc881;} .room:nth-of-type(3) .roomImages .mapLink i {color:#ca3a3a;} .room:nth-of-type(4) .roomImages .mapLink i {color:#308cb5;} .room:hover .roomImages .mapLink {right:10px; opacity:1;} .room .roomImages .mapLink:hover {width: 5.8em;} .room .roomImages .mapLink:hover span {left: 0.6em;opacity:1;} .room .roomImages ul { list-style:none; margin:0px;} .room .roomImages ul li {background-size:cover;background-position:center center;max-height:350px;min-height: 250px;border-radius: 3px;padding:0px !important;box-shadow: inset 2px 2px 11px rgba(0, 0, 0, 0.43);} .room .roomImages ul li:before {display:none !important;} .room .roomImages ul li img {width:100%; height:auto;} .room .rslides_nav {opacity:0;position: absolute;z-index:150;top: 0px;width: 150px;height: 100%;font-size: 37px;background-position:center;background-repeat:no-repeat;background-size:21px; cursor:pointer;overflow:hidden;text-indent:1000px;transition:0.3s; } .room .rslides_nav.next { right:0px; background-position: 125px;} .room .rslides_nav.prev {left:0px; background-position: 12px;} .room .roomImages:hover .rslides_nav {opacity:1;} .room .rslides_tabs {position:absolute;z-index:100;list-style:none;padding: 0px;left:0px;bottom: 12px;width:100%;text-align:center;} .room .rslides_tabs li {display:inline-block;width: 11px !important;height: 11px !important; min-height: 11px !important; max-height: 11px;border-radius:30px !important ;background: rgba(255, 255, 255, 0.55);margin: 0px 5px;overflow:hidden;text-indent:100px; box-shadow:none !important;} .room .rslides_tabs li.rslides_here {background: rgba(255, 255, 255, 1);} .room .rslides_tabs li a {text-decoration:none; display: block;} .room .roomImages h3 {position:absolute; z-index:100; left:0xp; top:50%; width:100%; margin-top:-24px; text-align: center;} .room .roomImages h3 span {display:inline-block;border-radius: 3px;background: rgba(255, 255, 255, 0.85);color: #4c392d;font-size: 30px;font-family: 'Patua One', cursive;padding: 12px 25px 11px 25px;font-weight: normal;line-height: 28px; transition:0.3s;} .room .roomContent {padding: 0em 1.2em !important;font-size: 1em;display: none; } .room .roomContent * {} .room .viewDetails {display: block;margin: 7px 0px;text-align: center;} /*.room .viewDetails a {display:inline-block; cursor:pointer; border-radius:3px; background:#02785c; color:white; text-decoration:none !important; padding: 1px 10px; width:130px; }*/ .room .viewDetails .button {background: #9a1b13;border:2px solid #9a1b13;color: white !important;margin: 7px 1% 7px 1%;width: 203px;cursor: pointer;} .room .viewDetails .button:hover {background: #454444;border: 2px solid #454444;text-indent:-20px;} .room .viewDetails .menu {background: #f6f4f1;border:2px solid #9a1b13;color: #9a1b13 !important;} .room .viewDetails .menu:hover {background: #454444;color: white !important;text-indent:-25px;} .room .viewDetails .orderLink {background: #f6f4f1; border:2px solid #4d392d; color: #4d392d !important;} .room .viewDetails .orderLink:hover {background: #454444; color: white !important; text-indent:-25px;} .room .viewDetails a strong {font-weight:normal !important;} .room .viewDetails .buttonShow .show {display:inline-block;} .room .viewDetails .buttonShow .hide {display:none;} .room.show .viewDetails .buttonShow .show {display:none;} .room.show .viewDetails .buttonShow .hide {display:inline-block;} .room .viewDetails .buttonShow:after {position:absolute;content:'\f107';right: 10%;top:35%;} .room .viewDetails .buttonShow:hover:after {top:50%;} .room.show .viewDetails .buttonShow:after {position:absolute;content:'\f106';right: 10%;top:75%;} .room.show .viewDetails .buttonShow:hover:after {top:50%;} .room .roomContent table, .room .roomContent tbody, .room .roomContent tr, .room .roomContent td {float:none !important; display:block; border: 0px; padding:10px 0px 0px 0px; margin:0px; background:none; line-height: 21px; font-size: 14px; width:100%;} .room .roomContent ul {list-style: none;background:none !important;margin: 0px;padding: 0px;color: black;font-size: 1.05em;line-height: 1.2em;} .room .roomContent ul li {position:relative;padding: 2px 0 1px 18px;} .room .roomContent ul li:before {position:absolute;content:'';left: 0px;top: 7px;width:8px;height:8px;border-radius:3px;background: #9a1b13;} .room .roomContent ul li:nth-of-type(3):before, .room .roomContent ul li:nth-of-type(4):before, .room .roomContent ul li:nth-of-type(5):before {background: #b4b4b4;} .note, .note2 {margin: 18px 0px 0px;} .note strong, .note2 strong { font-size: 13px !important; line-height: 17px !important;display: block; border-radius: 3px; color: white; font-weight: normal; background: #8c8c8c; padding: 5px 1.5%; box-shadow: 1px 1px 7px hsla(0, 0%, 0%, 0.26);} .room .roomContent p em {line-height: 17px !important;} .room .roomContent em {line-height: 17px !important;} .room p {font-size: 1.05em;line-height: 1.4em;margin: 1.2em 0em;} .room p a {text-decoration:underline;color: #b92117;text-decoration-color: #000000;} .room p a:hover {text-decoration-color: #b92117;} @media (max-width:700px) { .room .roomImages h3 span {font-size: 22px;} } @media (any-hover) { .room .roomImages .mapLink {right: -32px;opacity:0;} .room:hover .roomImages .mapLink {right:10px; opacity:1;} } @media (max-width:500px) { .room, .room .viewDetails {animation-delay:0s !important;} } /*ACCOLADES PAGE=====================================*/ #accolades-page article table {border:none;vertical-align: top;margin-top: 35px;} #accolades-page article table tr {} #accolades-page article table td {border:none;width: 100% !important;padding-bottom:20px;font-size: 1.1em;} #accolades-page article table td p {box-sizing: border-box;border:none;border-radius: 3px;width: 100% !important;vertical-align:top;margin-bottom: 0em;background: rgb(255, 255, 255);padding: 1em 1em 1em 1em;font-style: italic;} #accolades-page article table td p:nth-child(1) {position:relative;padding-top: 1.8em;font-size: 1.2em;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);} #accolades-page article table td p:nth-child(1):before {position:absolute;content: "\f10d";font-family: FontAwesome;left: -8px;top: -9px;font-size: 2.7em;color: rgb(147, 36, 47);/* background:black; */border-radius:100px;width:30px;height:30px;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.28);} #accolades-page article table td p:nth-child(2) {text-align:right;background:transparent;padding-top: 0em;font-style: normal;font-size: 1em;line-height: 1.5em;margin-top: 0.5em;} #accolades-page article table td p:nth-child(2) strong {display:block;margin-bottom: 0.4em;} #accolades-page article table td p:nth-child(2) a {color: #93242f;text-decoration-color: #0f0f0f;text-decoration: underline;} /*MAP CTA============================================*/ .mapCTA {margin: 0px;background: #e2e2e2 url(../images/map2020.jpg) no-repeat center;background-size:cover;/* height: 500px; */padding: 100px 0px; overflow:hidden; transition: background 0.3s;} .mapCTA .center {display: flex;justify-content: flex-end;margin:0 auto;max-width: 1300px;padding: 0px 40px;transition:0.3s;} .mapCTA .center .box {width: 65%;max-width: 741px;/* min-width: 500px; */background:rgb(255,255,255,0.88);padding: 16px 6px;border-radius: 3px;box-shadow: -1px -1px 9px rgba(0, 0, 0, 0.3);} .mapCTA .center .box .overflow {overflow:hidden;} .mapCTA .center .box h2 {text-align: center;color:#a3a1a1;font-size: 1.8em;} .mapCTA .center .box .locations {display:flex;justify-content: space-between;flex-wrap: wrap;padding: 0px 0px 0px 20px;margin-top: 41px;} .mapCTA .center .box .locations a {position: relative;display:inline-block;width: 49%;margin-bottom: 3em;padding-left: 40px;} .mapCTA .center .box .locations a i {position: absolute;left: -0.1em;top: 0em;font-size: 2.55em;text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.28);} .mapCTA .center .box .locations a:nth-child(1) i {color:#e59b2d;} .mapCTA .center .box .locations a:nth-child(2) i {color:#5dc881;} .mapCTA .center .box .locations a:nth-child(3) i {color:#ca3a3a;} .mapCTA .center .box .locations a:nth-child(4) i {color:#308cb5;} .mapCTA .center .box .locations a strong {display: block;color:black;font-weight: normal;margin-bottom: 0.3em;font-family: 'Patua One', cursive;font-size: 1.6em;text-decoration: underline;text-decoration-color: #a3a1a1;transition:0.3s;} .mapCTA .center .box .locations a span {color:#403f3f;font-size: 1.05em;line-height: 1.4em;} .mapCTA .center .box .locations a:hover strong {text-decoration-color: #000;} .mapCTA .center .box h2{margin-bottom:0;} .mapCTA .center .box h3{color: #686868;font-family: 'Patua One',cursive;text-align: center;text-transform: uppercase;margin-top: 0;font-style: italic;} @media (min-width:1380px) { .mapCTA .center {padding: 0px 0px;} } @media (max-width:1200px) { .mapCTA {background: #e2e2e2 url(../images/map2020.jpg) no-repeat 40% center; padding: 60px 0px 50px 0px;} .mapCTA .center {padding: 0px 20px;} .mapCTA .center .box {padding: 16px 20px 6px 20px;} .mapCTA .center .box h2 {margin: 10px 0px;} } @media (max-width:980px) { .mapCTA {background: #e2e2e2 url(../images/map2020.jpg) no-repeat 25% -10em;background-size: unset;padding: 21.9em 0em 0em 0em;} .mapCTA .center {justify-content:center;padding: 0px 0px;} .mapCTA .center .box {width:100%;border-radius: 0px;max-width: 100%;} .mapCTA .center .box .locations {padding: 0px 20px;} } @media (max-width:500px) { .mapCTA .center .box .locations {flex-wrap:no-wrap; } .mapCTA .center .box .locations a {width: 100%;max-width: 330px;} #accolades-page article table td p:nth-child(1) {font-size: 1.1em;line-height: 1.2em;} #accolades-page article table td p:nth-child(1):before { font-size: 2.2em;} } @media (max-width:450px) { .mapCTA {background: #e2e2e2 url(../images/map2020.jpg) no-repeat 27% -10em;} } /*FAQ PAGE===============================*/ #faq-page article h2 {position:relative;background: rgb(255, 255, 255);background-image: linear-gradient(#fefefe, #fbfbfb);padding: 10px 29px 10px 29px;margin-left: 0px;border-radius: 29px 5px 5px 30px;border-left: 40px solid white;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);} #faq-page article h2:before {position:absolute;content:'\f059';font-family: "Font Awesome 5 Pro";left: -53px;top: 50%;padding-left: 8px;margin-top: -30px;height: 100%;font-weight: bold;color: #93232f;font-size: 2.4em;text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);} #faq-page article p {position:relative;padding: 0px 4%;margin-bottom: 30px;} /*COUPONS PAGE=====================*/ #coupons-page article div {display:flex;justify-content: space-around;} #coupons-page article div img {width: 47%;height:auto;} @media (max-width:870px) { #coupons-page article div {flex-direction:column;align-items: center;} #coupons-page article div img {width: 95%; max-width:450px; margin:20px 0px;} } /*BLOG=============================================*/ .blogitem {clear:both;position:relative;min-height: 204px;border-bottom: 1px solid #e5e5e5;margin-bottom:22px;padding: 1px 22px 5px 22px;background: #ffffff;border-radius: 3px;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);} .blogitem h2 {margin: 17px 0px 5px !important;} .blogitem p {margin-bottom:10px;margin-top: 10px;} .blogitem p a {display: none;} .date {display:inline-block;color: #727272;border: 1px solid #727272;border-radius: 2px;margin-top: 4px;margin-left: 186px;padding: 1px 9px 1px 9px;font-size: 15px;} .category {margin:0 16px; display:inline-block;margin-top: 0px;background: #3d3d3d;color: white !important;border: 1px solid #3d3d3d;border-radius: 2px;padding: 1px 7px 1px 7px;text-decoration: none !important;font-size: 15px;transition:0.3s;} .category:hover {background:black; border: 1px solid black;} .blog_thumb {text-decoration: none !important;} .blog_thumb img {position:absolute;left: 20px;top: 22px;border-radius: 3px;width: 160px;} .blog_thumb h2 {padding-left: 186px;} .blogitem p {padding-left: 186px;} .datecatText {display: inline-block;color:#939393;padding: 1px 5px 1px 5px;border-radius: 3px; font-size: 1.1em;} .datecatText a { color: #b12231; } .news .content > article > p > img, .projects .content > article > p > img {border-radius:3px;max-width: 50%;height: auto;margin-bottom: 10px; margin-top:3px;} .projects .date, .projects .category, {display:none;} .projects .datecatText {display:none;} .posts .back {display: inline-block;position:relative;text-align: center;padding: 7px 10px;border-radius: 3px;font-weight: normal !important;text-decoration: none !important;margin: 10px 2%;box-shadow: 0px 8px 10px -10px rgba(0, 0, 0, 0.36);font-family: 'Patua One', cursive;font-size: 1.35em;background:#9a1b13;color:white;letter-spacing: 0.03em;width: 221px;transition: 0.3s;} .posts .back:after {position:absolute;content:'\f104';font-family:Font Awesome\ 5 Pro;left: 10%;top:50%;font-size: 1.4em;margin-top: -0.35em;color:white;opacity:0;transition:0.3s;} .posts .back:hover {text-indent:30px;} .posts .back:hover:after {opacity:1;text-indent:0px;left: 7%;} .pageContainer {margin-top: 40px;font-size: 1.1em;} .pageContainer span {color:black;display: inline-block;padding: 0px 8px;} .pageContainer a {color:#9a1b13;padding: 0px 8px;text-decoration: none !important;} @media (max-width:620px) { .blog_thumb img {position:relative; left:0px; top:15px; display: block; width:100%; height:auto; margin-top:5px;} .blog_thumb h2 {padding-left:0px; margin: 30px 0 15px !important;} .date {margin-left:0px;} .blogitem p {padding-left:0px;margin-top: 10px;} .content > article > p > img {float:none !important; margin-left:0px !important; margin-bottom:15px; margin-top:11px; display:block;width:100% !important;max-width:100% !important;} } /* GIFTSHOP PAGE STYLES ========================================================================================*/ .storeListing {display:flex;justify-content: flex-start;align-items:center;margin:0px 0px 20px 0px;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);background:white;padding: 13px 19px;border-radius: 4px;} .storeListing .productImg {display:flex; justify-content:center; align-items:center; } .storeListing .productImg img { height:100%; width:auto; border-radius:3px; } .storeListing .productDes {display:flex; justify-content:center; align-items:center;} .storeListing .productDes h2 { margin: 0px;} .storeListing table * {color:black !important;} .storeListing form input[type="image"] {margin-top:10px;} .storeListing .productImg { width:200px; height:200px; padding:0px; background:0px; margin:0px 20px 0px 0px; float:left; display:inline; } .storeListing .productImg img { border-radius:10px; } .storeListing .productDes { width:auto; margin:0px; float:none; display:inline; } @media (max-width: 550px) { .storeListing .productImg { width:inherit; height:auto; padding:0px; margin:0px 0px 0px 0px; } .storeListing {flex-direction:column;} .storeListing .productImg {padding-bottom:20px;} } /* 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%;padding: 0px 0px 0px 0px;background: white;padding: 15px 20px 15px 20px;border-radius: 4px;box-sizing:border-box;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);} #gallery-categories li:before {display:none;} #gallery-categories li a {position: relative;display:block;box-shadow: 0px 10px 11px -10px rgba(0, 0, 0, 0.53);} #gallery-categories li a span {position: absolute;top: 50%;left: 50%;display: inline-block;width: 280px;margin: -34px 0 0 -140px;background: #94242f;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24);text-align:center;font-size:24px;letter-spacing: 1px;font-size: 1.8em;line-height: 1em;border-radius: 3px;padding: 3px 20px 5px 20px;font-family: 'Patua One', cursive;font-weight: normal;color: white;box-sizing:border-box;border-radius: 4px;transition:0.3s;} #gallery-categories li:hover a span {background: #454444;} #gallery-categories li a img {display:block;width:100%;height:auto;border-radius: 3px;} @media screen and (min-width: 701px) { #gallery-categories li:nth-of-type(1) {width:98%; margin: 10px 1%;} #gallery-categories li:nth-of-type(1) a img {object-fit: cover;height: 220px;} #gallery-categories li:nth-of-type(1) a span {width: 230px;margin: -34px 0 0 -115px;} } #gallery-pager {position:relative;background: none;padding: 0px;} #gallery-pager ul {list-style: none; padding: 0 0 0px 0; margin: 0 0 11px 0;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;background: none;} #gallery-pager ul li { display:inline-block; margin:0.2em; padding:0 0 3px 0 !important; border-bottom:1px solid transparent; border-bottom:white 3px solid; border-bottom:rgba(255, 255, 255, 0) 3px solid; } #gallery-pager ul li:before {display:none !important;} #gallery-pager ul li.rslides_here {border-bottom: rgb(147, 36, 47) 3px solid;} #gallery-pager ul li a { display: block; } #gallery-pager ul li a img { display: block; border-radius: 3px;} #gallery-pager .prev , #gallery-pager .next {position: absolute;width: 25px;height: 40px;line-height: 40px;top: 21px;margin-bottom: 0;font-size: 31px;text-align:center;z-index: 2;text-decoration:none;font-family: FontAwesome;background:white;background: #dcdcdc url(../images/white2.png) center top;border-radius:2px;transition:0.2s;} #gallery-pager .prev {left: -2%;box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45);-moz-box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45);-webkit-box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45);color: rgb(146, 35, 47) !important;text-decoration: none !important;} #gallery-pager .next {right: -2%;box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45);-moz-box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45);-webkit-box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45);color: rgb(146, 35, 47) !important;text-decoration: none !important;} #gallery-pager .prev:hover , #gallery-pager .next:hover {width: 35px;} #gallery-pager ul.js::-webkit-scrollbar { display: none; } #gallery-photos {position:relative;background: none;padding: 0px;} #gallery-photos ul { background: white;margin: 0px 0px 0px 0px; } #gallery-photos ul li {padding:0 !important;} #gallery-photos ul li:active, #gallery-photos ul li:target { display:block !important; } #gallery-photos ul li:before {display:none !important;} #gallery-photos ul li img {max-height: 700px; border-radius: 3px 3px 0px 0px;border-radius: 3px; max-width: 1100px!important; max-height: 900px!important; width:100%!important; height: auto!important; float: none!important; margin: 0 auto; } #gallery-photos .prev, #gallery-photos .next {text-shadow:2px 0 1px #FFF,0 2px 1px #FFF,-2px 0 1px #FFF,0 -2px 1px #FFF;background:white;background: #dcdcdc url(../images/white2.png) center top;border-radius:2px;position: absolute;width: 50px;height: 200px;line-height: 200px;top: 50%;margin-top: -100px;bottom: 0;font-size: 45px;text-align: center;z-index: 2;font-family: FontAwesome;text-decoration:none;transition:0.2s;} #gallery-photos .prev {left:-4%;box-shadow: 4px 0 7px -3px rgba(0, 0, 0, 0.45);-moz-box-shadow: 4px 0 7px -3px rgba(0, 0, 0, 0.45);-webkit-box-shadow: 4px 0 7px -3px rgba(0, 0, 0, 0.45);color: rgb(147, 36, 47) !important;text-decoration: none !important;} #gallery-photos .next {right:-4%;box-shadow: -4px 0 7px -3px rgba(0, 0, 0, 0.45);-moz-box-shadow: -4px 0 7px -3px rgba(0, 0, 0, 0.45);-webkit-box-shadow: -4px 0 7px -3px rgba(0, 0, 0, 0.45);color: rgb(146, 35, 47) !important;text-decoration: none !important;} #gallery-photos .prev:hover {width:60px;box-shadow: 4px 0 11px -3px rgba(0, 0, 0, 0.55);-webkit-box-shadow: 4px 0 11px -3px rgba(0, 0, 0, 0.55);-moz-box-shadow: 5px 0 9px -3px rgba(0, 0, 0, 0.55);text-decoration: none !important;} #gallery-photos .next:hover {width:60px;box-shadow: -4px 0 11px -3px rgba(0, 0, 0, 0.55);-webkit-box-shadow: -4px 0 11px -3px rgba(0, 0, 0, 0.55);-moz-box-shadow: -5px 0 9px -3px rgba(0, 0, 0, 0.55);text-decoration: none !important;} #gallery-caption {clear:both;display:block;margin: 10px 0 0 0;background: #ffffff;text-align: center;font-size: 22px;padding: 3px 0;color: #000;border-radius:3px;text-transform: uppercase;box-sizing: border-box;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);} .gallery .back { background: #922430; padding: 8px 12px; color: #fff!important; font-size: 1em; text-align: center; text-decoration: none!important; border: none; transition: .3s; display: block; border-radius: 4px; margin-top: 1.6em; } .gallery .back:before {margin-top: -0.5em;} .gallery .back:hover {background: #454444;} @media screen and (max-width: 700px) { #gallery-categories li {float:none; display:block; margin:0px auto 40px auto ; width: 100%; max-width:410px;} } @media screen and (max-width: 560px) { #gallery-photos .prev , #gallery-photos .next {height: 80px;line-height: 80px;margin-top: -40px;} #gallery-categories li a span {width: 220px; margin: -28px 0 0 -110px; font-size: 1.6em;} } /*CTA MAILIST---------------------------------------------*/ .cta_mailist {position: relative;padding: 1.5em 5%;/* border-bottom: 2px solid #7c2d2f; */box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.46);/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.36); */border-bottom: 2px solid rgba(0, 0, 0, 0.13);} .cta_mailist form fieldset div.formfields {justify-content:center;align-items: center;} .cta_mailist form fieldset div.formfields span {display:inline-block;font-size: 1.2em;text-transform: uppercase;text-align: center;margin: 0px 12px;} .cta_mailist form fieldset div.formfields input {width: 220px;margin: 10px 9px;text-transform: uppercase;height: 2.4em;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 {width: 180px;text-align:center;padding: 0 0.6em;font-size: 1.3em;margin: 5px 9px;height: 1.87em;font-weight: 700 !important;background:#e1a15b;letter-spacing: 0em;color:#302315;text-shadow: none;text-indent:0px !important;} .cta_mailist form fieldset div.formfields button:after {display:none;} .cta_mailist :required {background-image:none;} /*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: 1.1em;} 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: #93242f;transition:0.3s;} form fieldset div.formfields button:hover {background-color: #ffb86b;} footer {overflow:hidden; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); background: linear-gradient(336deg, rgba(121, 121, 121, 0.06) 0%, rgba(121, 121, 121, 0.06) 82%, rgba(125, 125, 125, 0.06) 82%, rgba(125, 125, 125, 0.06) 100%), linear-gradient(54deg, rgba(15, 15, 15, 0.01) 0%, rgba(15, 15, 15, 0.01) 57%, rgba(204, 204, 204, 0.01) 57%, rgba(204, 204, 204, 0.01) 100%), linear-gradient(174deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 87%, rgba(226, 226, 226, 0.02) 87%, rgba(226, 226, 226, 0.02) 100%), linear-gradient(224deg, rgba(4, 4, 4, 0.02) 0%, rgba(4, 4, 4, 0.02) 15%, rgba(232, 232, 232, 0.02) 15%, rgba(232, 232, 232, 0.02) 100%), linear-gradient(215deg, rgba(5, 5, 5, 0.05) 0%, rgba(5, 5, 5, 0.05) 32%, rgba(97, 97, 97, 0.05) 32%, rgba(97, 97, 97, 0.05) 100%), linear-gradient(317deg, rgba(22, 22, 22, 0.06) 0%, rgba(22, 22, 22, 0.06) 56%, rgba(170, 170, 170, 0.06) 56%, rgba(170, 170, 170, 0.06) 100%), linear-gradient(15deg, rgba(172, 172, 172, 0.1) 0%, rgba(172, 172, 172, 0.1) 55%, rgba(157, 157, 157, 0.1) 55%, rgba(157, 157, 157, 0.1) 100%), linear-gradient(241deg, rgba(54, 54, 54, 0.06) 0%, rgba(54, 54, 54, 0.06) 34%, rgba(232, 232, 232, 0.06) 34%, rgba(232, 232, 232, 0.06) 100%), linear-gradient(222deg, rgba(129, 129, 129, 0.08) 0%, rgba(129, 129, 129, 0.08) 91%, rgba(169, 169, 169, 0.08) 91%, rgba(169, 169, 169, 0.08) 100%), linear-gradient(90deg, #9b0002, #840800); } footer .visit {display:block;text-align:center;font-size: 1.07em;padding: 0em 3vmin;} footer .visit a { display: inline-block; vertical-align: middle; color: #fbba72; text-decoration: none; background: #0000001a; padding: 10px; border-radius: 5px; margin: 10px; } footer .visit a img{ display: block; text-align: center; margin: 0 auto; } footer .visit strong{ text-decoration: none; font-size: 0.7em; display: block; margin-bottom: 5px; } footer .visit span {display:inline-block; margin-top:0;} /*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: 30px auto 30px auto;color: rgba(255, 255, 255, 0.78);} .social .connect {font-size:13px;color: #2c2c2c;display: block;} .social .icon {box-sizing: content-box;display: inline-block;width: 1em;height: 1em;line-height: 0.9em;color: rgb(255, 255, 255);text-indent: -300px;overflow: hidden;margin: 0 0.1em;font-size: 2.4em;text-align: center;border-radius: 0.2em;border: 0.05em solid white;padding: 0.01em;background: white;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24);transition:0.3s;} .social .icon.facebook {background:#1356a6;} .social .icon.twitter {background:#17ade0;} .social .icon.instagram {background-image: linear-gradient(212deg, rgb(157, 42, 174) 0%, rgb(219, 90, 101) 50%, rgb(243, 181, 98) 100%);} .social .fab {text-indent: 300px;line-height: 38px;font-size: 0.8em;font-weight: normal;} .social .fab span {font-size: 16px;padding: 0 4px;} .social a {transition:0.3s;} .social a:hover {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ /*filter: grayscale(70%);*/ border-radius:13px;} .social span {position:relative;padding-left: 42px;margin-left: 10px;line-height: 38px;font-size: 0.9em;color: rgba(219, 214, 187, 0.83);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: #212524;} /* ResponsiveSlides--------------------------------------------- */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } /*ANIMATIONS=====================================*/ @-webkit-keyframes anim1 { 0% {opacity:1; margin-top:0px;} 7% {opacity:0; margin-top:35px;} 8% {opacity:0; margin-top:-35px;} 18% {opacity:1;margin-top:0px;} 100% {opacity:1; margin-top:0px;} } @keyframes anim1 { 0% {opacity:1; margin-top:0px;} 7% {opacity:0; margin-top:35px;} 8% {opacity:0; margin-top:-35px;} 18% {opacity:1;margin-top:0px;} 100% {opacity:1; margin-top:0px;} } .banner-openingsoon{ display: block; text-align: center; color: #fff !important; background: #b94a49; border-radius: 3px; text-transform: uppercase; font-weight: bold; opacity: .9; } .room .banner-openingsoon{ position: absolute; left: -50px; top: 35px; z-index: 1; transform: rotate(-45deg); padding: 10px 70px; font-size: 0.7em; box-shadow: #000 3px 1px 5px -1px; } .banner-takeout{ text-align: center; color: #fff !important; background: #e59b2d; border-radius: 3px; text-transform: uppercase; font-weight: bold; opacity: .9; display: block; width: 90%; margin: 0; text-decoration: underline; padding: 5px; } @media screen and (max-width: 700px) { .room .banner-openingsoon{ left: -70px; top: 25px; } } .starburstWrapper a:before, .starburstWrapper a div:before, .starburstWrapper a:after, .starburstWrapper a div:after, .starburstWrapper a div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -1; } .starburstWrapper { shape-outside: circle(); height: 10em; width: 10em; margin-bottom: 1em; } .starburstWrapper:hover .starburst { -webkit-animation: flipInY 1s; animation: flipInY 1s; } .starburstWrapper a { height: 7em; width: 7em; background: #fff; transform: rotate(-41deg); display: block; margin: 1.5em; } .starburstWrapper a:before, .starburstWrapper a div:before { content: ""; transform: rotate(60deg); } .starburstWrapper a:after, .starburstWrapper a div:after { content: ""; transform: rotate(75deg); } .starburstWrapper a div { z-index: 1; transform: rotate(45deg); } .starburstWrapper a div span { display: block; width: 100%; color: #000; font-weight: 900; font-size: 1.4em; text-align: center; text-transform: uppercase; line-height: 1em; } .starburstWrapper a div span:nth-child(1) { margin: 24px 0 .2em 0; color: #991b13; font-size: 1em; } .starburstWrapper a div span:nth-child(2) { margin-top: 2px; font-size: 1.3em; } .starburstWrapper a div span:nth-child(3) { margin: 0 -0.7em; width: calc(100% + 1.4em); line-height: 1.2em; font-size: 1.2em; color: #696969; } .starburstWrapper a div span:nth-child(4) { font-size: 1em; margin: 0.25em -1em; width: calc(100% + 2em); color: #991b13; } .starburstWrapper a div img{ position: absolute; top: -54px; left: 17px; } .taginternal{ font-family: 'Patua One',cursive; text-shadow: -1px -1px 0 #303030, 1px -1px 0 #303030, -1px 1px 0 #303030, 1px 1px 0 #303030, 1px 1px 11px rgb(0 0 0 / 62%); font-weight: normal; color: #ffffff; text-transform: uppercase; font-size: 1.8em; margin: 0; text-align: center; } .tagline1{} .tagline2{} .tagline1 span{ font-size:8vmin;margin: 0 .1em;} .tagline1 span:nth-child(1){} .tagline1 span:nth-child(2){} .tagline1 span:nth-child(3){} .tagline1 span:nth-child(4){} .tagline1 span:nth-child(5){} .tagline1 span:nth-child(6){} .overlay{top:70%;} .overlay.tagline1 .center div{ display: block;}