/* - Common CSS File - Abbotsford House - */ /* - Copyright 2011-2016 Lazy Grace Ltd - */ /* - April 2016 - */ /* Common Elements */ body{ margin: 0; padding: 0; height: 100%; width: 100%; font-size: 14px; font-family: 'Ubuntu', sans-serif; font-weight: 400; background-color: #ffffff; } body #wrapper{ margin: 0; padding: 0; height: 100%; width: 100%; } img{ margin: 0; padding: 0; border: 0; } /* TEXT & TABLE */ @font-face { font-family: 'sir_walter_scott_lightregular'; src: url('fonts/sir_walter_scott_light_v2-webfont.eot'); src: url('fonts/sir_walter_scott_light_v2-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sir_walter_scott_light_v2-webfont.woff') format('woff'), url('fonts/sir_walter_scott_light_v2-webfont.ttf') format('truetype'), url('fonts/sir_walter_scott_light_v2-webfont.svg#sir_walter_scott_lightregular') format('svg'); font-weight: normal; font-style: normal; } .carousel > figure:focus::before, [tabindex]:focus, a:focus, area:focus, button:focus, input:focus, object:focus, select:focus, textarea:focus{ outline: 0px; } p { margin: 0; padding: 0 0 15px 0; font-size: 0.9em; color: #6c6c6c; line-height: 1.5em; font-weight: 400; } p.error{ color: #FF0000; font-weight: bold; } p.red, p.alert, #content #right p.red, #content #content_area p.alert, p.alert_msg { background: url("../images/iconAlert.png") no-repeat scroll 5px 10px #F4EFE6; border: 1px solid #FF0000; clear: both; color: #FF0000; display: block; font-family: 'Ubuntu', sans-serif; font-size: 12px; line-height: 40px !important; margin: 8px; min-height: 40px !important; padding: 0 0 0 30px !important; text-align: left; width: auto; display: none; } p.red a, p.alert a, #content #right p.red a, #content #content_area p.alert a { color:#FF0000; } p.msg,p.orange, #content #right p.msg, #content #content_area p.orange, .main .contentPanel #tabLayout .ui-tabs-panel p.orange{ margin: 8px; padding: 0 0 0 30px !important; width: auto; min-height: 40px !important; line-height: 40px !important; font-size: 12px; border: 1px #f39322 solid; color: #a56d2c; background: #f4efe6 url(../images/iconAlertPending.png) 5px 10px no-repeat; display: block; clear: both; text-align: left; font-family: 'Ubuntu', sans-serif; } .notification_ok, p.green_msg, p.ok, p.green_alert, p.green, #content #right p.green_msg, #content #content_area p.green_alert, #content #content_area p.green, .main .contentPanel #tabLayout .ui-tabs-panel p.green{ margin: 8px; padding: 0 0 0 30px !important; width: auto; min-height: 40px !important; line-height: 40px !important; font-size: 12px; border: 1px #7fba33 solid; color: #5a8127; background: #f4efe6 url(../images/iconTick.gif) 5px 10px no-repeat; display: block; clear: both; text-align: left; font-family: 'Ubuntu', sans-serif; } .clear{ clear: both; display: block;} a { color:#a78535; text-decoration: none; } a:hover { color: #a78535; text-decoration: none; } :focus { outline: none;} .button, .buttGen, button.buttGen, input[type="button"].buttGen, input[type="reset"].buttGen, input[type="submit"].buttGen{ margin: 5px; padding: 0 20px; text-align: center; width: auto; display: inline-block; background: #be9f57; border:0px; color: #ffffff !important; font-family: 'Ubuntu', sans-serif; line-height: 30px; font-weight: 100; text-transform: uppercase; font-size: .95em; } .button:hover, .buttGen:hover, button.buttGen:hover, input[type="button"].buttGen:hover, input[type="reset"].buttGen:hover, input[type="submit"].buttGen:hover{ opacity: .85; color: #ffffff; } .nextStep{ float: right; } .prevStep{ float: left; } h1, h2.title{ margin: 0 auto; clear: both; text-align: center; width: auto; height: auto; font-weight: 100; font-size: 2.6em; color: #811A1A; } h2{ font-weight: 100; font-size: 1.8em; color: #6c6c6c; } p{ font-size: 1em; color: #6c6c6c; } p.centre{ text-align: center; } .mainWrapper{ margin: 0px auto; display: block; } #navCont > ul > li > a > i { margin-right: 5px;} /* //////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////// */ .main .sidePanel{ padding: 0; text-align: center;} .main .sidePanel h2{ margin: 0; padding: 0; display: block; font-size: 1.8em; line-height: 47px; color: #000000; text-transform: uppercase; text-align: center; font-weight: 400; } .main .sidePanel ul.subNav, .main .sidePanel ul.departments { margin: 0px 40px 10px 40px; padding: 0; overflow: hidden; list-style: none; position: relative; z-index: 1; font-size: 1.3em; background-color: transparent; } .main .sidePanel ul.subNav li, .main .sidePanel ul.departments li{ margin: 0; padding: 0; text-align: center; line-height: 1.2em; height: auto; text-align: left; display: block; clear: both; position: relative; float: none; font-size: 1.0em; border-bottom: 1px #ffffff solid; background-color: #f4f2d9;} .main .sidePanel .buttTickets{ margin: 0 auto; padding: 20px 0; display: inline-block; } .main .sidePanel .buttTickets:hover{ opacity: .9; } .main .sidePanel .buttMailingList{ margin: 0 auto; padding: 0; display: inline-block; } .main .sidePanel .buttMailingList:hover{ opacity: .9; } /* .main .sidePanel ul.subNav li:first-child { font-size: 1em; margin: 0 0 10px 0; padding: 0px; background-color: #6bb445; color: #ffffff; } .main .sidePanel ul.subNav li:first-child a { color: #ffffff; background-color: #6bb445; } .main .sidePanel ul.subNav li:first-child a:hover { color: #ffffff; background-color: #6bb445; } */ .main .sidePanel ul.subNav li:last-child, .main .sidePanel ul.departments li:last-child{ border: 0px; } .main .sidePanel ul.subNav li ul, .main .sidePanel ul.departments li ul{ margin: 0; padding: 0; display: none; } .main .sidePanel ul.subNav li.active ul, .main .sidePanel ul.departments li.active ul{ display: block; } .main .sidePanel ul.subNav li ul li, .main .sidePanel ul.departments li ul li{ margin: 0; padding: 0; font-size: .7em; line-height: 1.6em; background-color: #faf8ec; } .main .sidePanel ul.subNav li ul li:last-child, .main .sidePanel ul.departments li ul li:last-child{ border: 0px; } .main .sidePanel ul.subNav li ul li:last-child, .main .sidePanel ul.departments li ul li:last-child{ border: 0px; } .main .sidePanel ul.subNav li ul li a, .main .sidePanel ul.departments li ul li a{ margin: 0; padding: 2px 10px; background: rgba(0,0,0,0); font-weight: 300; } .main .sidePanel ul.subNav li a, .main .sidePanel ul.departments li a{ margin: 0; padding: 8px 5px; width: auto; line-height: 1.5em; display: block; height: auto; color: #595959; font-weight: 500; text-align: center; } .main .sidePanel ul.subNav li a:hover, .main .sidePanel ul.departments li a:hover{ background-color: #be9f57; color: #ffffff; } .main .sidePanel .buttToggle{ display: none; } .bgHomePanel { background-image: url(../images/bgHomePanel.jpg); background-repeat: no-repeat; background-position: top left; } .main .homePanel { padding-top: 9px; color: #3d3d3d; } .main .homePanel h3 { background-color: #ae8b7c; padding-left: 40px; color: #ffffff; } .main .homePanel ul { margin: 0; padding: 0 0 20px 37px; text-align: left; list-style: disc; } .main .homePanel ul li { padding: 0; margin: 5px 0 0 20px; line-height: 1.1em; text-align: left; list-style: disc; font-size: 0.9em; color: #ffffff; font-weight: 600; } .main .homePanel ul li a { color: #785141; } .main .homePanel ul li a:hover { color: #ac8677; } .main .sidePanel .recentPosts{ list-style: none;margin: 0px 30px 0 30px; padding: 0; background-color: #ffffff;} .main .sidePanel .recentPosts li{list-style: none;margin: 0 10px; padding: 10px 0; border-bottom: 1px #626442 solid;line-height: 1.5em;font-weight: 100;} .main .sidePanel .recentPosts li:last-child{ border-bottom: 0px;} .main .sidePanel .recentPosts li a{font-style: none; color: #a78535;} .main .sidePanel .recentPosts li a.newsThumb{width: 100%;} .main .sidePanel .recentPosts li a.newsThumb img{width: 100%;} .main .sidePanel .recentPosts li h5{font-size: 1.1em;margin: 10px 0 1px 0; padding: 0; line-height: 1.2em; font-weight: 400; } .main .sidePanel .recentPosts li em{margin: 0;padding: 0;line-height: 2em;font-size: .8em;color: #000000; font-style: normal;} .main .sidePanel .recentPosts li p{clear: both;font-size: .9em;} .main .sidePanel .widgetTagCloud{ margin: 10px 40px; background-color: #ffffff;} .main .sidePanel .widgetTagCloud h2{ margin: 0; padding: 0;} .main .sidePanel h2{ text-transform: none; font-size: 1.5em; margin: 10px 40px 0 40px; text-align: center; padding: 0px 10px; line-height:2.6em; letter-spacing: 3px; background-color: rgba(167,133,57,.7); color: #ffffff; border-bottom: 1px #ffffff solid; font-weight: 200; text-transform: uppercase; } .main .sidePanel .widgetTagCloud a{background-color: #cbcbcb; border: 0px #cccccc solid; color: #000000; padding: 5px; font-size: .85em; line-height: 1.4em; margin: 2px; display: inline-block;} /* //////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////// */ .main .contentPanel{ position: relative; z-index: 2; overflow: hidden; text-align: center; padding: 0 0 50px 0; margin: 0; box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 0px 0 15px -4px #cfcfcf, 0px 0 15px -4px #cfcfcf; min-height: 700px; } .main .contentPanel .littleListings { margin-left: 20px; padding-top: 30px; clear: both;} .main .contentPanel .littleListings ul{ margin: 0; padding: 0;} .main .contentPanel .littleListings ul li{ margin: 8px 0; padding: 0; } .main .contentPanel .littleListings ul li img.featured{ margin: 0; padding: 0; } .main .contentPanel .littleListings ul li h4{ margin: 0; padding: 5px 10px 0px 10px; border: 0px; text-decoration: none; position:relative; line-height: 15px; font-size: 0.85em; background-color: #0F1744; color: #785141; display: block; text-transform: uppercase; min-height: 40px; } .main .contentPanel .littleListings ul li h4 .fa{ position: absolute; top: 0px; right: 0px; display: block; text-align: center; color: #ffffff; background-color: #6bb445; height: 40px; line-height: 40px; width: 40px; } .main .contentPanel ul.galleryList{ margin: 15px 15px 0 15px; padding: 0;} .main .contentPanel ul.galleryList.bespoke{ margin: 15px 0; padding: 0;} .main .contentPanel ul.galleryList li{ margin: 8px 0; padding: 0; } .main .contentPanel ul.galleryList li img.featured{ margin: 0; padding: 0; } .main .contentPanel ul.galleryList li h4{ margin: 0; padding: 0 10px; border: 0px; text-decoration: none; position:relative; line-height: 40px; font-size: 1.1em; background-color: #ac1416; color: #ffffff; display: block; text-transform: uppercase; } .main .contentPanel ul.galleryList li h4 .fa{ position: absolute; top: 0px; right: 0px; display: block; text-align: center; color: #ffffff; background-color: #9a1214; height: 40px; line-height: 40px; width: 40px; } .leftSideLayout{ margin: 0px auto ; padding: 165px 0 0 0; clear: both; display: block; background-color: transparent; } .main .contentPanel h5{ padding: 0; margin: 20px 0 0 50px; line-height: 1.6em; font-size: 1.1em; text-align: left; font-weight: 500; color: #393833; text-decoration: underline; } .main .contentPanel div h5{ padding: 0; margin: 20px 0 0 0; line-height: 1.6em; font-size: 1.1em; text-align: left; font-weight: 500; color: #393833; text-decoration: underline; } .main .contentPanel p{ font-weight: 400; padding: 8px 0; margin: 0 50px; font-size: 1em; line-height: 1.8em; text-align: left; } .main .contentPanel div p{ padding: 8px 0; margin: 0px;} .main .contentPanel div h4{ padding: 5px 0; margin: 20px 0px;} .main .contentPanel div h4.titleGallery{ padding: 0; margin: 20px 50px; letter-spacing: 2px; text-transform: uppercase; font-size: 1.3em; } .main .contentPanel .row{ padding: 0 50px; margin: 0;} .main .contentPanel ul{ margin: 0 50px 0 60px; padding: 5px; text-align: left; list-style: disc; } .main .contentPanel div ul{ margin: 0; padding: 5px 0 0 25px; text-align: left; list-style: disc; } .main .contentPanel ul li{ padding: 8px 8px 0 8px; line-height: 1.4em; text-align: left; color: #6c6c6c; list-style: disc; list-style-position: outside; } .main .contentPanel .graphic{ margin: 10px; } .main .contentPanel div .graphic{ margin: 0px; } .main .contentPanel .contentImage{ margin: 10px; } .main .contentPanel div .contentImage{ margin: 10px; } .main .contentPanel a { color: #a78535; font-weight: 400; } .main .contentPanel a:hover { color: #3b3a36; font-weight: 400; } .main .contentPanel .videoPlayer { float: right; margin: 0 0 10px 10px;} .main .contentPanel table{ margin: 20px 2% 10px 2%; padding: 0; border: 0px #ffad77 solid; border-collapse: collapse; width: 96% !important; line-height: 1.3em; max-width: none !important; word-wrap: break-word;} .main .contentPanel table tr:nth-child(2n+1){ background-color: #f2ecdd;} .main .contentPanel table td{ border-top: 1px #be9f57 solid; border-bottom: 1px #be9f57 solid; border-left: 0px #ffad77 solid; border-right: 0px #ffad77 solid; border-collapse: collapse; padding: 3px; text-align: center; word-wrap: break-word;} .main .contentPanel .white{ background-color: #ffffff; color: #000000;} .main .contentPanel table th{ border-top: 1px #be9f57 solid; border-bottom: 1px #be9f57 solid; border-left: 0px #ffad77 solid; border-right: 0px #ffad77 solid; border-collapse: collapse; padding: 3px; text-align: center; font-weight: bold; color: #ffffff; vertical-align: middle; background-color: #be9f57; } .main .contentPanel blockquote{ padding: 0px 40px; margin: 65px 0 35px 0; font-size: 2em; line-height: 1.4em; text-align: center; min-height: auto; font-family: "sir_walter_scott_lightregular"; color: #be9f57; } .main .contentPanel blockquote em{ display: block; clear: both; font-size: .6em; line-height: 2.6em; opacity: .8; font-family: 'Ubuntu', sans-serif; color: #000000;} .main .contentPanel blockquote .buttTweet{ margin: 5px 5px 0 0; padding:0 10px; line-height: 2em; display: inline-block; font-size: .4em; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; } .main .contentPanel blockquote .buttShare{ margin: 5px 5px 0 0; padding:0 10px; line-height: 2em; display: inline-block; font-size: .4em; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; } .main .contentPanel hr{ height: 1px; margin-left: 20px; background-color:#be9f57; color:#be9f57; border: 0 none; } .main .contentPanel .blueBox {padding: 20px; background-color: #81b0b8; color: #ffffff;} .main .contentPanel .greenBox {padding: 20px; background-color: #b8a900; color: #ffffff;} .main .contentPanel .yellowBox {padding: 20px; background-color: #e8ba00; color: #ffffff;} .main .contentPanel .yellowBox p, .main .contentPanel .greenBox p, .main .contentPanel .blueBox p {color: #ffffff;} .main .contentPanel .yellowBox h3, .main .contentPanel .greenBox h3, .main .contentPanel .blueBox h3 {color: #ffffff;} .main .contentPanel .yellowBox ul li, .main .contentPanel .greenBox ul li, .main .contentPanel .blueBox ul li {color: #ffffff;} .main .contentPanel .yellowBox p a, .main .contentPanel .greenBox p a, .main .contentPanel .blueBox p a {color: #ffffff; text-decoration: underline;} .main .contentPanel .yellowBox p a:hover, .main .contentPanel .greenBox p a:hover, .main .contentPanel .blueBox p a:hover {color: #ffffff; text-decoration: none;} .main .contentPanel .btn_type8{ background: #a78535; border: 0px; color: #ffffff; margin: 0 auto; text-transform: uppercase; font-size: .9em; line-height: 0em; padding: 10px 30px; } .main .contentPanel .btn_type8:hover{ background: ##96762a; } .main .contentPanel .scottFont { text-align: center; font-family: "sir_walter_scott_lightregular"; font-size: 28px; color: #b4975a; margin: 25px 0 0 20px; } .main .contentPanel #subForm, .main .contentPanel #mlForm, { margin-top: 20px;} .main .contentPanel #subForm input, .main .contentPanel #mlForm input { padding: 5px; margin: 0px;} .main .contentPanel #subForm button, .main .contentPanel #mlForm button { background-color: #c1a974; color: #ffffff; border: 0px; text-transform: uppercase;} .main .contentPanel #subForm button:hover, .main .contentPanel #mlForm button:hover { background-color: #be9f57; color: #ffffff; border: 0px; text-transform: uppercase;} .main .contentPanel .carouselCont .carousel figure img{ min-height: auto;} .main .sidePanel #subForm { margin: 10px;} .main .sidePanel #subForm input { padding: 5px; margin: 0px;} .main .sidePanel #subForm button { background-color: #b39082; color: #ffffff; border: 0px;} .main .sidePanel #subForm button:hover { background-color: #c4a395; color: #ffffff; border: 0px;} .main .productInfo .carouselCont{ padding: 15px 5px 0 15px; } .main .imageGallery{ padding: 15px 0 15px 15px;} .main .imageGallery h2{ margin: 0 0 10px 0; padding: 0 15px; font-size: 1.1em; background-color: #d4d4d4; display: block; width: 100%; text-transform: lowercase; height: 45px; line-height: 45px; font-weight: 400; } .main .imageGallery img{ margin-bottom: 15px;} .main .contentPanel .newslist{ margin: 0; padding: 0 10px 0 0; list-style: none; } .main .contentPanel .newslist li{ margin: 0 0 0 10px; padding: 10px 0; border-bottom: 1px #E0E0E0 solid; list-style: none; } .main .contentPanel .newslist li:last-child{ border-bottom: 0px #E0E0E0 solid; } .main .contentPanel .newslist li h4{ margin: 0; padding: 0; } .main .contentPanel .newslist li p{ margin: 0; padding: 0; } .main .contentPanel .newslist li em{ margin: 0; padding: 0; line-height: 1.8em; font-size: .8em; display: block; text-align: left; } .main .contentPanel .newslist li em .separator{ margin: 0 5px; } .main .contentPanel .newslist li .buttGen{ margin: 5px 0px; } .main .contentPanel .newslist li .imageHolder{ margin: 5px 10px 5px 0px; width: 25%; max-width: 250px; float: left; } .main .contentPanel .newslist li .imageHolder ul{ margin: 0; padding: 0; } .main .contentPanel .newslist li .imageHolder ul li, .main .contentPanel .newslist li .imageHolder ol li{ margin: 0; padding: 0; border: 0px; } .main .contentPanel ul.gallery{ list-style: none; margin: 10px 2px 20px 2px; padding: 0 40px;} .main .contentPanel ul.gallery li{ margin: 0 5px 5px 0; list-style:none; padding: 0;} .main .postPageFooter{ clear: both; padding: 0 40px;} .main .postPageShare{ text-align: right; padding: 10px 0; margin: 10px 10px 10px 8px; border-top: 1px rgba(0,0,0,.2) solid; text-align: 1.8em;} .main .postPageShare .share{ margin: 0 0 0 10px; font-size: 1.4em;} .main .postPage { padding: 10px 0 0 5px; } .main .postPage .carousel{ max-height: none; } .main .postPage .postPageHeader{ padding: 0; } .main .postPage .postPageHeader p{ padding: 0 50px; } .main .postPage .postPageContent{ padding: 0 50px; } .filesHolder{ background: #e9e9e9; padding: 20px; text-align: center; } .filesHolder h3{ text-align: center; font-weight: 100; border-bottom: 1px #999999 dotted; font-size: 1.7em; width: auto; display: inline-block; margin: 0 auto 20px auto; padding: 5px; } ul.files{ padding: 0 10px; list-style: none; columns: 1; -webkit-columns: 1; -moz-columns: 1; text-align: left; clear: both; display: block; } ul.files li{ padding: 0; margin: 0 10px; list-style: none; columns: 1; -webkit-columns: 1; -moz-columns: 1; display: inline-block; } ul.files li a{ padding: 0 5px; margin: 0; display: inline-block; background: none; color: #ac1727; text-transform: capitalize; } ul.files li a:hover{ opacity: .7; } ul.files li .iconFile{ padding: 0 10px 0 0; display: inline-block; } .main .contentPanel h2.galleryTitle{ border-bottom: 1px #9e9175 solid; font-size: 1.3em; padding: 0; margin: 0 18px; } .main .contentPanel ul#gallery{ margin: 10px; padding: 0; list-style: none; } .main .contentPanel ul#gallery li{ margin: 0; padding: 0; list-style: none; } .main .contentPanel ul#gallery li img{ margin: 0; padding: 0; border: 1px #443B25 solid; } .textSlideshow{ max-height: 300px; margin: 0; padding: 0; background-color: #bd2526; background-image: url(../images/bgSlideshow.png); background-repeat: no-repeat; background-position: top center; } .textSlideshow .carousel{ margin-bottom: 0px; } .textSlideshow figure{ display: block; text-align: center; padding: 0px 0 0 0; height: 300px; } .textSlideshow figure .fea{ padding-right: 50px; padding-top: 45px; } .textSlideshow figure .fea img{ max-width: 100%; display: block; clear: none; border-bottom: 4px #761816 solid; } .textSlideshow figure h2{ margin: 0 auto; width: auto; font-size: 3.2em; font-weight: bold; padding: 40px 0 0 0; line-height: 70px; display: block; text-align: center; color: #ffffff; } .textSlideshow figure h3{ margin: 0 auto; width: auto; font-size: 1.8em; font-weight: bold; padding: 0; line-height: 40px; display: block; text-align: center; color: #e0aaaa; } .textSlideshow figure p{ margin: 0 auto; width: auto; font-size: 1.3em; padding: 0; line-height: 40px; display: block; text-align: center; color: #ffffff; } .textSlideshow figure.leftAlign{ text-align: left; padding-left: 30px; padding-right: 10px; } .textSlideshow figure.leftAlign h2{ text-align: left; padding-left: 30px; padding-right: 10px; } .textSlideshow figure.leftAlign h3{ text-align: left; padding-left: 30px; padding-right: 10px; } .textSlideshow figure.leftAlign p{ text-align: left; padding-left: 30px; padding-right: 10px; } .textSlideshow figure.leftAlign .buttLeft{ margin-left: 30px; } .textSlideshow figure.rightAlign{ text-align: right; padding-right: 10px; padding-left: 10px; } .textSlideshow figure.rightAlign h2{ text-align: right; padding-right: 10px; padding-left: 10px; } .textSlideshow figure.rightAlign h3{ text-align: right; padding-right: 10px; padding-left: 10px; } .textSlideshow figure.rightAlign p{ text-align: right; padding-right: 10px; padding-left: 10px; } .textSlideshow figure.leftAlign .buttLeft{ margin-right: 10px; } .textSlideshow figure.leftAlign .buttRight{ margin-right: 10px; } .textSlideshow figure.centreAlign{ text-align: center; } .textSlideshow figure.centreAlign h2{ text-align: center; } .textSlideshow figure.centreAlign h3{ text-align: center; } .textSlideshow figure.centreAlign p{ text-align: center; } .textSlideshow button{ margin: 0; padding: 0; width: 44px; height: 44px; display: block; background-image: url(../images/iconLeft.png); } .textSlideshow button.forward{ background-image: url(../images/iconRight.png); } .textSlideshow .buttLeft{ margin: 10px; position: relative; z-index: 999; text-transform: uppercase; background-color: rgba(255,255,255,.95); display: inline-block; padding: 0 10px; font-size: 1.1em; line-height: 2em; text-align: center; color: #c32032; } .textSlideshow .buttRight{ margin: 10px; position: relative; z-index: 999; text-transform: uppercase; background-color: #811A1A; display: inline-block; padding: 0 10px; font-size: 1.1em; line-height: 2em; text-align: center; color: #ffffff; } #googleMap{ height: 495px; width: auto; display: block; margin: 20px 0; } #note .alert{ display: block;} #ajax-contact-form{ margin: 0 0 20px 0; padding: 0; background-color: #ffffff; } #ajax-contact-form input, #ajax-contact-form textarea{ background: #ffffff; border: 1px #c0c0c0 solid; color: #6c6c6c; margin: 0 0 5px 0; } #ajax-contact-form textarea{ height: 75px; } #ajax-contact-form input::-webkit-input-placeholder, #ajax-contact-form textarea::-webkit-input-placeholder, #ajax-contact-form input::-moz-placeholder, #ajax-contact-form textarea::-moz-placeholder, #ajax-contact-form input:-moz-placeholder, #ajax-contact-form textarea:-moz-placeholder , #ajax-contact-form input:-ms-input-placeholder, #ajax-contact-form textarea:-ms-input-placeholder { color: #343838 !important; opacity: 1 !important; /* for chrome */ } #ajax-contact-form .btn_type8,#ajax-comment-form .btn_type8{ background: #a78535; border: 0px; color: #ffffff; margin: 0 0 15px 0; text-transform: uppercase; font-size: .9em; line-height: 2.2em; padding: 0 30px; clear: both; float: left; } #ajax-contact-form .btn_type8:hover,#ajax-comment-form .btn_type8:hover{ background: #96762a; } .main .contentPanel .carouselCont{ background: #ffffff; padding: 22px 0; margin: 0px; } .main .contentPanel .carousel{ max-height: 500px; height: auto; margin: 0 auto; max-width: 1170px; width: auto; overflow: hidden; } .main .contentPanel .carousel>ol{ cursor: pointer; bottom: 10px; text-align: center; z-index: 999; top: auto; } .main .contentPanel .carousel>ol li{ border-radius: 50px; width: 10px; height: 10px; background: #ffffff; border: 0px;} .main .contentPanel .carousel>ol li.active{ background: #be9f57;} .main .contentPanel .carousel>ol li:hover{ background: #0f1744;} .main .contentPanel .carousel .genericon{ font-size: 2em; } .main .contentPanel .carousel figure{ background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; } .main .contentPanel .carousel figure img{ height: auto; position: relative; } .main .contentPanel .carousel figure figcaption{ margin: 0 auto; width: auto; display: block; bottom: 50px; max-width: 70%; position: relative; } .main .contentPanel .carousel figure figcaption h3{ color: #ffffff; text-transform: none; font-size: 1.8em; padding: 0 30px 0 10px; margin: 0; line-height: 2em; font-weight: 200; text-align: left; display: block; width: auto; position: absolute; } .main .contentPanel .carousel figure figcaption p{ padding: 0 30px 0px 10px; margin: 0; display: block; clear: both; text-align:left; color: #ffffff; text-transform: none; font-weight: 100; font-size: 1em; position: absolute; top: 65px; } .main .contentPanel .carousel figure figcaption p.blue{ color: #75baff; } .main .contentPanel #googleMap{ height: 490px; width: auto; margin: 0; padding: 0; } .fullPanel{ border: 0px; padding: 0 0 0px 0; } .main .fullPanel{ margin: 0; z-index: 2; position: relative; background-color: transparent; text-align: center;} .main .fullPanel h1{ position: relative; margin: 0 0 30px 0; border-bottom: 1px #b7a900 solid; letter-spacing: 8px; text-transform: uppercase; position: relative; z-index: 2; color: #3c3d38; padding: 0; background-color: none; text-align: left; font-weight: 200; display: inline-block; line-height: 102px;} .main .fullPanel h1 img{ position: absolute; left: -70px; top: 5px; opacity.9:; width: 60px; display: block; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg);} .main .fullPanel h1 span{ font-weight: bold; } .main .fullPanel h2{ margin: 0 auto; padding: 0 150px 50px 150px; font-size: 1.45em; background-image: url(../images/illustrations/crow.png); background-repeat: no-repeat; background-size: 11%; background-position: 100% 0; } .main .fullPanel.container{ margin: 0 auto; } .main .fullPanel.container{ color: #ffffff; padding: 0; margin-top: 165px; } #wrapper > div.main.contentHome > div.fullPanel.container > div { margin-top: -165px; } #wrapper > div.main.contentHome .homeSlider { width: 100%; max-width: 100%; } .main .fullPanel.container:before{ content: "hello"; float: left; width: 16px; height: 16px; margin: 0 5px 0 0; background: url(../images/logo.png); } .main .fullPanel.container p{ font-size: 1em; } .main .fullPanel.container .homeVid{ padding: 20px 0px 0 0; } .homepageContent { padding: 0 0 50px 0; } .homeSocial { padding: 0 0 50px 0; } #wrapper > div > div.fullPanel > div.container > div:nth-child(1) > div.col-m-6.homeWelcome { text-align: right; padding: 0 20px 0 0; margin: 40px 0 0 0; } #wrapper > div > div.fullPanel > div.container.homepageContent > div:nth-child(1) > div.col-m-6.homeWelcome h2 { padding: 0; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; font-weight: 300; color: #393833; background-image: none;} } .homeWelcome h4 { padding: 0; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; font-weight: 300; color: #393833; background-image: none;} } /*#wrapper > div.contentHome > div.fullPanel.container { margin-top: 0px !important;}*/ .main .contentPanel .accordion{ padding: 8px;} .main .contentPanel .accordion h3{ border: 1px #ffffff solid; line-height: 2em ;background-image: none; border-radius: 0px; font-weight: 100; padding: 0; background-color: rgba(0,0,0,.05); font-family: 'Ubuntu', sans-serif;} .main .contentPanel .accordion div{ border:0px; padding: 0px 10px 10px 10px; height: auto; font-family: 'Ubuntu', sans-serif;;} .main .contentPanel .accordion div p{ font-weight: 400; font-size: .8em;} .main .contentPanel .accordion h3 .ui-accordion-header-icon{ margin-right: 10px; position: relative; margin-top: 0px; display: inline-block; } .main .contentPanel .accordion h3 strong{ background-image: none; border-radius: 0px; font-weight: 100;} /* Slideshow Styling */ .contentHome .carouselOverlay { display: none;} .carouselOverlay { width: 100%; position: absolute; height: 100%; max-height: 600px; max-width: 100%; z-index: 5; background-image: url(../images/carouselMask.png); background-position: center top;} .carouselCont{ position: relative; margin: 165px auto -135px auto; width: 100%; z-index: 3; } .contentHome .homeWide { width: 100%; max-width: 100%;} .contentHome .carouselCont{ position: relative; margin: 0 auto 0 auto; width: 100%; background-color: #000000; z-index: 3; } .carouselCont .carousel{ margin: 0 auto; padding: 0; height: auto;} .carouselCont .carousel figure{ background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-align: center; overflow: hidden; margin: 0; width: 100%; height: 100vh; } .carouselCont .carousel figure img{ min-height: 100vh; transition:all 6s ease-in ; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .carouselCont .carousel figure:first-child img{ transform:scale(1); -ms-transform: scale(1); } .carouselCont .carousel figure.carousel-active img{ transform:scale(1.05); -ms-transform: scale(1.05) rotate(0.1deg); } .carouselCont .carousel figure.carousel-active.carousel-firstload img{ transform:scale(1.05); } .carouselCont .carousel .container{ margin: 0 auto; position: relative; width: 100%; height: 100%; } .carouselCont .carousel figcaption{ text-align: center ; border: 0px; margin: 0 auto; padding: 0; display: block; z-index: 1000; background-color: transparent; bottom: 20%; } .carouselCont .carousel figcaption a{ color: #ffffff; } .carouselCont .carousel figcaption h3{ margin: 0; padding: 0; display: block; position: relative; text-align: center; color: #ffffff; height: auto; line-height: 1.3em; font-size: 2.5em; text-transform: uppercase; font-weight: 300; text-decoration: none; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); letter-spacing: 8px;} #carousel > figure > figcaption > h1 > div > div:before { content:"["; color: #8d7443; font-size: 2em; line-height: 65px; font-weight: 100; display: inline-block; } #carousel > figure > figcaption > h1 > div > div:after { content:"]"; color: #8d7443; font-size: 2em; line-height: 65px; font-weight: 100; display: inline-block; } .carouselCont .carousel figcaption h1{ margin: 0; font-size: 1.8em; text-align: center; } .carouselCont .carousel figcaption h1 .brackets{ margin: 0; padding: 0; line-height: 65px; display: inline-block; } .carouselCont .carousel figcaption h1 .brackets em{ margin: 0; padding: 0; vertical-align: super; line-height: 65px; display: inline-block; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); letter-spacing: 3px; font-weight: 300; font-size: 0.7em; } .carouselCont .carousel figcaption h1 .container{ margin: 0 auto; display: block; color: #ffffff; font-style: normal; font-size: 1.2em; line-height: 65px; font-weight: 100; } .carouselCont .carousel figcaption h1 .container span{ font-weight: 200; font-size: .6em; text-transform: none; display: inline-block; float: right; text-align: right; } .carouselCont .carousel figcaption p{ margin-top: 0px; color: #ffffff; height: auto; display: block; clear: both; text-align: center; position: relative; line-height: 1.3em; padding: 10px 0px 30px 0; text-transform: none; font-weight: 200; font-size: 1.4em; } .carouselCont .carousel figcaption button{ color: #ffffff; line-height: 30px; text-align: right; height: 30px; background: #9d6f5c; margin: 0; display: inline-block;bottom: 20px; right: 20px; border: 0px; text-transform: none; font-size: .9em; } .carouselCont .carousel figcaption button:hover{ background: #875a47; } .carouselCont .carousel .overlayRight{ z-index:999; width: 180px; height: 500px; display: block; position: absolute; right: 0; top: 0; -webkit-clip-path: polygon(80% 0, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(80% 0, 100% 0%, 100% 100%, 0 100%); background-color: rgba(107,180,69, .8); } .carouselCont .carousel>ol{ cursor: pointer; bottom: 50px; right: 20px; text-align: center; z-index: 999; top: auto; } .carouselCont .carousel>ol li{ border-radius: 50px; width: 10px; height: 10px; background: #ffffff; border: 0px;} .carouselCont .carousel>ol li.active{ background: #be9f57;} .carouselCont .carousel>ol li:hover{ background: #0f1744;} .carouselCont .carousel .pause{ width: 25px; height: 25px; line-height: 25px; font-size: 20px; display: block; text-align: center; margin: 0 0 0 -21.5px; left: 50%; bottom: 86px; top: auto; padding: 0; position: absolute; display: none; } .carouselCont .carousel .subNav { text-align: left ; border: 0px; margin: 0; padding: 18px 0 18px 10px; top: 0px; position: absolute; display: block; height: 500px;left:0px; width: 296px; z-index: 1000; -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%, 0 100%); clip-path: polygon(0 0, 100% 0%, 50% 100%, 0 100%); background-color: #6BB445; } .carouselCont .carousel .subNav li { border-bottom: 1px #599739 solid; padding: 0; color: #ffffff; } .carouselCont .carousel .subNav li a { color: #ffffff; display: block; width: auto; line-height: 34px; padding: 0 10px; } .carouselCont .carousel .subNav li.active { border-bottom: 1px #6BB445 solid; } .carouselCont .carousel .subNav li.active a { background-color: #599739; border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .carouselCont .carousel .subNav li:hover { border-bottom: 1px #6BB445 solid; } .carouselCont .carousel .subNav li:hover a { background-color: #4F8C2F; border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .carouselCont .carousel.carousel-sma{ margin-top: -165px; height: auto; overflow: hidden;} .carouselCont .carousel.carousel-sma figure{ margin: 0 auto; width: auto; height: auto; text-align: center; } .carouselCont .carousel.carousel-sma figure img{ width: 100%; margin: 0 auto; height: auto; transition: none; transform: none; height: 600px; background-position: 50% 50%; display: block; min-height: auto; } .carousel>button { position: absolute; bottom: 5%; text-align: center;} #carousel > button.forward.carousel-control { margin: 82.5px -600px 0 0; right: 54%; color: #ffffff;} #carousel > button.back.carousel-control { margin: 82.5px 0 0 -600px; left: 50%; color: #ffffff;} #carousel > button.forward.carousel-control:hover .fa, #carousel > button.back.carousel-control:hover .fa { background-color: rgba( 190, 159, 87,.7);} #carousel > button .fa{ border: 5px #be9f57 solid; border-radius: 150px; padding: 0px; width: 60px; height: 60px; line-height: 53px; text-align: center; font-size: .7em; } #carousel.carousel-sli > button.forward.carousel-control { margin: 150px -700px 0 0; right: 50%; color: #ffffff;} #carousel.carousel-sli > button.back.carousel-control { margin: 150px 0 0 -700px; left: 50%; color: #ffffff;} /* Cookies */ #cookies{ position: fixed; bottom: 0; width: 100%; min-height: 40px; height: auto; line-height: 40px; display: block; text-align: center; background: #5f5f5f; color: #f5f5f5; left: 0; z-index: 999; font-size: .7em; } #cookies a{ color: #f5f5f5; } #cookies #butt_cookies{ display: inline-block; padding: 0 10px; text-align: center; background: #7b7a7a; color: #ffffff; line-height: 30px; height: 30px; margin: 0 10px; text-transform: uppercase; } #cookies #butt_cookies:hover{ text-decoration: none; opacity: .8; } /* Site Message */ .closedMsg{ margin: 0 auto; padding: 10px 0; line-height: 1.7em; font-size: 1.1em; background: rgba(0,0,0,.8); width: 100%; height: 100%; display: block; position: fixed; color: #ffffff; top: 0px; z-index: 1000; text-align: center; } .closedMsg .textCont{ color: #000000 !important; top: 50%; margin-top: -100px; left: 50%; margin-left: -16%; height: 200px; display: block; padding: 0 2%; text-align: center !important; position: absolute; width: 30%; background: rgba(225,225,225,.99); } .closedMsg .textCont .buttOk{ display: inline-block; background: #5d5737; color: #ffffff; border-bottom: 3px #a59c64 solid; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; font-size: .9em; text-transform: uppercase; } /* Site Specific */ header{ margin: 0; padding: 0; width: 100%; height: 165px; display: block; position: fixed; left: 0; text-align: left; z-index: 300; color: #939598; background-color: rgba(0, 0, 0, 0.7); background-clip: content-box; border-bottom: 10px solid rgba(190, 159, 87, 0.6); transition: all 0.4s ease; } header .container{ position: relative; display: block; margin: 0 auto; padding: 0; height: 165px; background-image: url(../images/bgHeaderRose.png); background-repeat: no-repeat; } header .logo{ margin: 0; position: absolute; left: 0px; top: 6px; z-index: 2;} header .logo img{ margin-left: 40px; -webkit-transition: all 1s ease; transition: all 1s ease; } header #navContact{ margin: 0 40px 0 0; padding: 2px; text-align: right; position: absolute; right: 0px; top: 0px; color: #ffffff;} header #navContact li{ margin: 0; padding: 0 10px; display: inline-block; font-size: 1.2em; } header #navContact li:last-child{ padding: 0 0 0 10px; } header #navContact li a{ color: #919598; text-transform: lowercase; } header #navContact li a:hover{ color: #bcbfc2;} header #navContact li .fa{ margin: 0 5px 0 0; color: #919598; } header #navContact li .fa:hover { color: #bcbfc2; } header #navContact li .fa-twitter{ margin: 10px 0 0 0; } header #navCont{ position: relative; top: 40px; height: 115px; text-align: right; font-size: 1em;} header #navCont li.buttFacebook, header #navCont li.buttTwitter{ margin: 0; padding: 0; background-image: none; } header #navCont .secondLevel { margin: 0 40px 0 0; padding: 0; display: block; top: 10px; position: absolute; right: 0px; } header #navCont .secondLevel li { font-size: 1.1em; top: 0; padding: 0 5px; list-style: none; display: inline-block; } header #navCont .secondLevel li a { color: #bababa; padding: 6px; line-height:35px; display: block; } header #navCont .secondLevel li a:hover { color: #ffffff; text-decoration: none; } header #navCont .secondLevel li:last-child { padding: 0 0 0 5px; } header #navCont .secondLevel li:last-child a { padding: 0 0 0 15px; } .homeHeader { position: absolute; } header.sticky { position: fixed; top: -40px; z-index: 101; transition: all 0.4s ease; } header.sticky .logo{ top: 45px; left: 30px; } header.sticky .logo img{ width: 60%; } header #navCont .menu { margin: 0 40px 0 0; padding: 0; display: block; bottom: 0px; height: 60px; position: absolute; right: -25px; font-size: 2.5em; } header #navCont .menu li{ font-size: 1em; top: 0; padding: 0 10px; list-style: none; display: block; float: left; position: relative; } header #navCont .menu li.navTicketLink {background-color: #be9f57; margin-top: 6px;} header #navCont .menu li.navTicketLink:hover {background-color: #a08340;} header #navCont .menu li.navTicketLink a { margin-bottom: -7px; margin-top: -9px;} #navCont > ul.menu.main > li:nth-of-type(1n+6) {display: none;} header #navCont .menu li a{ color: #ffffff; display: block; padding: 0 15px; line-height: 60px; } header #navCont .menu li a.menuImg{ padding: 0 0 3px 0;} header #navCont .menu li:hover > ul{ display: block; visibility: visible; opacity: 1; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2); } header #navCont .menu li:hover > div.visitContainer{ display: block; visibility: visible; opacity: 1; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2); } div.visitContainer .locationMapImg { padding: 0 0 5px 0;} header #navCont .menu li:hover{ background-color: rgba(135,138,140,.5); } header #navCont .menu li:last-child { } header #navCont .menu li:last-child a { } header #navCont .menu li div.visitContainer{ display: block; visibility: hidden; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; position: absolute; top: 60px; left: 0px; padding: 0px; min-width: 525px; width: 100%; background-color: rgba(255,255,255,.9); } header #navCont .menu li div.visitContainer ul{ display: block; visibility: none;} header #navCont .menu li:hover > div.visitContainer ul { display: block; visibility: visible; opacity: 1; width: auto; min-width: none; top: 0px; position: relative; background-color: transparent;} header #navCont .menu li div.visitContainer #googleMap{ height: 180px; width: auto; display: block; margin: 0 0 10px 0; } header #navCont .menu li div div.subInfoPanel { border: 0px; } header #navCont .menu li div div.subInfoPanel a.navButton { font-size: 0.5em; background-color: #be9f57; color: #ffffff; line-height: 20px; text-align: center; padding: 12px 5px; display: block; } header #navCont .menu li div div.subInfoPanel a.navButton:hover { opacity: 0.9; } header #navCont .menu li ul{ display: block; visibility: hidden; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; position: absolute; top: 60px; left: 0px; min-width: 102px; padding: 0px;background-color: rgba(255,255,255,.9); } header #navCont .menu li ul li{ margin: 0 0 1px 0; padding: 0 5px !important; line-height: 35px; height: auto; display: block; clear: both; font-size: .45em; text-align: center; background-image: none; float: none; } header #navCont .menu li ul li:hover{ } header #navCont .menu li ul li:last-child { margin: 0; } header #navCont .menu li ul li a{ line-height: 35px; height: auto; border-bottom: 1px #ebe1cb solid; background-color: transparent !important; color: #be9f57 !important; padding: 0px !important; display: block; margin: 0 !important; width: auto; } header #navCont .menu li ul li:last-child a{ border: 0px;} header #navCont .menu li ul li:hover{ color: #8e753b !important; background-color: rgba(142,117,59,.2) !important; } footer{ width:100%;float:left; margin: 0; padding: 0px 0 60px 0; background-color: #3b3a36; color: #a5a5a5; position: relative; z-index: 3; } footer p{ color: #a5a5a5; } footer .footerLogos { margin-top: 30px; padding-bottom: 25px; text-align: center; border-bottom: 1px solid #54534f;} footer #footerSitemap { margin: 0; padding: 20px 0; background-color: rgba(0,0,0,.3);} footer #footerSitemap .container { margin: 0 auto; padding: 0; position: relative; } footer #footerSitemap ul { list-style-type: none; margin: 0; padding: 0; } footer #footerSitemap ul { line-height: 1.6em; } footer #footerSitemap h3 { margin: 0; padding: 0; line-height: 2em; color: #a5a5a5; font-size: 1em; } footer #footerSitemap p { margin: 0; padding: 0 0 5px 0; font-size: 1em;} footer a { margin: 0; padding: 0; color: #a5a5a5; } footer a:hover { margin: 0; padding: 0; color: #ffffff; } footer #footerSitemap .fa{ margin: 0 3px 0 0; padding: 0; color: #a5a5a5; } footer #footerSitemap .footerSocial{ margin: 0; padding: 0; } footer #footerSitemap .footerSocial .buttPhone{ margin: 0 10px 0 0; padding: 0; } footer #footerSitemap .footerSocial .buttEmail{ margin: 0 10px 0 0; padding: 0; } footer #footerSitemap .footerSocial em { padding: 0; color: #ffffff; font-style: normal; font-size: .9em; display: block;} footer #footerSitemap .footerNav{ padding: 0 0px; } footer #footerSitemap .footerNav ul{ margin: 0; padding: 0; list-style: none; } footer #footerSitemap .footerNav ul li{ margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 100; font-size: .85em; line-height: 1.8em; display: inline-block; } footer #footerSitemap .footerNav ul li a{ color: #ffffff; } footer .footerDetails { margin-top: 20px; margin-bottom: 40px; } } /* .main .contentPanel .littleListings .gridSmallLayout { margin: 0 0 0 20px; padding: 0; list-style: none;} .main .contentPanel .littleListings .gridSmallLayout li{ padding: 0 10px 10px 0; margin: 0; } .main .contentPanel .littleListings .gridSmallLayout li .cont{ padding: 0px; } .main .contentPanel .littleListings .gridSmallLayout li .cont a{ } .main .contentPanel .littleListings .gridSmallLayout li h1{ display: none; } .main .contentPanel .littleListings .gridSmallLayout li h3{ margin: 0; padding: 0 10px; text-decoration: none; background: #be9f57; line-height: 2em; font-size: 1.3em; color: #ffffff; } .main .contentPanel .littleListings .gridSmallLayout li h3 .fa{ float: right; line-height: 2em; } .main .contentPanel .littleListings .gridSmallLayout li h3 a{ color: #ffffff; } .main .contentPanel .littleListings .gridSmallLayout li h4 { margin: 0; padding: 10px; color: #001e34; font-weight: 400; } .main .contentPanel .littleListings .gridSmallLayout li p, .main .contentPanel .littleListings .gridSmallLayout li h2 { margin: 0; font-size: 0.9em; line-height: 1.5em; padding: 10px 10px 10px 10px; font-weight: 400; } */ .main .fullPanel .littleListings .gridSmallLayout { margin: 0 0 0 20px; padding: 0; list-style: none;} .main .fullPanel .littleListings .gridSmallLayout li{ padding: 0 10px 10px 0; margin: 0; } .main .fullPanel .littleListings .gridSmallLayout li .cont{ padding: 0px; background: #f4f2d9; } .main .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ padding: 0px; background: #b7a900; } .main .fullPanel .littleListings .gridSmallLayout li .cont a{ } .main .fullPanel .littleListings .gridSmallLayout li .cont .image{ overflow: hidden; } .main .fullPanel .littleListings .gridSmallLayout li .cont img{ transition:all 1s; } .main .fullPanel .littleListings .gridSmallLayout li .cont:hover img{ transform:scale(1.05);} .main .fullPanel .littleListings .gridSmallLayout li h1{ margin: 0 0 5px 0; padding: 0 10px; text-decoration: none; border: 0px; background: #0f1744; line-height: 2em; font-size: 1.6em; color: #ffffff; } .main .fullPanel .littleListings .gridSmallLayout li h3{ margin: 0 10px; padding: 0; font-weight: 400; text-transform: uppercase; letter-spacing: 5px; text-align: center; text-decoration: none; line-height: 45px; font-size: 1.4em; color: #3c3b36; border-bottom: 1px #be9f57 solid; } .main .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) h3{ padding: 0px; color: #ffffff; border-bottom: 1px #ffffff solid; } .main .fullPanel .littleListings .gridSmallLayout li h3 .fa{ float: right; line-height: 2em; } .main .fullPanel .littleListings .gridSmallLayout li h3 a{ color: #ffffff; } .main .fullPanel .littleListings .gridSmallLayout li h4 { margin: 0; padding: 10px; color: #3c3b36; font-weight: 400; } .main .fullPanel .littleListings .gridSmallLayout li p { margin: 0; font-size: .95em; line-height: 1.5em; padding: 10px; color: #3c3b36; font-weight: 400; text-align: center; } .main .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) p { color: #ffffff; } .main .contentPanel .littleListings .gridSmallLayout { margin: 0; padding: 0; list-style: none;} .main .contentPanel .littleListings .gridSmallLayout li{ padding: 0 10px 10px 0; margin: 0; } .main .contentPanel.littleListings .gridSmallLayout li .cont{ padding: 0px; background: #f4f2d9; } .main .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ padding: 0px; background: #be9f57; } .main .contentPanel .littleListings .gridSmallLayout li .cont a{ } .main .contentPanel .littleListings .gridSmallLayout li .cont .image{ overflow: hidden; } .main .contentPanel .littleListings .gridSmallLayout li .cont img{ transition:all 1s; } .main .contentPanel .littleListings .gridSmallLayout li .cont:hover img{ transform:scale(1.05);} .main .contentPanel .littleListings .gridSmallLayout li h1{ display: none; } .main .contentPanel .littleListings .gridSmallLayout li h3{ margin: 0 10px; padding: 0; font-weight: 500; text-transform: uppercase; letter-spacing: 5px; text-align: center; text-decoration: none; line-height: 25px; font-size: 1.2em; color: #3c3b36; border-bottom: 1px #be9f57 solid; padding: 5px 0 } .main .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) h3{ padding: 5px 0; color: #ffffff; border-bottom: 1px #ffffff solid; } .main .contentPanel .littleListings .gridSmallLayout li h3 .fa{ float: right; line-height: 2em; } .main .contentPanel .littleListings .gridSmallLayout li h3 a{ color: #ffffff; } .main .contentPanel .littleListings .gridSmallLayout li h4 { margin: 0; padding: 10px; color: #3c3b36; font-weight: 400; } .main .contentPanel .littleListings .gridSmallLayout li p, .main .contentPanel .littleListings .gridSmallLayout li h2 { margin: 0; background: none; border: 0px; font-size: .95em; line-height: 1.5em; padding: 10px; color: #3c3b36; font-weight: 400; text-align: center; } .main .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) p, .main .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) h2 { color: #ffffff; } .layoutListings{ background-color: #2b4666;} .gridLayout { margin: 0 auto; padding: 0; list-style: none; } .gridLayout li{ padding: 0; margin: 0; } .gridLayout li .cont{ padding: 0px; background: #ffffff; overflow: hidden; position: relative; max-height: 300px; overflow: hidden; } .gridLayout li .cont a{ vertical-align: middle; max-height: 300px; overflow: hidden; } .gridLayout li .cont a img{ margin: 0; max-width: none; max-height: 300px; width: 100%; background-position: 50% 50%; background-size: cover; transition:all 1s; } .gridLayout li .cont a img:hover{ transform:scale(1.05);} .gridLayout li h4{ margin: 0; color: #ffffff; padding: 0 10px; background: #df2100; dispaly: block; position: absolute; right: 0px; bottom: 10px; line-height: 40px; font-size: 1.3em; color: #ffffff; text-transform: uppercase; } .gridLayout li h4 .fa{ float: right; margin-left: 10px; line-height: 40px; font-size: .7em; } .gridLayout li h4 a{ color: #ffffff; } .gridLayout li p { margin: 0; padding: 0 10px 10px 10px; color: #001e34; font-weight: 200; } .main .contentPanel .littleListings .gridLayout { margin: 0 0 0 20px; padding: 0; list-style: none; } .main .contentPanel .littleListings .gridLayout li{ padding: 0 5px; margin: 0; } .main .contentPanel .littleListings .gridLayout li .cont{ padding: 0px; background: #ffffff; overflow: hidden; position: relative; max-height: none; overflow: hidden; } .main .contentPanel .littleListings .gridLayout li .cont h4{ margin: 0; line-height: 40px; font-size: 1.6em; padding: 0 10px; background-color: #df2100; color: #ffffff;} .main .contentPanel .littleListings .gridLayout li .cont h4 .fa{ background-color: #0F1744; color: #ffffff;} .main .fullPanel .littleListings .gridHomeLayout { margin: 0; padding: 0; list-style: none; } .main .fullPanel .littleListings .gridHomeLayout li{ padding: 0; margin: 0; overflow: hidden; } .main .fullPanel .littleListings .gridHomeLayout li .cont{ padding: 0px; background: #ffffff; overflow: hidden; position: relative; max-height: none; overflow: hidden; } .main .fullPanel .littleListings .gridHomeLayout li .cont .image{ overflow: hidden; margin-bottom: -2px; } .main .fullPanel .littleListings .gridHomeLayout li .cont img{ transition:all 1s; } .main .fullPanel .littleListings .gridHomeLayout li .cont:hover img{ transform:scale(1.05); } .main .fullPanel .littleListings .gridHomeLayout li .cont:hover .header{ opacity: .9; } .main .fullPanel .littleListings .gridHomeLayout li .cont .header { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; padding: 60px 10px 0 10px; min-height: 200px; background-position: 50% 0%; background-size: cover; } .main .fullPanel .littleListings .gridHomeLayout li .cont .header h3{ margin: 0 auto; padding: 0; line-height: 2em; border: 0px; font-weight: 200; color: #ffffff; text-align: center; text-transform: uppercase; } .main .fullPanel .littleListings .gridHomeLayout li .cont .header h3 strong{ font-weight: 700;} .main .fullPanel .littleListings .gridHomeLayout li .cont .header p{ font-weight: 200; margin: 0; padding: 0; font-size: .9em; color: #ffffff;} .main .contentPanel .testimonialListings ul{ margin: 0 0 0 20px; padding: 0; list-style: none; } .main .contentPanel .testimonialListings ul li{ clear: both; border-bottom: 1px #E0BAB4 solid; list-style: none; text-align: center; color: #ffffff; padding: 10px 0; } .main .contentPanel .testimonialListings ul li:last-child{ border-bottom: 0px #DF2100 solid;} .main .contentPanel .testimonialListings ul li .cont{ padding: 10px; margin: 0 0 5px 0; background: #F7F7F7;} .main .contentPanel .testimonialListings ul li .cont p{ color: #0F1744; font-size: 1.2em;text-align: center; } .main .contentPanel .testimonialListings ul li .cont h3{ margin: 0 auto; padding: 0; font-size: 1em; font-style: italic;text-align: center; } .main .contentPanel .testimonialListings ul li .cont h3 a{ color: #DF2100;} .topBar { margin: 0 auto; padding: 10px 8px; position: relative; } .topBar ul#breadcrumbs{ margin: 0; padding: 0; height: 35px; width: auto; list-style: none; display: block; background: #e5e5e5; } .topBar ul#breadcrumbs li{ margin: 0; padding: 0; line-height: 35px; display: block; float: left; background: #e5e5e5; font-size: 1.1em; } .topBar ul#breadcrumbs li:first-child{ background-color: #b9b9b9; } .topBar ul#breadcrumbs li:nth-child(2){ background-color: #c4c4c4; } .topBar ul#breadcrumbs li:nth-child(3){ background-color: #cecece; } .topBar ul#breadcrumbs li a{ padding: 0 20px; line-height: 35px; height: 35px; display: block; } .topBar ul#breadcrumbs li a:hover{ background: #acacac; color: #ffffff; } .topBar ul#social{ margin: 0; padding: 0; height: 35px; line-height: 35px; width: auto; list-style: none; display: block; position: absolute; top: 10px; right: 8px; text-align: right; } .topBar ul#social li{ margin: 0; padding: 0; display: inline-block; } .topBar ul#social li a{ border-left: 2px #ffffff solid; border-right: 2px #ffffff solid; padding: 0 15px; display: inline-block; background: #e5e5e5;} .topBar ul#social li:first-child a{ border-left: 4px #ffffff solid; } .topBar ul#social li:last-child a{ border-right: 0px #ffffff solid; } .topNavAltHolder{ margin: 0 auto; padding: 0;} .topNavAltHolder ul.topSubPagesNav{ margin: 0; padding: 0; list-style: none; display: inline-block;} .topNavAltHolder ul.topSubPagesNav li{ margin: 0; padding: 0; display: inline-block;} .topNavAltHolder ul.topSubPagesNav li h4{ margin: 0; padding: 0 10px; line-height: 35px; font-weight: 200; display: block; background: #f2ecdd; color: #be9f57; position: relative; } .topNavAltHolder ul.topSubPagesNav li h4 .fa{ margin: 0; display: block; position: absolute; right: 10px; top: 10px; } .onScroll{ opacity: 1;} .alwaysOn{ opacity: 1;} /* Default Typography Style */ .main .contentPanel h1{ margin: 0 0 0 50px; clear: both; text-align: left; color: #393833; font-size: 35px; font-weight: 300; padding: 8px 0; text-transform: uppercase; letter-spacing: 5px; } .main .contentPanel h2{ padding: 20px 50px; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; text-align: left; font-weight: 300; color: #393833; border-bottom: 1px #be9f57 solid; border-top: 1px #be9f57 solid; background-color: #f2ecdd; } .main .contentPanel h2 img { float: left; padding: 0 20px 20px 0; } .main .contentPanel h3{ padding: 10px 0; margin: 0 50px; font-size: 1.3em; text-align: left; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; } .main .contentPanel div h3{ padding: 10px 0; margin: 0; font-size: 1.3em; text-align: left; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; } .main .contentPanel h4{ padding: 5px 0; margin: 20px 50px; border-bottom: 1px rgba(0,0,0,.6) solid; color: #393833; text-align: left; font-weight: 400; font-size: 1.6em; } .main .contentPanel hr{ height: 1px; margin-left: 20px; background-color:#be9f57; color:#be9f57; border: 0 none;} .main .contentPanel h2 .graphic{ margin: 0px; } .main .contentPanel h2 span{ margin-top: 10px; } /* Visit Typography Style */ .main.contentVisit .contentPanel h1{ margin: 0 0 0 50px; clear: both; text-align: left; color: #393833; font-size: 33px; font-weight: 300; padding: 8px 0; text-transform: uppercase; letter-spacing: 5px; } .main.contentVisit .contentPanel h2{ padding: 20px 50px; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; text-align: left; font-weight: 300; color: #393833; border-bottom: 1px #b8a900 solid; border-top: 1px #b8a900 solid; background-color: #f1eecc; } .main.contentVisit .contentPanel h3{ padding: 10px 0; margin: 0 50px; font-size: 1.3em; text-align: left; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; } .main.contentStay .contentPanel h6{ padding: 10px 0; margin: 50px; font-size: 1.3em; text-align: center; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; border: 1px solid #b8a900; display: block; clear: both; } .contentPanel .postPageContent h6{ padding: 10px 0; margin: 50px; font-size: 1.3em; text-align: center; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; border: 1px solid #b8a900; display: block; clear: both; } .contentPanel .postPageContent h6:before {content: "Special Offer"; display: block; text-align: center; font-weight: bold; color: #a78535; font-size: 1.8em; margin-bottom: 10px;} .main.contentStay .contentPanel h6:before{ content: "Special Offer"; display: block; text-align: center; font-weight: bold; color: #b8a900; font-size: 1.8em; margin-bottom: 10px; } .main.contentVisit .contentPanel hr{ height: 1px; margin-left: 20px; background-color:#b8a900; color:#b8a900; border: 0 none;} .main.contentVisit .sidePanel h2{ background-color: #b8a900;} .main.contentVisit .sidePanel ul.subNav li, .main.contentVisit .sidePanel ul.departments li{ background-color: #f1eecc;} .main.contentVisit .sidePanel ul.subNav li ul li, .main.contentVisit .sidePanel ul.departments li ul li{ background-color: #f8f6e5;} .main.contentVisit .sidePanel ul.subNav li a:hover, .main.contentVisit .sidePanel ul.departments li a:hover{ background-color: #dbd47f; color: #ffffff; } .main.contentVisit .sidePanel ul.subNav li.active a, .main.contentVisit .sidePanel ul.departments li.active a{ background-color: #dbd47f; color: #595959; } .main.contentVisit .sidePanel ul.subNav li.active ul li a, .main.contentVisit .sidePanel ul.departments li.active ul li a{ background-color: #f8f6e5; color: #595959; } .main.contentVisit .sidePanel ul.subNav li.active ul li a:hover, .main.contentVisit .sidePanel ul.departments li.active ul li a:hover{ background-color: #b8a900; color: #ffffff; } .main.contentVisit .sidePanel ul.subNav li.active ul li.active a, .main.contentVisit .sidePanel ul.departments li.active ul li.active a{ background-color: #f1eecc; color: #595959; } .main.contentVisit .fullPanel .littleListings .gridSmallLayout li .cont{ background-color: #f1eecc;} .main.contentVisit .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ background-color: #b8a900; } .main.contentVisit .contentPanel .btn { background-color: #b8a900; color: #ffffff; font-weight: 400; padding: 5px; display: block; margin: 10px 15px 0 15px; } .main.contentVisit .contentPanel .btn:hover { opacity: .9; } .main.contentVisit .contentPanel .infoBox{ color: #ffffff; background-color: #f1eecc; padding: 0 0 15px 0; } .main.contentVisit .contentPanel .infoBox h5{ text-align: center; padding: 0 15px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 1.4em; margin-bottom: 15px; } .main.contentVisit .contentPanel .infoBox p{ color: #393833; text-align: center; padding: 0 15px; } .main.contentVisit .contentPanel blockquote{ color: #b8a900; } .main.contentVisit .contentPanel blockquote em{ color: #000000; } .main.contentVisit .contentPanel blockquote .buttTweet{ background-color: #b8a900; } .main.contentVisit .contentPanel blockquote .buttShare{ background-color: #b8a900; } .main.contentVisit .contentPanel .littleListings .gridSmallLayout li .cont{ padding: 0px; background: #f1eecc; } .main.contentVisit .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ padding: 0px; background: #b8a900; } .main.contentVisit .contentPanel .littleListings .gridSmallLayout li h3{ color: #b8a900; border-bottom: 1px #b8a900 solid; } .main.contentVisit .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) h3{ color: #ffffff; border-bottom: 1px #ffffff solid; } /* Eat Typography Style */ .main.contentEat .contentPanel h1{ margin: 0 0 0 50px; clear: both; text-align: left; color: #393833; font-size: 35px; font-weight: 300; padding: 8px 0; text-transform: uppercase; letter-spacing: 5px; } .main.contentEat .contentPanel h2{ padding: 20px 50px; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; text-align: left; font-weight: 300; color: #393833; border-bottom: 1px #e8ba00 solid; border-top: 1px #e8ba00 solid; background-color: #faf1cc ; } .main.contentEat .contentPanel h3{ padding: 10px 0; margin: 0 50px; font-size: 1.3em; text-align: left; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; } .main.contentStay .contentPanel h6{ padding: 10px 0; margin: 50px; font-size: 1.3em; text-align: center; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; border: 1px solid #e8ba00; display: block; clear: both; } .main.contentStay .contentPanel h6:before{ content: "Special Offer"; display: block; text-align: center; font-weight: bold; color: #e8ba00; font-size: 1.8em; margin-bottom: 10px; } .main.contentEat .contentPanel hr{ height: 1px; margin-left: 20px; background-color:#e8ba00; color:#e8ba00; border: 0 none;} .main.contentEat .sidePanel h2{ background-color: #e8ba00;} .main.contentEat .sidePanel ul.subNav li, .main.contentEat .sidePanel ul.departments li{ background-color: #faf1cc;} .main.contentEat .sidePanel ul.subNav li ul li, .main.contentEat .sidePanel ul.departments li ul li{ background-color: #fdf8e5;} .main.contentEat .sidePanel ul.subNav li a:hover, .main.contentEat .sidePanel ul.departments li a:hover{ background-color: #e8ba00; color: #ffffff; } .main.contentEat .sidePanel ul.subNav li.active a, .main.contentEat .sidePanel ul.departments li.active a{ background-color: #e8ba00; color: #ffffff; } .main.contentEat .sidePanel ul.subNav li.active ul li a, .main.contentEat .sidePanel ul.departments li.active ul li a{ background-color: rgba(232,168,0,.5); color: #595959; } .main.contentEat .sidePanel ul.subNav li.active ul li a:hover, .main.contentEat .sidePanel ul.departments li.active ul li a:hover{ background-color: #e8ba00; color: #ffffff; } .main.contentEat .sidePanel ul.subNav li.active ul li.active a, .main.contentEat .sidePanel ul.departments li.active ul li.active a{ background-color: #e8ba00; color: #ffffff; } .main.contentEat .fullPanel .littleListings .gridSmallLayout li .cont{ background-color: #faf1cc;} .main.contentEat .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ background-color: #e8ba00; } .main.contentEat .contentPanel .btn { background-color: #e8ba00; color: #ffffff; font-weight: 400; padding: 5px; display: block; margin: 10px 15px 0 15px; } .main.contentEat .contentPanel .btn:hover { opacity: .9; } .main.contentEat .contentPanel .infoBox{ padding: 15px; color: #ffffff; background-color: #e8ba00; } .main.contentEat .contentPanel .infoBox p{ color: #ffffff; text-align: center; } .main.contentEat .contentPanel blockquote{ color: #e8ba00; } .main.contentEat .contentPanel blockquote em{ color: #000000; } .main.contentEat .contentPanel blockquote .buttTweet{ background-color: #e8ba00; } .main.contentEat .contentPanel blockquote .buttShare{ background-color: #e8ba00; } .main.contentEat .contentPanel .littleListings .gridSmallLayout li .cont{ padding: 0px; background: #faf1cc; } .main.contentEat .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ padding: 0px; background: #e8ba00; } .main.contentEat .contentPanel .littleListings .gridSmallLayout li h3{ color: #e8ba00; border-bottom: 1px #e8ba00 solid; } .main.contentEat .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) h3{ color: #ffffff; border-bottom: 1px #ffffff solid; } /* Stay Typography Style */ .main.contentStay .contentPanel h1{ margin: 0 0 0 50px; clear: both; text-align: left; color: #393833; font-size: 35px; font-weight: 300; padding: 8px 0; text-transform: uppercase; letter-spacing: 5px; } .main.contentStay .contentPanel h2{ padding: 20px 50px; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; text-align: left; font-weight: 300; color: #393833; border-bottom: 1px #81b0b8 solid; border-top: 1px #81b0b8 solid; background-color: #e6eff1 ; } .main.contentStay .contentPanel h3{ padding: 10px 0; margin: 0 50px; font-size: 1.3em; text-align: left; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; } .main.contentStay .contentPanel h6{ padding: 10px 0; margin: 50px; font-size: 1.3em; text-align: center; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; border: 1px solid #81b0b8; display: block; clear: both; } .main.contentStay .contentPanel h6:before{ content: "Special Offer"; display: block; text-align: center; font-weight: bold; color: #81b0b8; font-size: 1.8em; margin-bottom: 10px; } .main.contentStay .contentPanel hr{ height: 1px; margin-left: 20px; background-color:#81b0b8; color:#81b0b8; border: 0 none;} .main.contentStay .sidePanel h2{ background-color: #81b0b8;} .main.contentStay .sidePanel ul.subNav li, .main.contentStay .sidePanel ul.departments li{ background-color: #e6eff1;} .main.contentStay .sidePanel ul.subNav li ul li, .main.contentStay .sidePanel ul.departments li ul li{ background-color: #f2f7f8;} .main.contentStay .sidePanel ul.subNav li a:hover, .main.contentStay .sidePanel ul.departments li a:hover{ background-color: #81b0b8; color: #ffffff; } .main.contentStay .sidePanel ul.subNav li.active a, .main.contentStay .sidePanel ul.departments li.active a{ background-color: #81b0b8; color: #ffffff; } .main.contentStay .sidePanel ul.subNav li.active ul li a, .main.contentStay .sidePanel ul.departments li.active ul li a{ background-color: rgba(129,176,184,.5); color: #595959; } .main.contentStay .sidePanel ul.subNav li.active ul li a:hover, .main.contentStay .sidePanel ul.departments li.active ul li a:hover{ background-color: #81b0b8; color: #ffffff; } .main.contentStay .sidePanel ul.subNav li.active ul li.active a, .main.contentStay .sidePanel ul.departments li.active ul li.active a{ background-color: #81b0b8; color: #ffffff; } .main.contentStay .fullPanel .littleListings .gridSmallLayout li .cont{ background-color: #e6eff1;} .main.contentStay .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ background-color: #81b0b8; } .main.contentStay .contentPanel .btn { background-color: #81b0b8; color: #ffffff; font-weight: 400; padding: 5px; display: block; margin: 10px 15px 0 15px; } .main.contentStay .contentPanel .btn:hover { opacity: .9; } .main.contentStay .contentPanel .infoBox{ padding: 15px; color: #ffffff; background-color: #81b0b8; } .main.contentStay .contentPanel .infoBox p{ color: #ffffff; text-align: center; } .main.contentStay .contentPanel blockquote{ color: #81b0b8; } .main.contentStay .contentPanel blockquote em{ color: #000000; } .main.contentStay .contentPanel blockquote .buttTweet{ background-color: #81b0b8; } .main.contentStay .contentPanel blockquote .buttShare{ background-color: #81b0b8; } .main.contentStay .contentPanel .littleListings .gridSmallLayout li .cont{ padding: 0px; background: #e6eff1; } .main.contentStay .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ padding: 0px; background: #81b0b8; } .main.contentStay .contentPanel .littleListings .gridSmallLayout li h3{ color: #81b0b8; border-bottom: 1px #81b0b8 solid; } .main.contentStay .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) h3{ color: #ffffff; border-bottom: 1px #ffffff solid; } /* Weddings Typography Style */ .main.contentWeddings .contentPanel h1{ margin: 0 0 0 50px; clear: both; text-align: left; color: #393833; font-size: 35px; font-weight: 300; padding: 8px 0; text-transform: uppercase; letter-spacing: 5px; } .main.contentWeddings .contentPanel h2{ padding: 20px 50px; margin: 0 0 20px 0; line-height: 1.6em; font-size: 1.7em; text-align: left; font-weight: 300; color: #393833; border-bottom: 1px #8e3737 solid; border-top: 1px #8e3737 solid; background-color: #e8d7d7 ; } .main.contentWeddings .contentPanel h3{ padding: 10px 0; margin: 0 50px; font-size: 1.3em; text-align: left; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; } .main.contentWeddings .contentPanel h6{ padding: 10px 0; margin: 50px; font-size: 1.3em; text-align: center; text-decoration: none; color: #393833; font-weight: 300; line-height: 1.7em; border: 1px solid #8e3737; display: block; clear: both; } .main.contentWeddings .contentPanel h6:before{ content: "Special Offer"; display: block; text-align: center; font-weight: bold; color: #8e3737; font-size: 1.8em; margin-bottom: 10px; } .main.contentWeddings .contentPanel hr{ height: 1px; margin-left: 20px; background-color:#8e3737; color:#8e3737; border: 0 none; } .main.contentWeddings .sidePanel h2{ background-color: #8e3737;} .main.contentWeddings .sidePanel ul.subNav li, .main.contentWeddings .sidePanel ul.departments li{ background-color: #e8d7d7;} .main.contentWeddings .sidePanel ul.subNav li ul li, .main.contentWeddings .sidePanel ul.departments li ul li{ background-color: #f3ebeb;} .main.contentWeddings .sidePanel ul.subNav li a:hover, .main.contentWeddings .sidePanel ul.departments li a:hover{ background-color: #8e3737; color: #ffffff; } .main.contentWeddings .sidePanel ul.subNav li.active a, .main.contentWeddings .sidePanel ul.departments li.active a{ background-color: #8e3737; color: #ffffff; } .main.contentWeddings .sidePanel ul.subNav li.active ul li a, .main.contentWeddings .sidePanel ul.departments li.active ul li a{ background-color: rgba(142,55,55,.5); color: #595959; } .main.contentWeddings .sidePanel ul.subNav li.active ul li a:hover, .main.contentWeddings .sidePanel ul.departments li.active ul li a:hover{ background-color: #8e3737; color: #ffffff; } .main.contentWeddings .sidePanel ul.subNav li.active ul li.active a, .main.contentWeddings .sidePanel ul.departments li.active ul li.active a{ background-color: #8e3737; color: #ffffff; } .main.contentWeddings .fullPanel .littleListings .gridSmallLayout li .cont{ background-color: #e8d7d7;} .main.contentWeddings .fullPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ background-color: #8e3737; } .main.contentWeddings .contentPanel .btn { background-color: #8e3737; color: #ffffff; font-weight: 400; padding: 5px; display: block; margin: 10px 0; } .main.contentWeddings .contentPanel .btn:hover { opacity: .9; } .main.contentWeddings .contentPanel .infoBox{ padding: 15px; color: #ffffff; background-color: #8e3737; } .main.contentWeddings .contentPanel .infoBox p{ color: #ffffff; text-align: center; } .main.contentWeddings .contentPanel blockquote{ color: #8e3737; font-family: "sir_walter_scott_lightregular"; } .main.contentWeddings .contentPanel blockquote em{ color: #000000; font-family: 'Ubuntu', sans-serif; } .main.contentWeddings .contentPanel blockquote .buttTweet{ background-color: #8e3737; } .main.contentWeddings .contentPanel blockquote .buttShare{ background-color: #8e3737; } .main.contentWeddings .contentPanel .littleListings .gridSmallLayout li .cont{ padding: 0px; background: #e8d7d7; } .main.contentWeddings .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) .cont{ padding: 0px; background: #8e3737; } .main.contentWeddings .contentPanel .littleListings .gridSmallLayout li h3{ color: #8e3737; border-bottom: 1px #8e3737 solid; } .main.contentWeddings .contentPanel .littleListings .gridSmallLayout li:nth-child(2n) h3{ color: #ffffff; border-bottom: 1px #ffffff solid; } /* Events & Calendar */ .main .contentPanel .cal_holder{ opacity: 1 !important; display: none; padding: 0 40px; position:relative; } .main .contentPanel .calendar{ margin:0px; padding: 0; width: 100%; height: auto; opacity: 1 !important; color: #4E4E4E; border-collapse:collapse; table-layout: fixed; } .main .contentPanel .calendar th,#container #content #right_column .calendar td{ padding: 0; } .main .contentPanel .calendar .dark{ background: #C1A974; color: #ffffff; width: 100%; height: 45px; line-height: 35px; text-align: center; display: block; padding: 0px 0 0 0; border: 1px #fff solid; border-collapse: collapse; } .main .contentPanel .calendar .dark .butt_arrow{ margin: 0; padding: 0; width: 45px; height: 43px; display: block; position: absolute; background: #A78535; color: #ffffff; line-height: 45px; text-decoration: none; text-align: center; } .main .contentPanel .calendar .dark .butt_arrow.prev{ left: 0px; top:0px; } .main .contentPanel .calendar .dark .butt_arrow.next{ right: 0px; top:0px; } .main .contentPanel .calendar .dark .butt_arrow:hover{ background: #8C7130; color: #ffffff; } .main .contentPanel .calendar .dark td{ margin: 0; padding: 0; width: 100%; display: block; position: relative; } .main .contentPanel .calendar .dark em{ margin: 0; padding: 0; width: 100%; height: 45px; line-height: 45px; display: block; float: none; text-align: center; } .main .contentPanel .calendar #dates{ border-collapse: collapse; margin: 0; padding: 0; border: 0px; width: auto; display: block; font-size: 1em; height: auto; top: auto; position: relative; table-layout: fixed; } .main .contentPanel .calendar #dates tbody{ width: 100%; } .main .contentPanel .calendar #dates tr,.calendar #dates td{ padding: 0; } .main .contentPanel .calendar #dates th{ color: #ffffff; background: #C1A974; width:14.2%; text-align: center; padding: 5px 0; border: 1px #fff solid; text-transform: uppercase; font-size: 11px; } .main .contentPanel .calendar #dates tr{ margin: 0; padding: 0; } .main .contentPanel .calendar #dates td{ margin: 0; padding: 7px; color: #5F4A18; background: rgba(0,0,0,.04); font-size: .9em; border: 1px #fff solid; height: 60px; } .main .contentPanel .calendar #dates td.fade{ color: #c1c1c1; background: #F3F1EC; } .main .contentPanel .calendar #dates td.on{ color: #A07838; background: #E6E2DB ; } .main .contentPanel .calendar #dates td a{ margin: 22px auto 5px; width:auto; line-height: 20px; display:block; text-align: center; background: #174F7C; color: #ffffff; border-radius: 0px; } .main .contentPanel .calendar #dates td strong{ width: 89px; line-height: 20px; height: auto; display:block; text-align: center; clear: both; text-transform: uppercase; font-weight: 100; } .main .contentPanel .calendar #dates td strong.bold{ font-weight: bold; } .main .contentPanel div.grey_box{ margin: 0 auto; width: 665px; height: auto; } .main .contentPanel div.loading{ z-index: 2; background: #ffffff url(../images/iconLoading.gif) 50% 50% no-repeat; color: #a78535; width: 100%; height: 100%; line-height: 35px; text-align: center; display: none; padding: 10px 0 0 0; margin: 0; position: absolute; left: 0; top: 0; } .main .contentPanel #catLegend{ margin: 0; padding: 0; list-style: none; opacity: 1 !important; } .main .contentPanel #catLegend li{ margin: 0 15px 0 0; padding: 0; list-style: none; display: block; float: left; line-height: 40px; font-size: .9em; } .main .contentPanel #catLegend li em{ margin: 10px 5px 0 0; padding: 0; height: 20px; width: 20px; display: block; float: left; border-radius: 10px; } /* Homepage Events */ .homeEventsList > div > ul.eventsList{ margin: 0; padding: 10px 0; list-style: none; opacity: 1 !important; } .homeEventsList > div > ul.eventsList li{ margin: 0; padding: 25px 0; list-style: none; border-bottom: 0px rgba(0,0,0,.3) solid; } .homeEventsList > div > ul.eventsList li h3{ margin: 0 0 10px 0; padding: 0; line-height: 25px; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; font-weight: 500; text-align: center; min-height: 50px; } .homeEventsList > div > ul.eventsList li img{ margin: 0 0 10px 0;} .homeEventsList > div > ul.eventsList li em{ margin: 0 0 10px 0; padding: 0; line-height: 1em; text-transform: uppercase; font-size: .9em; display: block; text-align: center; } .homeEventsList > div > ul.eventsList li p{ margin: 0; padding: 10px 0; line-height: 1.6em; text-align: center; } .homeEventsList > div > ul.eventsList li .buttView{ margin: 0 0 0 20px; padding:0 10px; line-height: 2em; display: block; font-size: .8em; text-align: center; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; } .homeEventsList > div > ul.eventsList li .buttView:hover{ opacity: .9; } #wrapper > div.homeEventsList > div > h1 { margin: 0 0 10px 0; border-bottom: 1px #b7a900 solid; letter-spacing: 8px; text-transform: uppercase; position: relative; z-index: 2; color: #3c3d38; padding: 0; background-color: none; text-align: center; font-weight: 200; line-height: 102px;} /* Homepage News */ .homeNews h1 { width: 100%; text-align: center !important;} .homeNews > ul.newslist{ margin: 0; padding: 0px; list-style: none; opacity: 1 !important; } .homeNews > ul.newslist li{ margin: 0 0 15px 0; padding: 0 0 5px 0; list-style: none; border-bottom: 1px #b7a900 solid; } .homeNews > ul.newslist li:last-child{ border-bottom: 0px; } .homeNews > ul.newslist li h3{ margin: 0; padding: 0; line-height: 1.0em; text-transform: uppercase; letter-spacing: 2px; } .homeNews > ul.newslist li h4{ margin: 0; padding: 0; line-height: 1.0em; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; } .homeNews > ul.newslist li em{ margin: 0; padding: 0; line-height: 3em; text-transform: uppercase; font-size: .9em; display: block; } .homeNews > ul.newslist li p{ margin: 0; padding: 0; line-height: 1.6em; } .homeNews > ul.newslist li .buttView{ margin: 0 0 0 20px; padding:0 10px; line-height: 2em; display: inline-block; font-size: .8em; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; } .homeNews > ul.newslist li .buttView:hover{ opacity: .9; } /* Events page */ .main .contentPanel .eventsList{ margin: 0; padding: 10px 50px; list-style: none; opacity: 1 !important; } .main .contentPanel .eventsList li{ margin: 0; padding: 25px 0; list-style: none; border-bottom: 1px rgba(0,0,0,.3) solid; } .main .contentPanel .eventsList li:last-child{ border-bottom: 0px; } .main .contentPanel .eventsList li h3{ margin: 0 0 10px 20px; padding: 0; line-height: 25px; text-transform: uppercase; letter-spacing: 2px; } .main .contentPanel .eventsList li em{ margin: 0 0 0 20px; padding: 0; line-height: 1em; text-transform: uppercase; font-size: .9em; display: block; } .main .contentPanel .eventsList li p{ margin: 0 0 0 20px; padding: 10px 0; line-height: 1.6em; } .main .contentPanel .eventsList li .buttView{ margin: 0 0 0 20px; padding:0 10px; line-height: 2em; display: inline-block; font-size: .8em; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; } .main .contentPanel .eventsList li .buttView:hover{ opacity: .9; } .main .contentPanel .newslist{ margin: 0; padding: 10px 50px; list-style: none; opacity: 1 !important; } .main .contentPanel .newslist li{ margin: 0; padding: 25px 0; list-style: none; border-bottom: 1px rgba(0,0,0,.3) solid; } .main .contentPanel .newslist li:last-child{ border-bottom: 0px; } .main .contentPanel .newslist li h3{ margin: 0; padding: 0; line-height: 1.4em; text-transform: uppercase; letter-spacing: 2px; } .main .contentPanel .newslist li h4{ margin: 0; padding: 0; line-height: 1.8em; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; } .main .contentPanel .newslist li em{ margin: 0; padding: 0; line-height: 3em; text-transform: uppercase; font-size: .9em; display: block; } .main .contentPanel .newslist li p{ margin: 0; padding: 0; line-height: 1.6em; } .main .contentPanel .newslist li .buttView{ margin: 0 0 0 20px; padding:0 10px; line-height: 2em; display: inline-block; font-size: .8em; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; } .main .contentPanel .newslist li .buttView:hover{ opacity: .9; } .main .contentPanel #buttHolders{ margin: 0; padding: 20px 40px 0 0; width: auto; height: 30px; line-height: 30px; position: absolute; right: 0px; top: 0px; opacity: 1 !important; } .main .contentPanel #buttHolders #buttList, .main .contentPanel #buttHolders #buttCalendar{ margin: 0 0 0 1px; padding:0 10px; line-height: 2em; display: inline-block; font-size: .9em; color: #ffffff; background-color: #a78535; letter-spacing: 2px; text-transform: uppercase; } .main .contentPanel .revealSlideshow{ margin-top: 40px; padding: 0 0 40px 0; position: relative; } .main .contentPanel .revealSlideshow .buttSlideshowReveal{ margin: 0 0 -38px 0; padding: 0; text-align: center; position: relative; z-index: 2; width: 100%; height: 53px; display: block; background: url(../images/buttSlideshowBg.png) 50% 0 no-repeat; } /*.main .contentPanel .revealSlideshow .buttSlideshowReveal.open{ background: url(../images/buttSlideshowReveal.png) 50% 0px no-repeat; }*/ .main .contentPanel .revealSlideshow .carouselCont{ margin: 0; padding: 0; display: none; position: relative; z-index: 1; } .main .contentPanel .revealImage { margin: 0; padding: 0 0 40px 0; position: relative; } .main .contentPanel .revealImage .buttReveal{ margin: 20px 0 -40px 0; padding: 0; position: relative; text-align: center; z-index: 2; width: 100%; height: 69px; display: block; background: url(../images/buttSlideshowRevealBig.png) 50% -69px no-repeat; } .main .contentPanel .revealSlideshow .blinkEye { top: -26px; position: absolute; left: 50%; margin-left: -40px; z-index: 3; } .main .contentPanel .revealImage .buttReveal.buttBee{ } .main .contentPanel .revealImage .buttReveal.buttBee img{ top: -11px; position: absolute; left: 50%; margin-left: -39px; } .main .contentPanel .revealImage .buttReveal.open{ background: url(../images/buttSlideshowRevealBig.png) 50% 0px no-repeat; } .main .contentPanel .revealImage .graphicCont { margin: 0; padding: 0; display: none; position: relative; z-index: 1; } .loadingPage{ z-index: 1000; background: #ffffff url(../images/iconLoading.gif) 50% 50% no-repeat; color: #a78535; width: 100%; height: 100%; line-height: 35px; text-align: center; display: block; padding: 10px 0 0 0; margin: 0; position: fixed; left: 0; top: 0; } .flexslider { margin: 0 !important; } /* Responsive Video */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .commentlist{float:left;width:100%; margin: -60px 10px 10px 8px;}.commentlist h3{margin:0;padding:0; } .commentlist .intro_text{float:left;width:100%; margin: 10px 0px;border-bottom:1px solid #ccc;padding:0 0 12px 0;}