/*----- media queries -----*/ @media only screen and (max-width: 320px) { } @media only screen and (max-width: 480px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 1024px) { } /* PERSISTENT STYLES ========================================================================================*/ html, body { background:#ffffd4; width:100%; height:100%; margin:0px; padding:0px; font-family:'Lato', sans-serif; font-size:16px; line-height:26px; color:#333; } img, img a, img a:link { border:0px; } h1 { font-size:2.6em; font-family:'Rye', serif; line-height:60px; color:#fff; text-align:center; font-weight:normal; margin:0px 0px 25px 0px; } h2 { display:block; font-size:24px; line-height:30px; font-family:'Rye', serif; color:#333; text-align:left; font-weight:normal; margin:0px 0px 25px 0px; } h3 { font-size:32px; font-family:'Rye', serif; line-height:35px; color:#000; text-align:left; font-weight:normal; margin:0px 0px 18px 0px; } h3 a { text-decoration:none; } h4 { display:block; line-height:26px; font-size:24px; font-family:'Rye', serif; color:#333; text-align:left; font-weight:normal; margin:0px 0px 30px 0px; } p { margin:0px 0px 15px 0px; } hr { margin:30px 0px 30px 0px; color:#c4c4a3; background:#c4c4a3; border:0px; height:1px; } a:link { color:#1e426e; } a:visited { color:#1e426e; } a:hover { color:#000; } .clear { clear:both; } .clearfix:before { content:" "; display:table; } .clearfix:after { content:" "; display:table; clear:both; } .center { display:block; max-width:1070px; margin:0 auto; position:relative; } .block { display:block; } .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; max-width: 100%; border: 0; margin:0 auto; } @media only screen and (max-width: 480px) { p { margin:20px 0px 0px 0px; font-size:16px !important; line-height:22px !important; } hr { margin:20px 0px 20px 0px; color:#c4c4a3; background:#c4c4a3; border:0px; height:1px; } h1 { font-size:36px; line-height:42px; margin:0px 0px 20px 0px; } h2 { margin:0px 0px 20px 0px; } h3 { font-size:24px; line-height:28px; margin:0px 0px 10px 0px; } } /* HEADER STYLES ========================================================================================*/ #headerContainer { width:100%; position:fixed; z-index:100; } #header { width:100%; height:100px; position:fixed; top:0; z-index:100; border-bottom:6px solid #882a2a; box-shadow:0px 1px 20px #000; } #header { background: -moz-linear-gradient(top, rgba(52,46,74,1) 0%, rgba(52,46,74,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,46,74,1)), color-stop(100%,rgba(52,46,74,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(52,46,74,1) 0%,rgba(52,46,74,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(52,46,74,1) 0%,rgba(52,46,74,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(52,46,74,1) 0%,rgba(52,46,74,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(52,46,74,1) 0%,rgba(52,46,74,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#342e4a', endColorstr='#d9342e4a',GradientType=0 ); /* IE6-9 */ } #header .logo { text-align:center; width:280px; height:auto; float:left; display:inline; padding:0px; margin-top:-24px; } #header .logo img { max-width:280px; margin:0 auto; } /* search */ #search { width:100%; font-size:13px; height:50px; background:#272337; font-family:'Oswald', 'Lato', sans-serif; color:#8b81a6; } #search .groupQuoteBox { float:right; display:inline; margin:0px 0px 0px 10px; } #search .groupQuoteBox a { display:block; text-align:center; font-size:16px; line-height:49px; font-weight:200; border-radius:0px 0px 5px 5px; width:150px; height:40px; text-decoration:none; color:#fff; background:#882a2a; } #search .groupQuoteBox a:hover { box-shadow:0px 0px 10px rgba(0,0,0,.5); } .groupQuote { position: fixed; right: 0; top: 300px; z-index: 99; } .groupQuote a{ text-align: center; font-size: 1.6em; padding: 0.6em; display: block; background: #882a2a; color:#fff; border-radius: 4px 0 0 4px; text-decoration: none; line-height: 1em; border: 3px double #984545; border-right: 0; box-shadow: rgba(0, 0, 0, .1) 0px 3px 12px 6px; text-shadow: rgba(0, 0, 0, 0.16) 1px 1px 4px; transition: all .3s ease; } .groupQuote a:hover{ padding-right:1em; background: #5a181a; border-color: #8f4040; } .groupQuote a span{ display: block; font-size: 0.8em; } .groupQuote a strong{ display: block; font-size: 0.8em; font-family: 'Rye', serif; font-weight: normal; } @media only screen and (max-width: 500px) { .groupQuote{ display:none;} } #search ul.topMenu { list-style:none; margin:0px; padding:0px; text-align:right; float:right; display:inline; } #search ul.topMenu li { display:inline-block; height:50px; line-height:50px; text-align:right; } #search ul.topMenu li a { color:#8b81a6; text-decoration:none; margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; border-left:1px solid #3f3a54; } #search ul.topMenu li:first-child a { border:0px; } #search ul.topMenu li a:hover { color:#fff; } #search #searchbox { border-radius:3px; float:right; display:inline; padding:10px 0px 0px 12px; } #search #searchbox input { display:inline-block; } #search #searchbox input.field { width:120px; height:30px; border:0px; border-radius:3px 0px 0px 3px; background:#625b7c; padding:0px 0px 0px 8px; color:#fff; font-weight:300; } #search #searchbox input.submit { border:0px; height:30px; border-radius:0px 3px 3px 0px; background: #ddd5f7; color: #332d48; text-transform: uppercase; padding:0px 8px 0px 8px; } #search #searchbox input.submit:hover { color:#fff; } /* main menu */ #header .mobileMenu { display:none; } #header ul.mainMenu { margin:0px; padding:0px; float:right; display:inline; list-style:none; margin-top:20px; } #header ul.mainMenu a { color:#fff; text-decoration:none; } #header ul.mainMenu li { float:left; display:inline; font-weight:700; font-size:14px; line-height:16px; text-align:center; text-transform:uppercase; } #header ul.mainMenu li a { display:block; height:64px; background:rgba(255,255,255,.0); padding:0px 16px; border-left:1px solid #60596f; color:#c7c1d4; -o-transition: color .2s ease-out, text-shadow .2s ease-out; -ms-transition: color .2s ease-out, text-shadow .2s ease-out; -moz-transition: color .2s ease-out, text-shadow .2s ease-out; -webkit-transition: color .2s ease-out, text-shadow .2s ease-out; transition: color .2s ease-out, text-shadow .2s ease-out; } #header ul.mainMenu li a:hover { color:#fff; text-shadow:0px 0px 10px rgba(255,255,255,.5); } #header ul.mainMenu li:nth-child(8) .abb { display:none; } #header ul.mainMenu li:nth-child(1) a { line-height:63px; border-left:0px; } #header ul.mainMenu li:nth-child(2) a { line-height:63px; } #header ul.mainMenu li:nth-child(3) a { padding-top:15px; height:49px; } #header ul.mainMenu li:nth-child(4) a { line-height:63px; } #header ul.mainMenu li:nth-child(5) a { padding-top:15px; height:49px; } #header ul.mainMenu li:nth-child(6) a { line-height:63px; } #header ul.mainMenu li:nth-child(7) a { padding-top:15px; height:49px; } /* submenu */ #header ul.mainMenu li:nth-child(8) ul { width:150px; } #header ul.mainMenu ul { min-width:150px !important; display:none; position:absolute; background:#665c8b; text-align:left; width:auto; margin:0px 0px 0px 0px; padding:0px; box-shadow:0px 1px 5px rgba(0,0,0,.8); } #header ul.mainMenu ul li { background:none; display:block; width:100% !important; float:none; padding:0px; margin:0px; text-align:left; font-weight:400; font-size:12px; line-height:14px; } #header ul.mainMenu ul li a { display:block; padding:4px 20px 4px 10px !important; height:auto !important; line-height:18px !important; border:0px; border-top:1px solid rgba(255,255,255,.15) !important; border-bottom:1px solid rgba(0,0,0,.25) !important; } #header ul.mainMenu ul li a:hover { background:#3b325d; border-top:1px solid rgba(0,0,0,.125); } /*minisite*/ .minisite, .subnav.shopping { background: #494167 !important;} @media only screen and (max-width:1070px) { #headerContainer { position:relative; z-index:100; } #header { height:auto !important; } #header .logo { width:100%; height:auto; float:none; display:block; padding-top:25px; margin:0 auto; background:#342e4a; } #header ul.mainMenu { margin-top:0px; float:none; display:block; position:relative; text-align:center; width:100%; border-top:6px solid #882a2a; } #header ul.mainMenu li a { padding:10px 0px; } #header ul.mainMenu li:nth-child(3) a { padding-top:25px; height:49px; } #header ul.mainMenu li:nth-child(5) a { padding-top:25px; height:49px; } #header ul.mainMenu li:nth-child(7) a { padding-top:25px; height:49px; } #header ul.mainMenu li { width:12.5%; } #header ul.mainMenu li:nth-child(1) { width:11%; } #header ul.mainMenu li:nth-child(2) { width:18%; } #header ul.mainMenu li:nth-child(3) { width:11%; } #header ul.mainMenu li:nth-child(4) { width:11%; } #header ul.mainMenu li:nth-child(5) { width:11%; } #header ul.mainMenu li:nth-child(6) { width:10%; } #header ul.mainMenu li:nth-child(7) { width:14%; } #header ul.mainMenu li:nth-child(8) { width:13%; } #search #searchbox { padding:10px 20px 0px 12px; } #header .logo { margin-top:0px; padding:20px 0px; } } @media only screen and (max-width:800px) { .groupQuote a{ font-size:1em; } #header { height:auto !important; background:#342e4a; position:relative; } #header .logo { width:280px; height:auto; float:none; display:block; padding-top:20px; margin:0 auto; } #header ul.mainMenu { height:100px; border-top:6px solid #882a2a; } #header ul.mainMenu li { float:left; display:block; width:25% !important; } #header ul.mainMenu li:nth-child(8) .b1 { display:none; } #header ul.mainMenu li:nth-child(8) .abb { display:inline; } #header ul.mainMenu li:nth-child(8) .unabb { display:none; } #header ul.mainMenu li a { height:50px !important; line-height:50px !important; padding:0px !important; text-align:center; background:#443d5d; border-style:solid; border-color:#342e4a; } #header ul.mainMenu li:nth-child(1) a { border-width:4px 2px 2px 0px !important; border-left:4px solid #342e4a; } #header ul.mainMenu li:nth-child(2) a { border-width:4px 2px 2px 2px !important; } #header ul.mainMenu li:nth-child(3) a { border-width:4px 2px 2px 2px !important; line-height:15px !important; padding-top:8px !important; height:42px !important; } #header ul.mainMenu li:nth-child(4) a { border-width:4px 0px 2px 2px !important; } #header ul.mainMenu li:nth-child(5) a { border-width:2px 2px 4px 0px !important; line-height:15px !important; padding-top:8px !important; height:42px !important; } #header ul.mainMenu li:nth-child(6) a { border-width:2px 2px 4px 2px !important; } #header ul.mainMenu li:nth-child(7) a { border-width:2px 2px 4px 2px !important; line-height:15px !important; padding-top:8px !important; height:42px !important; } #header ul.mainMenu li:nth-child(8) a { border-width:2px 0px 4px 2px !important; line-height:15px !important; padding-top:8px !important; height:42px !important; } #header ul.mainMenu ul { display:none !important; } } @media only screen and (max-width:500px) { #header { border-bottom:0px; } #header .logo { width:80%; height:auto; float:none; display:block; padding-top:20px; } #header .mobileMenu { margin-top:0px; display:block; background:#882a2a; padding:10px 0px; text-align:center; font-family:'Rye', serif; font-size:18px; color:#fff; text-transform:uppercase; } #header ul.mainMenu { margin-top:0px; height:inherit; border-top:none; } #header ul.mainMenu li { float:none; display:block; font-size:15px; font-weight:400; width:100% !important; border-top:1px solid rgba(255,255,255,.20); border-bottom:1px solid rgba(0,0,0,.25); } #header ul.mainMenu li a { height:auto !important; line-height:18px !important; padding:10px 0px !important; background:#443d5d; border:0px !important; } #header ul.mainMenu li a:hover { background:#342e4a; } #header ul.mainMenu li .b1, #header ul.mainMenu li .b2, #header ul.mainMenu li .b3, #header ul.mainMenu li .b4 { display:none; } #header ul.mainMenu li:nth-child(1) a { border-width:0px !important; } #header ul.mainMenu li:nth-child(2) a { border-width:0px !important; } #header ul.mainMenu li:nth-child(3) a { border-width:0px !important; line-height:18px !important; padding:10px 0px !important; height:auto !important; } #header ul.mainMenu li:nth-child(4) a { border-width:0px !important; } #header ul.mainMenu li:nth-child(5) a { border-width:0px !important; line-height:18px !important; padding:10px 0px !important; height:auto !important; } #header ul.mainMenu li:nth-child(6) a { border-width:0px !important; } #header ul.mainMenu li:nth-child(7) a { border-width:0px !important; line-height:18px !important; padding:10px 0px !important; height:auto !important; } #header ul.mainMenu li:nth-child(8) a { border-width:0px !important; line-height:18px !important; padding:10px 0px !important; height:auto !important; } #header ul.mainMenu li:nth-child(8) { border-bottom:6px solid #882a2a; } #header ul.mainMenu li:nth-child(8) .abb { display:none; } #header ul.mainMenu li:nth-child(8) .unabb { display:inline; } } /* SLIDESHOW STYLES ========================================================================================*/ #slideshow { height:400px; background:#000; background-size:cover !important; position:relative; z-index:10; margin-top:0px;} #slideshow .rslides { margin:0px; padding:0px; } #slideshow .rslides li { display:none; width:100%; height:400px; background-size:cover !important; } #slideshow .dynamic-headers { height:400px; } .home #slideshow { height:600px; } .home #slideshow .rslides li, .home #slideshow div.rslides a { display:block; height:600px; width: 100%; } .home #slideshow .dynamic-headers { position:relative; height:600px; } table.overlay, table.overlay tbody, table.overlay tbody tr, table.overlay tbody tr td {display:block;} table.overlay {position:absolute; z-index:100; left:0px;bottom: 15%; width:100%;} table.overlay tbody {max-width:1120px; margin:0 auto !important;} table.overlay tbody tr {display:none;width: 300px;} table.overlay tbody tr td {background: rgba(52, 46, 74, 0.72);padding: 10px 20px; color:white;cursor: pointer;} table.overlay tbody tr td h2 {color:white;margin-bottom: 10px;} table.overlay tbody tr td p {padding:0px;margin:0px;font-size: 17px;} .gallery #slideshow { height:155px; } .gallery #slideshow .rslides li { height:155px; } .gallery #slideshow .dynamic-headers { height:155px; } @media only screen and (max-width: 1070px) { #slideshow { height:400px !important; } #slideshow .rslides li, #slideshow div.rslides a {height:400px !important; } #slideshow .dynamic-headers { height:400px !important; } #slideshow { background-size:auto 100%; background-size:cover; margin-top:-100px; } .gallery #slideshow { margin-top:-155px; } } @media only screen and (max-width: 865px) { } @media only screen and (max-width: 800px) { #slideshow { height:300px !important;} #slideshow .rslides li, #slideshow div.rslides a { height:300px !important; } #slideshow .dynamic-headers { height:300px !important; } .gallery #slideshow { display:none; } } @media only screen and (max-width: 500px) { #slideshow { height:150px !important; margin-top:0px; } #slideshow .rslides li, #slideshow div.rslides a { height:150px !important; } #slideshow .dynamic-headers { height:150px !important; } table.overlay {display:none;} } /* RESWIDGET STYLES ========================================================================================*/ #reswidget { position:relative; width:100%; height:auto; background:#342e4a; border-width:6px 0px; border-style:solid; border-color:#574e72; z-index:20; } #reswidget .center { height:auto; } #reswidget ul { margin:0px; padding:0px; list-style:none; color:#000; padding:0px 0px; text-align:center; display:block; width:100%; } #reswidget ul li { float:left; display:inline; height:65px; text-transform:uppercase; background:#ccc; background:url('../images/reswidget-divider.gif') no-repeat left center; } #reswidget ul li label { font-size:14px; line-height:18px; font-family:'Oswald', 'Lato', sans-serif; color:#fff; } #reswidget ul li select { vertical-align:3px; margin-left:3px; background:#fff; color:#333; border:0px; font-size:12px; height:25px; } #reswidget ul li.title { font-size:20px; text-align:center; font-family:'Rye', serif; color:#fff; } #reswidget ul li.checkin input { width:60%; border:0px; border-radius:3px; box-shadow:inset 0px 1px 3px #000; padding:3px 0px 3px 0px; text-align:center; font-family:'Oswald', 'Lato', sans-serif; font-size:14px; } #reswidget ul li.checkin img { width:10%; max-width:16px; height:auto; vertical-align:0px; margin-left:1.5%; } #reswidget ul li.checkout input { width:60%; border:0px; border-radius:3px; box-shadow:inset 0px 1px 3px #000; padding:3px 0px 3px 0px; text-align:center; font-family:'Oswald', 'Lato', sans-serif; font-size:14px; } #reswidget ul li.checkout img { width:10%; max-width:16px; height:auto; vertical-align:0px; margin-left:1.5%; } #reswidget ul li.submit { width:100%; } #reswidget ul li.submit .btnBook { border:0px; padding:8px 0px; background:#882a2a; font-family:'Oswald', sans-serif; font-weight:200; text-transform:uppercase; border-radius:6px; width:88%; margin:0px auto; text-align:center; letter-spacing:1px; font-size:16px; line-height:18px; color:#fff; text-decoration:none; } #reswidget ul li.submit .btnBook.small { display:none; } #reswidget ul li:nth-child(1) { width:26%; background:none; line-height:63px; } #reswidget ul li:nth-child(2) { width:13%; line-height:64px; } #reswidget ul li:nth-child(3) { width:13%; line-height:64px; } #reswidget ul li:nth-child(4) { width:12.5%; line-height:65px; } #reswidget ul li:nth-child(5) { width:12.5%; line-height:65px; } #reswidget ul li:nth-child(6) { width:23%; line-height:67px; } #ui-datepicker-div { z-index:200 !important; box-shadow:0px 2px 8px #000; margin-top:5px; } #reswidget ul a { text-decoration:none; color:#000; } @media only screen and (max-width:1110px) { #reswidget .center { padding:0px; } #reswidget ul li { text-transform:capitalize; font-size:11px; } #reswidget ul li.divider { padding:0px 3px; } #reswidget ul li.checkin input, #reswidget ul li.checkout input { font-size:12px; } #reswidget ul li.submit .btnBook { display:none; font-size:14px; } #reswidget ul li.submit .btnBook.small { display:inline-block; } } @media only screen and (max-width:800px) { #reswidget ul li { height:40px; } #reswidget ul li select { height:20px; width:45px; } #reswidget ul li.title { font-size:20px; float:none; display:block; } #reswidget ul li.submit .btnBook { width:80%; padding:4px 0px; } #reswidget ul li:nth-child(1) { width:100%; background:none; line-height:40px; height:40px; border-bottom:1px solid #3e3953; } #reswidget ul li:nth-child(2) { width:18%; background:none; line-height:42px; } #reswidget ul li:nth-child(3) { width:18%; line-height:42px; } #reswidget ul li:nth-child(4) { width:22%; line-height:44px; } #reswidget ul li:nth-child(5) { width:22%; line-height:44px; } #reswidget ul li:nth-child(6) { width:20%; line-height:44px; } } @media only screen and (max-width:500px) { #reswidget ul li.title { font-size:24px; float:none; display:block; } #reswidget ul li:nth-child(1) { width:100%; background:none; line-height:50px; height:50px; border-bottom:1px solid #3e3953; } #reswidget ul li.checkin img, #reswidget ul li.checkout img { vertical-align:-2px; } #reswidget ul li.checkin input, #reswidget ul li.checkout input { font-size:14px; } #reswidget ul li { text-transform:uppercase; font-size:16px; } #reswidget ul li:nth-child(2) { width:50%; line-height:52px; height:50px; border-bottom:1px solid #3e3953; } #reswidget ul li:nth-child(3) { width:50%; line-height:52px; height:50px; border-bottom:1px solid #3e3953; } #reswidget ul li:nth-child(4) { width:50%; line-height:52px; height:50px; border-bottom:1px solid #3e3953; background:none; } #reswidget ul li:nth-child(5) { width:50%; line-height:52px; height:50px; border-bottom:1px solid #3e3953; } #reswidget ul li:nth-child(6) { width:100%; line-height:68px; height:65px; background:none; } #reswidget ul li.submit .btnBook { display:inline-block; font-size:18px; padding:10px 0px; width:90%; } #reswidget ul li.submit .btnBook.small { display:none; } } /* CONTENT STYLES ========================================================================================*/ #content { width:100%; overflow:hidden;position: relative !important;z-index: 10;/*z-index: 100;*/} #content .section { background:#882a2a; } #content .section.intro { box-shadow:0px 2px 15px #000; position:relative; z-index:90; } #content .section.intro p { color:#fff; font-weight:200; font-size:22px; line-height:30px; } .starbursts {position:absolute; width:100%;text-align:center;} .starbursts .win {display:inline-block;text-align:center; margin:0px 10% 20px 10%;} .starbursts .win img {max-width:100%; height:auto;} @media only screen and (max-width:600px) { .starbursts .win { margin:0px 3% 20px 3%;} } @media only screen and (max-width:600px) { #content .section.intro { padding-bottom: 0px !important;} #content .section.intro { padding-bottom:20px; box-shadow:none; } #content .section .win { box-shadow:none; } .starbursts {padding-top:20px;position:relative; background: #872a29;box-shadow:0px 2px 15px #000;} } @media only screen and (max-width:500px) { .starbursts {box-shadow:none;} } #content .section .ctaMobile .ctaTitle { display:none; } #content .section.ctaRow1Imgs .ctaImg, #content .section.ctaRow2Imgs .ctaImg { width:50%; height:320px; float:left; display:inline; } #content h3 {font-size: 21px;} .ctaImg.hotels { background:url('../images/home-cta-hotels.jpg') center right; } .ctaImg.restaurants { background:url('../images/home-cta-restaurants.jpg') center left; } .ctaImg.attractions { background:url('../images/home-cta-attractions.jpg') center right; } .ctaImg.events { background:url('../images/home-cta-events.jpg') center left; } #content .section.ctaRow2Imgs { margin-top:-35px; } #content .section.ctaRow1Titles { position:relative; z-index:95; background:#882a2a; border-bottom:10px solid #5c1c1c; transform: rotate(2deg); margin:-35px -10px 0px -10px; height:80px; line-height:5px; box-shadow:0px 2px 15px #000; } #content .section.ctaRow2Titles { position:relative; z-index:95; background:#882a2a; border-bottom:10px solid #5c1c1c; transform: rotate(-1deg); margin:-25px -10px 0px -10px; height:80px; line-height:25px; box-shadow:0px 2px 15px #000; } #content .section.ctaRow1Titles .ctaTitle, #content .section.ctaRow2Titles .ctaTitle { color:#fff; width:50%; float:left; display:inline; text-align:center; font-size:38px; font-family:'Rye', serif; } #content .section.ctaRow1Titles .ctaTitle a, #content .section.ctaRow2Titles .ctaTitle a { color:#fff; text-decoration:none; } .interior #content .section.intro { padding:25px 0px 25px; } .interior #content .section.intro h1 { margin:0px; } .interior #content .section.mainContent { background:#ffffd4; } .interior #content .section.mainContent p { color:#000; font-size:18px; line-height:25px; font-weight:300; } .interior #content .section.mainContent p button { position:relative; display: inline-block; text-align: center; background: #756c92; border: 0px; border-radius: 5px; margin: 10px 0px 0px; padding: 8px 15px 8px 35px; color: #fff !important; font-family: 'Oswald'; font-size: 17px; text-decoration: none !important; text-transform: uppercase; } .interior #content .section.mainContent p button:before {position:absolute; left: 12px; top: 9px; font-size: 19px; content:"\f095"; font-family:fontAwesome;} .noMovies div:before { content:" "; display:table; } .noMovies div:after { content:" "; display:table; clear:both; } .noMovies ul { margin:0px 0px 0px 0px; padding:0px !important; } .noMovies ul li { float:left; display:inline; margin:0px 0px 0px 0px; border-right:solid 1px #666; padding:0px 10px 0px 10px !important; } .ts_portal_book_now_button, .bookings { float: right; display: inline-block; text-align: center; background: #756c92; border: 0px; border-radius: 5px; margin: 10px 0px 0px 10px; padding: 8px 15px; color: #fff !important; font-family: 'Oswald'; font-size: 17px; text-decoration: none !important; text-transform: uppercase;} /*Cirque De Soleil banner on homepage====================*/ .cirque {background:#c1d3c7 url(../images/cirque2.jpg) no-repeat center; background-size:cover; text-align: center;} .cirque a {margin: 0 auto;/* display: block; */ */} .cirque a img {margin: 0 auto;max-width:100%;height:auto;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.73);} .cirque a .img1 {display:block;} .cirque a .img2 {display:none; max-width:400px;} @media only screen and (max-width:680px) { .cirque a .img1 {display:none;} .cirque a .img2 {display:block;} } @media only screen and (max-width:1110px) { #content .section.intro { padding:20px; } .interior #content .section.mainContent { padding-left:30px; padding-right:30px; } #content .section.ctaRow2Imgs .ctaImg.attractions { background:url('../images/home-cta-attractions.jpg') center; } } @media only screen and (max-width:800px) { #content .section.ctaRow1Imgs .ctaImg, #content .section.ctaRow2Imgs .ctaImg { width:50%; height:200px; float:left; display:inline; } #content .section.ctaRow1Imgs .ctaImg { background-size:auto 100% !important; } #content .section.ctaRow2Imgs .ctaImg { background-size:auto 100% !important; } #content .section.ctaRow1Titles { transform: rotate(0deg); margin:0px; height:70px; line-height:70px; } #content .section.ctaRow2Titles { transform: rotate(0deg); margin:0px; height:70px; line-height:70px; } #content .section.ctaRow1Titles .ctaTitle, #content .section.ctaRow2Titles .ctaTitle { font-size:24px; } } @media only screen and (max-width:500px) { .ts_portal_book_now_wrapper { display: block; width:100%;} .ts_portal_book_now_wrapper .ts_portal_book_now_button, .bookings{ display:block; width:100%; padding:10px 0; } #content .section.ctaRow1Imgs .ctaImg, #content .section.ctaRow2Imgs .ctaImg { width:100%; height:250px; float:none; display:block; } #content .section.ctaRow1Imgs .ctaImg, #content .section.ctaRow2Imgs .ctaImg { height:150px; } #content .section.ctaRow1Titles { display:none; } #content .section.ctaRow2Titles { display:none; } #content .section .ctaMobile .ctaTitle { display:block; width:100%; color:#fff; text-align:center; font-size:25px; font-family:'Rye', serif; line-height:50px; height:50px; } #content .section .ctaMobile .ctaTitle a { color:#fff; text-decoration:none; } #content .section .ctaMobile { clear:both; width:100%; float:none; display:block; margin-bottom:20px; background:#5c1c1c; border-radius:5px; overflow:hidden; } #content .section.ctaRow2Imgs { margin-top:0px; } #content .section.ctaRow1Imgs, #content .section.ctaRow2Imgs { display:block; padding:0px 20px; } .interior #content .section.mainContent { padding:20px !important; } .interior #content .section.intro { padding:20px; } } /* INTERIOR STYLES ========================================================================================*/ .interior .section.mainContent { padding:30px 0px 30px 0px; } .interior .section.mainContent ul { margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; } .interior .section.mainContent ul li { font-size:18px; line-height:22px; font-weight:300; margin:0px 0px 10px 0px; } .interior .section.mainContent ul li a { color:#574e72; font-weight:400; } .interior .section.mainContent ul li a:hover { color:#000; } .interior .section.mainContent ol { margin:0px 0px 20px 0px; padding:0px 0px 0px 22px; } .interior .section.mainContent ol li { font-size:16px; line-height:22px; font-weight:300; margin:0px 0px 10px 0px; } .interior .section.mainContent ol li a { color:#574e72; font-weight:400; } .interior .section.mainContent ol li a:hover { color:#000; } /* #content ul.subnav { margin:0px; padding:22px 0px 20px; text-align:center; background:rgba(0,0,0,.1); } #content ul.subnav li { float:none; display:inline-block; width:auto; margin:5px 0px; } #content ul.subnav li a { display:block; padding:0px; text-decoration:none; font-family:'Oswald', sans-serif; font-size:20px; line-height:22px; font-weight:300; margin:0px 0px 0px 10px; padding:0px 0px 0px 12px; border-left:1px solid #afaf9b; text-transform:capitalize; color:#333; border-radius:0px; background:none; box-shadow:none; } #content ul.subnav li:first-child a { padding:0px; border:0px; } #content ul.subnav li a:hover { color:#882a2a; text-shadow:none; text-decoration:underline; } */ ul.subnav { margin:0px; padding:22px 0px 20px; text-align:center; background:#342e4a; border-bottom: 3px solid #ffffd4;} ul.subnav li { float:none; display:inline-block; width:auto; margin:5px 0px; } ul.subnav li a { display:block; padding:0px; text-decoration:none; font-family:'Oswald', sans-serif; font-size:20px; line-height:22px; font-weight:300; margin:0px 0px 0px 10px; padding:0px 0px 0px 12px; border-left:1px solid #5d586d; text-transform:capitalize; color:#c7c1d4; border-radius:0px; background:none; box-shadow:none; -o-transition: color .2s ease-out, text-shadow .2s ease-out; -ms-transition: color .2s ease-out, text-shadow .2s ease-out; -moz-transition: color .2s ease-out, text-shadow .2s ease-out; -webkit-transition: color .2s ease-out, text-shadow .2s ease-out; transition: color .2s ease-out, text-shadow .2s ease-out; } ul.subnav li:first-child a { padding:0px; border:0px; } ul.subnav li a:hover { color:#fff; text-shadow:none; text-decoration:none; text-shadow:0px 0px 10px rgba(255,255,255,.5); } ul.subsubnav{ background: #fff !important; margin: 20px 0 !important; } ul.subsubnav li{} ul.subsubnav li a{ border-left-color: #ccc !important; color: #333 !important; font-size: 1em !important; } ul.subsubnav li a:hover{ text-decoration: underline !important;} .interior .section.mainContent .contentImg { max-width:100% !important; height:auto !important; margin-top:5px !important; } .interior .section.mainContent ul.subnav.shopping a { height:35px; } .interior .section.mainContent ul.subnav { padding:10px 0px 10px !important; border-radius:5px; } ul.sitemapList, ul.linksList { margin:0px !important; padding:0px !important; list-style:none; } ul.sitemapList li { margin:0px 0px 20px 0px !important; } ul.sitemapList h2 { margin:0px; } ul.sitemapList h2 a { text-decoration:none; } ul.sitemapList p { font-size:14px !important; line-height:20px !important; } .topLink { width:160px; float:right; display:inline; text-align:center; } .topLink a { display:block; height:26px; line-height:26px; padding:0px; text-decoration:none; font-size:14px; font-weight:bold; text-transform:uppercase; color:#333; border-radius:5px; background:rgba(0,0,0,.1); box-shadow: inset 0px 1px 3px #9d9d83; } .topLink a:hover { background:#574e72; color:#fff; box-shadow: inset 0px 1px 3px #000; text-shadow:0px 1px 3px #000; } .interior .section.mainContent .sightsBottomHR { color:#ffffd4; background:#ffffd4; clear:both; } .interior .section.mainContent p.sightsNav.bottom { display:none; } .interior .section.mainContent .hoodFrame { float:right; display:inline; margin:5px 0px 20px 30px; } ul.rotateList { list-style:none; margin:30px 0px 30px 0px !important; padding:0px !important; } ul.rotateList li { position:relative; background:rgba(0,0,0,.05); margin-top:15px; display:block; padding:30px; } ul.rotateList li:before { content:" "; display:table; } ul.rotateList li:after { content:" "; display:table; clear:both; } ul.rotateList li .clear { display:none; } ul.rotateList li .text, ul.rotateList li .text p { font-size:16px; line-height:22px; font-weight:300; } ul.rotateList li .text a { color:#574e72; font-weight:400; } ul.rotateList li .text a:hover { color:#000; } .text .button {text-decoration:underline; font-weight:bold;} ul.rotateList li .text h3 a { color:#000; text-decoration:none; font-weight:normal; } ul.rotateList li .text h3 a:hover { color:#574e72; } ul.rotateList li img { float:left; display:inline; margin-right:25px; } ul.clientList { list-style:none; margin:30px 0px 30px 0px !important; padding:0px !important; } ul.clientList li { background:rgba(0,0,0,.05); margin-top:15px; display:block; padding:30px; } ul.clientList li:before { content:" "; display:table; } ul.clientList li:after { content:" "; display:table; clear:both; } span.anchor { display:block; height:190px; margin-top:-190px; visibility:hidden; } p.anchor { display:block; height:190px; margin:-190px 0px 0px 0px; visibility:hidden; } ul.clientList li .clear { display:none; } ul.clientList li .text, ul.clientList li .text p { font-size:16px !important; line-height:22px !important; font-weight:300; } ul.clientList li .text a { color:#574e72; font-weight:400; } ul.clientList li .text a:hover { color:#000; } ul.clientList li .text h3 a { color:#000; text-decoration:none; font-weight:normal; } ul.clientList li .text h3 a:hover { color:#574e72; } ul.clientList li img { float:left; display:inline; margin-right:25px; } #new-orleans-limousines-page .text > div {clear: left; float: left;} @media only screen and (max-width:1070px) { ul.clientList li span.anchor { display:block; height:270px; margin-top:-270px; visibility:hidden; } } @media only screen and (max-width:900px) { .interior .section.mainContent ul.subnav li { display:inline-block; width:32.2%; margin:10px .5% 0px .5%; } } @media only screen and (max-width:768px) { ul.clientList li span.anchor { display:block; height:30px; margin-top:-30px; visibility:hidden; } } @media only screen and (max-width:600px) { .interior .section.mainContent ul.subnav li { display:inline-block; width:48%; margin:10px .5% 0px .5%; } .interior .section.mainContent .hoodFrame { float:none; display:block; margin:0px 0px 0px 0px; width:100%; } } @media only screen and (max-width:500px) { .topLink { width:100%; float:none; display:block; text-align:center; margin-bottom:20px; } .topLink:before { content:" "; display:table; } .topLink:after { content:" "; display:table; clear:both; } .interior .section.mainContent ul.subnav { display:none; } .interior .section.mainContent ul.subnav li { display:inline-block; width:100%; height:auto; margin:10px 0px 0px 0px; } .interior .section.mainContent ul.subnav.shopping a { height:auto; } .interior .section.mainContent { padding:0px 20px 20px; } ul.clientList { margin:20px 0px 20px 0px !important; } } @media only screen and (max-width:480px) { ul.clientList li img { margin:0px 20px 15px 0px; } .interior .section.mainContent .contentImg { width:100% !important; height:auto !important; float:none !important; border:0px !important; margin:10px 0px !important; } } /* PAGE-SPECIFIC THEME STYLES ========================================================================================*/ .mardi-gras #content .section { background:#8e9b31; } .mardi-gras #header { border-bottom: 6px solid #8e9b31; } @media only screen and (max-width: 1070px) { .mardi-gras #header ul.mainMenu { border-top: 6px solid #8e9b31; } } @media only screen and (max-width: 500px) { .mardi-gras #header .mobileMenu { background: #616a22; } } .hotels #content .section { background:#542c5a url('../images/fleur-tile.jpg') repeat center; } .hotels #header { border-bottom: 6px solid #542c5a; } @media only screen and (max-width: 1070px) { .hotels #header ul.mainMenu { border-top: 6px solid #542c5a; } } @media only screen and (max-width: 500px) { .hotels #header .mobileMenu { background: #290f2e url('../images/fleur-tile.jpg') repeat center; } } .tastes #content .section { background:url('../images/background-red.png') center; } @media only screen and (max-width: 500px) { .tastes #header .mobileMenu { background:url('../images/background-red.png') center; } } .jazzfest #content .section { background:#ffdb4d; } .jazzfest #content .section h1 { color:#000 !important; } .jazzfest #header { border-bottom: 6px solid #e9c63a; } @media only screen and (max-width: 1070px) { .jazzfest #header ul.mainMenu { border-top: 6px solid #ffdb4d; } } @media only screen and (max-width: 500px) { .jazzfest #header .mobileMenu { background: #ffdb4d; color:#000; } } .new-orleans-broadway .section.intro { display:none; } /* HOME CTA STYLES ========================================================================================*/ .ctaFeatured { padding-bottom:0px; margin-top:-40px; background:#882a2a url('../images/ctaFeatured-main-bg.gif') repeat-x top !important; } .ctaFeatured .cta { width:33.3%; float:left; display:inline; } .ctaFeatured .cta .blockWrapper { display:block; padding:0px 12px; } .ctaFeatured .cta .ctaBtn { position:relative; margin-top:55px; bottom:0px; } .ctaFeatured .cta .ctaBtn a { display:block; color:#fff; text-decoration:none; border-radius:5px; background:#5c1c1c; height:40px; line-height:40px; text-align:center; font-family:'Oswald', sans-serif; font-size:18px; } .ctaFeatured .cta .ctaBtn a:hover { background:#421313; } .ctaFeatured .cta .ctaImg { height:270px; } .ctaFeatured .cta.ctaNews{ background: #ffffff3b; padding-bottom: 20px;} .ctaFeatured .cta.ctaNews .ctaImg { background:url('../images/ctaFeatured-news-img.jpg') no-repeat center; } .ctaFeatured .cta.ctaFeaturedHotel .ctaImg { background:url('../images/ctaFeatured-hotel-img.jpg') no-repeat center; } .ctaFeatured .cta.ctaFeaturedAttraction .ctaImg { background:url('../images/ctaFeatured-attraction-img.jpg') no-repeat center; } .ctaFeatured .cta .ctaImg img { display:none; width:100%; height:auto; min-width:270px; min-height:215px; } .ctaFeatured .cta .ctaTitle { font-size:20px; color:#ffffd4; font-family:'Rye', serif; font-weight:normal; text-align:center; margin:20px 0px 15px 0px; } .ctaFeatured .cta .ctaTitle span { display:none; } .ctaFeatured .cta .ctaContent { font-size:15px; line-height:20px; height:150px; color:#fff; font-weight:200; } .ctaFeatured .cta .ctaContent .datecatText { position:absolute; text-align:center; margin-top:-25px; color:#fff !important; font-size:12px; } .ctaFeatured .cta .ctaContent a { color:#fff; text-decoration:none; font-size:12px; text-transform:uppercase; } .ctaFeatured .cta .excerptTitle { font-size:26px; line-height:28px; color:#fff; font-family:'Rye', serif; text-align:center; padding-top:20px; background:url('../images/ctaFeatured-title-bg.png') no-repeat center top; background-size:100% 27px; margin-bottom:35px; } .ctaFeatured .cta .excerptTitle a { color:#fff; text-decoration:none; font-size:26px; text-transform:capitalize; } @media only screen and (max-width:1070px) { .ctaFeatured .cta .ctaTitle { font-size:18px; } .ctaFeatured .cta .excerptTitle, .ctaFeatured .cta .excerptTitle a { font-size:22px; line-height:24px; color:#fff; } .ctaFeatured .cta .ctaContent { height:160px; } .ctaFeatured { padding-bottom:0px !important; } } @media only screen and (max-width:900px) { .ctaFeatured .cta .ctaContent { height:170px; } } @media only screen and (max-width:850px) { .ctaFeatured .cta .ctaContent { height:185px; } } @media only screen and (max-width:768px) { .ctaFeatured .cta .ctaImg { height:215px; } } @media only screen and (max-width:750px) { .ctaFeatured .cta .ctaContent { height:200px; } } @media only screen and (max-width:700px) { .ctaFeatured .cta .ctaTitle span { display:inline; } } @media only screen and (max-width:650px) { .ctaFeatured .cta .ctaContent { height:220px; } .ctaFeatured .cta .ctaContent { font-size:14px; line-height:20px; } } @media only screen and (max-width:550px) { .ctaFeatured .cta.ctaNews{ padding-bottom:0;} .ctaFeatured { padding:0px 20px; margin-top:0px; background:#882a2a !important; } .ctaFeatured .cta { width:100%; float:none; display:block; margin-bottom:20px; background:#5c1c1c; border-radius:5px; overflow:hidden; } .ctaFeatured .cta.ctaFeaturedAttraction { margin-bottom:0px; } .ctaFeatured .cta .blockWrapper { display:block; padding:0px; } .ctaFeatured .cta .ctaBtn a { background:#421313; font-size:20px; text-transform:capitalize; border-radius:0px 0px 5px 5px; height:50px; line-height:50px; } .ctaFeatured .cta .ctaBtn a:hover { background:#421313; } .ctaFeatured .cta .ctaImg { height:150px; background-size:100% auto !important; } .ctaFeatured .cta .ctaContent { height:auto !important; } .ctaFeatured .cta .ctaTitle { font-size:20px; } .ctaFeatured .cta .ctaTitle span { display:none; } .ctaFeatured .cta .excerptTitle, .ctaFeatured .cta .excerptTitle a { font-size:26px; line-height:28px; } .ctaFeatured .cta .excerptTitle { margin-bottom:10px; } .ctaFeatured .cta .ctaContent { padding:0px 20px 0px; } .ctaFeatured .cta .ctaContent .datecatText { position:relative; text-align:center; margin:-5px 0px 10px 0px; font-size:14px; } } @media only screen and (max-width:480px) { #content .section.ctaRow1Imgs .ctaImg, #content .section.ctaRow2Imgs .ctaImg { height:150px; } } /* FOOTER STYLES ========================================================================================*/ #footer { width:100%; background:#342e4a; padding: 30px 0px 10px 0px; } #footer .festigals {display:block; margin:0 auto; max-width: 594px; width:100%; margin-bottom: 28px;} #footer .festigals img {width:100%; height:auto;} #footer .adsbygoogle-wrapper { margin:0 auto; max-width: 1070px; overflow:hidden; margin-bottom: 28px;} #footer .cta { width:25%; float:left; display:inline; } #footer .cta .blockWrapper { display:block; padding:0px 11px; } #footer .cta .ctaTitle { font-family:'Rye', serif; font-size:24px; line-height:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 4px #49435f; text-transform:uppercase; color:#fff; } #footer .cta.ctaInfo { font-size:12px; line-height:24px; color:#9d96b3; text-transform:uppercase; } #footer .cta.ctaInfo a { color:#9d96b3; text-decoration:none; } #footer .cta.ctaInfo ul { list-style:none; margin:0px; padding:0px; } #footer .cta.ctaInfo li.copyright { font-size:10px; color:#645c7d; } #footer .cta.ctaNewsletter p { font-size:14px; line-height:18px; color:#9d96b3; } #footer .cta.ctaNewsletter .field { width:92%; padding:0px 4%; background:#9d96b3; border:0px; height:40px; line-height:40px; } #footer .cta.ctaNewsletter .submit { width:50%; text-align:center; background:#756c92; border:0px; border-radius:5px; margin-top:10px; padding:10px 0px; color:#fff; font-family:'Oswald'; font-size:18px; text-transform:uppercase; } #footer .cta.ctaNewsletter a{ display: block; background: #ff2e57; text-align: center; border-radius: 4px; padding: 10px; color: #fff; border-bottom: 1px solid rgb(255, 111, 139); font-size: 1.2em; box-shadow: #242323 0px 2px 3px; transition: 0.3s ease all; } #footer .cta.ctaNewsletter a:hover{ background: #fff; color: #ff2e57; } #footer .cta.ctaConnect .instagram { display:block; padding:10px; background:#634d40 url('../images/footer-instagram-bg.gif') repeat-y; line-height:0px; overflow:hidden; } #footer .cta.ctaConnect .instagram .instafeed { display:block; width:100%; height:auto; line-height:0px; } #footer .cta.ctaConnect .instagram .instafeed img { width:100%; height:auto; } #footer .cta.ctaConnect .instagram .logo { width:100%; height:43px; background:url('../images/footer-instagram-logo.png') no-repeat; position:relative; z-index:100; margin-bottom:-43px; } #footer .cta.ctaConnect ul { list-style:none; margin:0px; padding:10px 0px 0px; } #footer .cta.ctaConnect ul li { float:left; display:inline; width:20%; margin: 0px 2.5% !important;} #footer .cta.ctaConnect ul li:first-child { margin:0px; } #footer .cta.ctaConnect ul li a { display:block; width:100%; min-height:40px; background:#ccc; text-indent:-1000px; overflow:hidden; } #footer .cta.ctaConnect ul li.fbk a { background:url('../images/footer-connect-icon-facebook.png') no-repeat top center; background-size:80% auto; } #footer .cta.ctaConnect ul li.twt a { background:url('../images/footer-connect-icon-twitter.png') no-repeat top center; background-size:80% auto; } #footer .cta.ctaConnect ul li.ggl a { background:url('../images/footer-connect-icon-google.png') no-repeat top center; background-size:80% auto; } #footer .cta.ctaConnect ul li.pin a { background:url('../images/footer-connect-icon-pinterest.png') no-repeat top center; background-size:80% auto; } #footer .cta.ctaConnect ul li.ins a { background:url('../images/footer-connect-icon-instagram.png') no-repeat top center; background-size:80% auto; } #footer .cta.ctaGallery a {display:block; position:relative;} #footer .cta.ctaGallery a:after {position:absolute;left:0px;bottom: 9px; content:'VIEW GALLERY';text-transform:uppercase; color:white; width:100%; line-height:20px;padding: 10px 10px;font-family: 'Rye', serif; text-align: center;background: rgba(117, 108, 146, 0.82); box-sizing: border-box;} #footer .cta.ctaGallery a img {display:block; width:100%; height:auto;border: 11px solid #756C92; box-sizing: border-box;} #footer .cta.ctaFacebook .fb_iframe_widget { width:100% !important; } #footer .cta.ctaFacebook .fb_iframe_widget span { width:100% !important; } #footer .cta.ctaFacebook .fb_iframe_widget span iframe { width:100% !important; } #footer .cta.ctaFacebook .fb_iframe_widget span #u_0_0 { min-width:100% !important; } @media only screen and (max-width:1070px) { /*#footer { padding-top:0px; } #footer .footerCTAs { padding:30px; }*/ } @media only screen and (max-width:900px) { #footer .cta .ctaTitle { font-size:18px; line-height:30px; } } @media only screen and (max-width:700px) { #footer .cta .ctaTitle { font-size:18px; line-height:22px; } #footer .cta { width:50%; height:420px; float:left; display:inline; } #footer .cta.ctaConnect ul li a { min-height:50px; } } @media only screen and (max-width:400px) { #footer .cta .ctaTitle { font-size:24px; line-height:30px; text-align:center; } #footer .cta { width:100%; height:auto; float:none; display:block; text-align:center; } #footer .cta .blockWrapper { display:block; padding:0px 0px; } #footer .cta.ctaConnect ul li a { min-height:50px; } #footer .cta.ctaFacebook, #footer .cta.ctaGallery { display:none; } #footer .cta.ctaInfo { display:none; } #footer .cta.ctaConnect .instagram { display:none; } #footer .cta.ctaConnect .ctaTitle { display:none; } #footer .cta.ctaConnect ul { padding:0px 0px 0px; } #footer .cta.ctaConnect ul li a { min-height:60px; } #footer .footerCTAs { padding:30px 30px 0px 30px; } #footer .cta.ctaNewsletter p { font-size:14px; line-height:18px; color:#9d96b3; margin-bottom:10px !important; } } /* BLOG STYLES ========================================================================================*/ .interior.news .section.mainContent { padding:0px 0px 0px 0px; } #newsSidebar { width:25%; float:left; display:inline; } #newsSidebar hr { margin:20px 0px; } #newsSidebar .blockDiv { padding:40px 30px 20px 30px; background:rgba(0,0,0,.1); } #newsSidebar h3 { font-size:22px ; line-height:26px; margin-bottom:20px; } #newsSidebar ul { margin-bottom:20px; } #newsSidebar ul.latestPosts { list-style:none; padding:0px; } #newsSidebar ul li { margin-bottom:20px; } #newsSidebar ul.categories li { margin-bottom:0px; } #newsSidebar ul li p { font-size:14px !important; line-height:18px !important; font-weight:400 !important; margin:0px; } #newsSidebar ul li a { text-decoration:none; font-weight:300 !important;} #newsSidebar ul li a:hover { text-decoration:underline; } #newsContent { width:75%; float:left; display:inline; font-weight:300; font-size:18px; line-height:26px; } #newsContent .blockDiv { display:block; padding:40px 40px 40px 0px; margin-bottom:0px; } #newsContent .blogitem { padding-bottom:30px; } #newsContent .blogitem h2 { margin-bottom:10px; } #newsContent .blogitem a { text-decoration:none; } #newsContent .blogitem p { margin-bottom:0px; border-bottom:solid 1px #c4c4a3; padding-bottom:30px; } #newsContent .blogitem p a { text-decoration:underline } #newsContent .blogitem img { float:left; display:inline; margin:0px 20px 15px 0px; } #newsContent .postitem .postContent img {/* float:right !important; */display:inline;margin:20px 10px 10px 10px !important; max-width:100%; height:auto;} #newsContent .postitem h2 { margin:25px 0px 10px 0px; } #newsContent .postitem .datecatText { margin-bottom:20px; font-size:12px; font-weight:400; text-transform:uppercase; } #newsContent .postitem .postContent { margin-bottom:30px; } #newsContent .postitem .postContent:before { content:" "; display:table; } #newsContent .postitem .postContent:after { content:" "; display:table; clear:both; } #newsContent .archiveCont { padding:0px 40px 30px 0px; } #newsContent ul.archives { margin:0px; padding:0px; list-style:none; } #newsContent ul.archives li { float:left; display:inline; font-size:10px; line-height:10px; text-transform:uppercase; margin-left:3px; } #newsContent ul.archives li a { text-decoration:none; background:rgba(0,0,0,.1); padding:2px 3px; border-radius:2px; } #newsContent ul.archives li a:hover { background:#fff; box-shadow:0px 0px 8px #000; font-weight:bold; } @media only screen and (max-width:768px) { #newsSidebar { display:none; } #newsContent { width:100%; float:none; display:block; } #newsContent .blockDiv { display:block; padding:30px 0px 0px 0px; margin-bottom:0px; } #newsContent .blogitem { padding-bottom:20px; } #newsContent .blogitem p { padding-bottom:20px; } #newsContent .postitem .postContent img { float:none !important; display:block; margin:20px 0px !important; width:100% !important; height:auto !important; } #newsContent .archiveCont { padding:0px 20px 20px 0px; } } @media only screen and (max-width:500px) { #newsContent .blockDiv { display:block; padding:0px; margin-bottom:0px; } } /* SHARE BUTTON STYLES ========================================================================================*/ .shareButtons { display:block; padding:10px 10px 5px 10px; margin:30px 0px 0px; background:rgba(0,0,0,.05); border-radius:5px; } .shareButtons:first-child { margin:0px 0px 30px; } .shareButtons .socialShare { float:left; display:inline; } .shareButtons .socialShare1 span { vertical-align:top !important; width:90px !important; } .shareButtons .socialShare2 iframe { width:90px !important; } .shareButtons .socialShare3 #___plusone_1 { width:70px !important; } .shareButtons .socialShare3 #___plusone_0 { width:70px !important; } .shareButtons .socialShare4 img.shareSmall { display:none; } .shareButtons .socialShare4 img { position:absolute; margin:0px !important; padding:0px !important; } #newsContent .postitem .shareButtons .socialShare4 img { position:absolute; margin:0px !important; padding:0px !important; } @media only screen and (max-width:500px) { .shareButtons .socialShare4 img.shareSmall { display:block; } .shareButtons .socialShare4 img.shareLarge { display:none; } .shareButtons { display:block; } .shareButtons:first-child { margin:0px 0px 20px; } } /* CONTACT FORM STYLES ========================================================================================*/ #contactForms { font-size:16px; line-height:20px; font-weight:300; } #contactForms p { font-size:16px; line-height:20px; font-weight:300; margin:0px; } #contactForms hr { margin:10px 0px; } #contactForms .formErrors { display:none; } #contactForms table { width:48%; float:left; } #contactForms table tbody { width:100%; } #contactForms table.contactRight { margin-left:4%; } #contactForms table tr { width:100%; border-radius:5px; } #contactForms table tr:nth-child(odd) { background:rgba(0,0,0,.05); } #contactForms table tr td { padding:10px 2%; } #contactForms table tr td:nth-child(1) { width:40%; border-radius:5px 0px 0px 5px; } #contactForms table tr td:nth-child(2) { border-radius:0px 5px 5px 0px; } #contactForms table tr td.wide { border-radius:5px; } #contactForms input, #contactForms textarea { display:block; width:98%; border:0px; border-radius:3px; min-height:25px; box-shadow:inset 0px 1px 3px rgba(0,0,0,.75); } #contactForms textarea { height:200px; } #contactForms input.checkbox { height:auto !important; width:auto !important; box-shadow:none; } #contactForms input.radio { height:auto !important; width:auto !important; box-shadow:none; } #contactForms button { width:98%; margin:0px; border-radius:5px; background:#882a2a; font-family: 'Oswald', sans-serif; font-size:16px; line-height:18px; border:0px; color:#fff; padding:8px 0px; } #contactForms #formError { border-radius:5px; padding:15px 15px 2px 15px; background:#bd5757; margin-bottom:20px; color:#fff; } #contactForms .formErrors { display:none; } #contactForms .formErrors h4 { text-align:center; margin:0px 0px 10px 0px; font-family:'Lato', sans-serif; font-size:20px; color:#fff; font-weight:bold; } #contactForms .formErrors ol { margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; } #contactForms .formErrors ol li { margin:0px; font-size:14px; } #contactForms .captcha { font-family:helvetica, arial, sans-serif; font-size:20px; padding:10px 0px; } @media only screen and (max-width:600px) { #contactForms table { width:100%; float:none; display:table; } #contactForms table.contactRight { margin-left:0%; margin-top:30px; } } #mainContact { font-size:16px; line-height:20px; font-weight:300; } #mainContact p { font-size:16px; line-height:20px; font-weight:300; margin:0px; } #mainContact hr { margin:10px 0px; } #mainContact .formErrors { display:none; } #mainContact input, #mainContact textarea { display:block; width:98%; border:0px; border-radius:3px; min-height:25px; box-shadow:inset 0px 1px 3px rgba(0,0,0,.75); } #mainContact textarea { height:200px; } #mainContact input.checkbox { height:auto !important; width:auto !important; box-shadow:none; } #mainContact input.radio { height:auto !important; width:auto !important; box-shadow:none; } #mainContact button { width:98%; margin:0px; border-radius:5px; background:#882a2a; font-family: 'Oswald', sans-serif; font-size:16px; line-height:18px; border:0px; color:#fff; padding:8px 0px; } #mainContact #formError { border-radius:5px; padding:15px 15px 2px 15px; background:#bd5757; margin-bottom:20px; color:#fff; } #mainContact .formErrors { display:none; } #mainContact .formErrors h4 { text-align:center; margin:0px 0px 10px 0px; font-family:'Lato', sans-serif; font-size:20px; color:#fff; font-weight:bold; } #mainContact .formErrors ol { margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; } #mainContact .formErrors ol li { margin:0px; font-size:14px; } #mainContact .captcha { font-family:helvetica, arial, sans-serif; font-size:20px; padding:10px 0px; } ul.contactLeft > li,ul.contactRight > li {list-style:none;} ul.contactLeft,ul.contactRight {width:45%; float:left;} @media only screen and (max-width:600px) { ul.contactLeft,ul.contactRight {width:100%; float:none;;} } /* Calendar Styles */ .calendar-nav { background:rgba(0,0,0,.1); margin-bottom:20px; } .calendar-nav a { text-decoration:none; font-size:18px; text-transform:uppercase; } .calendar-nav a[rel=prev] { float:left; margin:1em; } .calendar-nav a[rel=next] { float:right; margin:1em; } .interior .section.mainContent ul.calendar-days { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .interior .section.mainContent ul.calendar-days li { box-sizing:border-box; background:#fff; position:relative; padding: 1.5em 0 0; border: 1px solid #C8BF94; min-height:6em; width: 14.285%; float:left; margin:0px; } .interior .section.mainContent ul.calendar-days li.sunday { clear:both; } .interior .section.mainContent ul.calendar-days li.sunday:first-child { margin-left: 0; } .interior .section.mainContent ul.calendar-days li.monday:first-child { margin-left: 14.285%; } .interior .section.mainContent ul.calendar-days li.tuesday:first-child { margin-left: 28.571%; } .interior .section.mainContent ul.calendar-days li.wednesday:first-child { margin-left: 42.857%; } .interior .section.mainContent ul.calendar-days li.thursday:first-child { margin-left: 57.142%; } .interior .section.mainContent ul.calendar-days li.friday:first-child { margin-left: 71.428%; } .interior .section.mainContent ul.calendar-days li.saturday:first-child { margin-left: 85.714%; } .interior .section.mainContent ul.calendar-days li[data-today] { font-weight: bold; background:rgba(200,191,148,0.2); } .interior .section.mainContent ul.calendar-days li .datenum { position:absolute; right:0.2em; top:0.2em; } .interior .section.mainContent ul.calendar-days li .event { margin:0.2em; padding:0.1em; line-height: 17px;} .interior .section.mainContent ul.calendar-days li .event a { text-decoration:none; color:inherit; display:block; } .interior .section.mainContent ul.calendar-weekdays { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; } .interior .section.mainContent ul.calendar-weekdays li { text-align:center; width: 14.285%; float:left; flex-basis: 14.285%; } .calendar-categories { padding-top:30px; clear:both; } .calendar-categories h3 span { font-size: 0.7em; } .calendar-categories ul { list-style: none; width: 20%; min-width:170px; margin: 0; padding: 0; border: 1px solid #C8BF94; } .calendar-categories ul li { margin: 0.2em; padding: 0 0.2em; cursor:pointer; } @media only screen and (max-width: 600px) { .interior .section.mainContent ul.calendar-days { display:block; } .interior .section.mainContent ul.calendar-days li:before { content: attr(class) ", "; text-transform: capitalize; } .interior .section.mainContent ul.calendar-days li:first-child { margin-left:0!important; } .interior .section.mainContent ul.calendar-days li { width:100%; padding:0.2em; min-height:0; } .interior .section.mainContent ul.calendar-days li .datenum { position:initial; right:0.2em; top:0.2em; } .interior .section.mainContent ul.calendar-days li .datenum:before { content:attr(data-month) " "; } .interior .section.mainContent ul.calendar-days li .events:empty:before { content:"No Events"; } .interior .section.mainContent ul.calendar-weekdays { display:none; } .interior .section.mainContent ul.calendar-categories ul { width: 100%; } } /* Gallery */ .interior.gallery .section.mainContent { padding-top:0px; } #gallery-categories { list-style: none; padding: 0; margin: 0; max-width:1070px; margin:0 auto; padding-top:15px; } #gallery-categories li { width: 50%; margin: 0; padding: 0; float:left; display:inline; } #gallery-categories li a { position: relative; display:block; padding:15px; text-decoration:none; } #gallery-categories li a span { position:relative; padding:10px 5%; color:#fff; background:#882a2a; display:block; width:90%; text-align:center; font-size:18px; font-weight:300; } #gallery-categories li a img { display:block; width:100%; height:auto; } .backLink { position:absolute; z-index:50; text-align:right; right:0; margin:135px 30px; } .backLink a { font-family: 'Oswald', sans-serif; font-size:12px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#fff; display:block; font-weight:200; padding:8px 20px; background:#882a2a; border-radius:6px; box-shadow:0px 1px 5px #000; } #gallery-pager { position:relative; background:#ccc; padding:15px 50px 10px; background:#342e4a; box-shadow:inset 0px -2px 6px #000; } #gallery-pager a { text-decoration:none !important; } #gallery-pager ul { list-style: none; padding: 0 0 40px 0; margin: 0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; } #gallery-pager ul li { display:inline-block; margin:0.2em; border:2px solid transparent; } #gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px 0px 7px #000; } #gallery-pager ul li a { display: block; } #gallery-pager ul li a img { display: block; } #gallery-pager .prev { position:absolute; left:10px; color:#fff; text-align:left; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:2em; z-index:2; font-family: FontAwesome; } #gallery-pager .next { position:absolute; right:10px; color:#fff; text-align:right; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:2em; z-index:2; font-family: FontAwesome; } #gallery-pager ul.js::-webkit-scrollbar { display: none; } #gallery-photos { position:relative; max-width:1070px; margin:0 auto; padding-top:30px; } #gallery-photos a { text-decoration:none !important; } #gallery-photos ul li:active, #gallery-photos ul li:target { display:block!important; } #gallery-photos ul li { margin:0px !important; } #gallery-photos .prev { position:absolute; left:-1.25em; color:#342e4a; text-align:left; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; } #gallery-photos .next { position:absolute; right:-1.25em; color:#342e4a; text-align:right; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; } #gallery-photos .prev:hover, #gallery-photos .next:hover { color:#882a2a; } #gallery-caption { text-align:center; padding:10px 0px; width:100%; display:block; } /* ResponsiveSlides */ .interior .section.mainContent .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin:0 auto; } .interior .section.mainContent .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width:100%; height:600px; left: 0; top: 0; } .interior .section.mainContent .rslides li:first-child { position: relative; display: block; float: left; } .interior .section.mainContent .rslides img { display: block; width:auto; height:100%; max-width:100%; max-height:100%; border: 0; margin:0px auto; } @media only screen and (max-width: 1070px) { .interior.gallery #content .section.mainContent { padding:0px !important; } #gallery-photos .prev { left:10px; color:#fff; } #gallery-photos .next { right:10px; color:#fff; } #gallery-photos .prev:hover, #gallery-photos .next:hover { color:#fff; text-shadow:0px 1px 10px #000; } } @media only screen and (max-width: 900px) { .interior .section.mainContent .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin:0 auto; } .interior .section.mainContent .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width:100%; height:auto; left: 0; top: 0; } .interior .section.mainContent .rslides li:first-child { position: relative; display: block; float: left; } .interior .section.mainContent .rslides img { display: block; height:auto; width:100%; border: 0; margin:0px auto; } } @media only screen and (max-width: 500px) { #gallery-categories { padding-top:20px; } #gallery-categories li { width:100%; margin: 0; padding: 0; float:none; display:block; } #gallery-categories li a { padding:0px 20px 20px; } #gallery-pager { box-shadow:none; } .backLink { position:absolute; z-index:100; text-align:center; width:100%; margin:116px 0px; } .backLink a { text-decoration:none; color:#fff; display:block; height:25px; line-height:25px; background:#882a2a; border-radius:0px; box-shadow:none; } #gallery-photos { padding-top:40px; } #gallery-photos .prev { left:10px; font-size:2em; } #gallery-photos .next { right:10px; font-size:2em; } } /*COMPUCAST LOGO CSS start-----------------------------*/ .old-ie {display:none;} .cc2:hover{ fill:rgba(0,0,0,0.4); } .ccLogo { text-align:right; } .compucast { position:relative; margin:0 auto; width:58px; height:64px; color:black; border-radius:5px; overflow:hidden; transition:0.5s 1.4s;} .compucast.dark {color:white;} .logo1, .logo2, .old-ie { position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s} .compucast:hover, .compucast_hover{ width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s; } .dark:hover { background:rgba(255, 255, 255, 0.12); } .compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;} .compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none;} .compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;} .compucast.dark:hover p { color: #AFACAC;} .compucast.dark a {font-size:14px; color: #fff;} /*color classes: colored , white and black*/ .purple {fill:#7F3F98} .green {fill:#00A14B} .black1 {fill:rgba(0,0,0,1)} .black2 {fill:rgba(0,0,0,0.5)} .white1 {fill:rgba(255,255,255,1)} .white2 {fill:rgba(255,255,255,0.5)} /*COMPUCAST LOGO CSS end-------------------------------*/ /* MENU TOGGLE STYLES ========================================================================================*/ @media only screen and (min-width: 501px) { #header ul.mainMenu { display: block!important; } #header ul.mainMenu ul { display:none; } } @media only screen and (max-width: 500px) { #header ul.mainMenu { display: none; } } .submitEvent {text-decoration: none;background: rgb(52, 46, 74);color: #fff !important;padding: 5px 10px;border-radius: 3px;width: 216px;display: block;text-align: center;} /* CHAT WIDGET */ #formilla-chat-button-inner {background: url('../../../images/form/buttons/chat-bubbles.png') no-repeat scroll 8px 7px #882a2a !important; box-shadow: 0px 0px 10px #000;} #formillaChatHeaderCtr {background: #352250 !important; box-shadow: 0px 0px 5px #EDEBDF;} .formillaPopupButtonCtr {background:#454339 !important;} .formillaPopupButtonCtr:hover {background:#000000 !important;} /* NEWSLETTER POPUP */ #newsPop { font-size: 14px; line-height: 18px; color: #9d96b3; text-align: center; display:none; position:relative; width:auto; padding:30px; background: #272338; margin:0 auto; } #newsPop .ctaTitle { font-family:'Rye', serif; font-size:24px; line-height:26px; padding-bottom:10px; margin-bottom:0px; text-transform:uppercase; color:#fff; } #newsPop .field { width:92%; padding:0px 4%; background:#9d96b3; border:0px; height:40px; line-height:40px; color:#000; text-align:center; font-size:18px; } #newsPop .submit { width:50%; text-align:center; background:#882a2a; border:0px; border-radius:5px; margin-top:15px; padding:10px 0px; color:#fff; font-family:'Oswald'; font-size:18px; line-height:18px; text-transform:uppercase; } #newsPop ::-webkit-input-placeholder { color:#635a7d; font-style:italic; } #newsPop :-moz-placeholder { /* Firefox 18- */ color:#635a7d; font-style:italic; } #newsPop ::-moz-placeholder { /* Firefox 19+ */ color:#635a7d; font-style:italic; } #newsPop :-ms-input-placeholder { color:#635a7d; font-style:italic; } #newsPop .closeWindow { position:absolute; top:-10px; right:-10px; display:block; width:40px; height:40px; color:#fff; font-size:40px; text-shadow:0px 2px 10px #000; } /* SOCIAL SHARE */ .sharebox{ background:#F3F3CA; border-radius:6px; margin-bottom:20px; } .sharebox button{ background:none; border:none; } .sharebox button span{ display:inline-block; border-radius:4px; padding:0 5px; line-height:22px;} .sharebox button.share-fb span{ background:#3a5795; color:#fff;} .sharebox button.share-google span{ background:#fff; color:#db4437;} .sharebox button span i{} .share-widget button[data-social=twitter] { display:inline-block; padding:0 3px; height:20px; font: bold 11px/18px 'Helvetica Neue',Arial,sans-serif; white-space: nowrap; vertical-align:top; color: #333; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); border: #CCC solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; background-color: #F8F8F8; background-image: -moz-linear-gradient(top,#FFF,#DEDEDE); background-image: -o-linear-gradient(top,#FFF,#DEDEDE); background-image: -ms-linear-gradient(top,#FFF,#DEDEDE); background-image: linear-gradient(top,#FFF,#DEDEDE); } .share-widget button[data-social=facebook-like] { display:inline-block; padding:0 3px; height:20px; font: bold 11px/18px 'Helvetica Neue',Arial,sans-serif; white-space: nowrap; vertical-align:top; color: white; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-shadow: rgb(53, 76, 140) 0px -1px 0px; border: #CCC solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; background-color: #4c69ba; background-image: -moz-linear-gradient(top, #4c69ba, #3b55a0); background-image: -webkit-linear-gradient(top, #4c69ba,#3b55a0); background-image: -o-linear-gradient(top, #4c69ba,#3b55a0); background-image: -ms-linear-gradient(top, #4c69ba,#3b55a0); background-image: linear-gradient(to bottom, #4c69ba,#3b55a0); } .share-widget button[data-social=googleplus] { display:inline-block; padding:0 3px; height:20px; font: bold 11px/18px 'Helvetica Neue',Arial,sans-serif; white-space: nowrap; vertical-align:top; color: #333; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); border: #CCC solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; background-color: #F8F8F8; background-image: -moz-linear-gradient(top,#FFF,#DEDEDE); background-image: -o-linear-gradient(top,#FFF,#DEDEDE); background-image: -ms-linear-gradient(top,#FFF,#DEDEDE); background-image: linear-gradient(top,#FFF,#DEDEDE); } .share-widget button[data-social=pinterest] { display:inline-block; padding:0 3px; height:20px; font: bold italic 11px/18px 'Helvetica Neue',Arial,sans-serif; white-space: nowrap; vertical-align:top; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; border: #CCC solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; background-color: #F8F8F8; background-image: -moz-linear-gradient(top,#FFF,#DEDEDE); background-image: -o-linear-gradient(top,#FFF,#DEDEDE); background-image: -ms-linear-gradient(top,#FFF,#DEDEDE); background-image: linear-gradient(top,#FFF,#DEDEDE); } .share-widget button > i { font-size: 16px; line-height: 18px; vertical-align:middle; } .social-share-count { margin:3px; font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif; color: #333; text-decoration: none; border: 1px solid #BBB; border-radius: 3px; background: white; position: relative; padding:0 5px; display:inline-block; vertical-align:top; } .social-share-count:before { border-color: transparent #BBB; border-width: 4px 4px 4px 0; left: -5px; top: 5px; border-style: solid; content: ""; display: block; position: absolute; } .social-share-count:after { border-color: transparent white; border-width: 4px 4px 4px 0; left: -4px; top: 5px; border-style: solid; content: ""; display: block; position: absolute; } i.fa-facebook-square2 { color: #3a5795; } i.fa-google-plus2 { color: #db4437; } i.fa-twitter { color: #00ACEE; } i.fa-pinterest { color:#C8222D; } /*lists and columns*/ .list.fa-icons{ list-style:none;} .list li{ float:left; width:45%; margin-left:5%; } .list.fa-icons li i{ display: inline-block; width: 1em; text-align: right; margin-right: 5px;} @media only screen and (max-width: 550px) { .list li{ float:none; width:90%; margin-left:10%; } } .gquoteButton{ display: block; background: #342E4A; color: #fff !important; text-decoration: none; padding: 10px; border-radius: 4px; width: 33%; font-size:1.4em; text-align:center; } .gquoteButton i{ margin-right:10px;} .itinLink{ text-decoration: none; display:block; position: absolute; top: 20px; left: 20px; color: #fff !important;} .itinLink:before{ font-family:fontawesome; padding: 5px; font-weight:lighter; font-size:1.6em; position:relative;} .itinLink.add:before{ content:'\f00c'; background: green; } .itinLink.remove:before{ content:'\f00d'; background: red; } .itinBtn{position: absolute;top: 15px;left: 15px;color: #fff!important;padding: 0px 7px;border-radius: 30px;text-decoration: none;border: solid #f2f2c9 2px;box-shadow: #00000070 3px 3px 7px -3px;line-height: 25px;} .itinBtn span{display: inline-block;vertical-align: top;margin-left: 0;width: 0px;overflow: hidden;transition: all .3s ease;} .itinBtn:hover span{ margin-left:5px; width:64px;} .itinBtn:before{font-family:fontawesome; content:''; position:relative;} .itinBtn.itinAdd{background: green;} .itinAdd:before{content:'\f067';} .itinBtn.itinRemove{background: red;} .itinRemove:before{content:'\f068';} ul.randsort p{margin:0; padding:0; vertical-align:middle;} .ghostpic { float: right; margin-left: 15px; margin-bottom:15px; box-shadow: #c2c2a5 5px 5px 1px -3px; border: 4px double #14140a; } @media only screen and (max-width: 580px) { .ghostpic{ float: none; margin: 0 auto 20px auto; display: block; } } @media only screen and (max-width: 380px) { .ghostpic{ width: 100%; } } .caption{ padding: 10px; background: rgba(255, 255, 255, 0.75); border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.75); box-shadow: rgba(0, 0, 0, 0.17) 2px 3px 10px; } .caption img{ border: 3px solid rgba(255, 255, 255, 0.92); border-radius: 3px; margin:0 !important; } .caption figcaption{ text-align: center; color: #7f7e74; text-transform: uppercase; font-weight: normal; line-height: 1.6em; text-shadow: rgba(0, 0, 0, 0) 1px 1px 3px; font-size: 0.8em; } @media (max-width:550px){ .caption{ margin:0px !important; float:none !important; } .caption img{ width:100%; height:auto; } .blog.pageContentArea .colMain img{ display: block; width:100%; height:auto; margin:10px 0; } } .cruises.twocol{display: flex; padding-bottom:2em; background: #54545447; padding: 20px 60px; margin: 0 0 1em 0; } .cruises.twocol>div{ width: 50%; margin: 0 2em 1em 2em; background: #ececcf; border-radius: 10px; position: relative; padding-bottom: 50px; } .cruises.twocol>div:first-child{margin-left:0;} .cruises.twocol>div:last-child{margin-right:0;} .cruises.twocol>div h3{ margin: 0; text-align: center; padding: 0.6em; /* color: #b6b6b6; */ text-shadow: #00000038 2px 2px 2px; box-shadow: inset #0000002e 2px 2px 4px 1px; border-bottom: 2px dashed #ececcf; border-top: 2px dashed #ececcf; background: #a9a98d; color: #fff; border-radius: 10px; margin: 10px; } .cruises.twocol>div strong{} .cruises.twocol>div a{ display: block; width: 100%; background: #bd4b4b; color: #fff; text-align: center; padding: 10px 0; border-radius: 10px; margin-top: 10px; position: absolute; bottom: 0; left: 0; } .cruises.twocol>div p{ padding: 0 5%; } .cruises.twocol>div p.imginfo{ position:relative;} .cruises.twocol>div img{ width: 120%; height: auto; position: relative; left: -10%; border-radius: 8px; border: 3px double #a2a2a2; border-left: 0; border-right: 0; box-shadow: #000 3px 3px 16px -3px; } .cruises.twocol>div span.info{ position: absolute; bottom: 5%; width: 100%; text-align: center; background: #00000073; left: 0; color: #fff; } @media (max-width:960px){ .cruises.twocol{ display: block; padding:0; background: none; padding: 0; margin:0; } .cruises.twocol>div{ width:100%; padding:1em; margin:0; box-sizing: border-box; margin-bottom:2em; } .cruises.twocol>div h3{ margin:-0 0 20px; 0; } .cruises.twocol>div strong{} .cruises.twocol>div a{ position: relative; } .cruises.twocol>div p{ padding:initial;} .cruises.twocol>div img{ width:100%; left:0; } } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{height:auto !important;} .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top{padding-left:0 !important; } /*Audubon Styles*/ .audotop{ display: flex; flex-flow: row nowrap; margin-bottom: 1em; } .audotop>div:first-child{ background-size: cover; width: 70%; padding-top: 36%; } .audotop>div:last-child{ background: rgba(255, 255, 255, 0.9); margin-left: 1em; padding: 1em; border: 4px double rgb(220, 236, 204); width:30%; } .audotop>div:last-child h3{ color: #9b9b9b; border-bottom: 1px solid #eee; text-transform: uppercase; } .audotop>div:last-child p{} .audotop>div:last-child a{} .audotop>div:last-child .coupon a{ display: block; background: purple; color: #fff; padding: 0.5em; border-radius: 4px; } .audotop>div:last-child .button a{ display: block; background: green; color: #fff; padding: 0.5em; border-radius: 4px; } @media (max-width:800px){ .audotop>div:last-child{width:40%;} } @media (max-width:660px){ .audotop{display:block;} .audotop>div:first-child{padding-top:66%;} .audotop>div:first-child,.audotop>div:last-child{width:auto; margin:0} } .joieful-widget{float:right} .joieful-book-button{ display: block; text-align: center; background: #584595!important; border: 0; border-radius: 5px; margin: 10px 0 0 10px; padding: 8px 15px !important; color: #fff!important; font-family: 'Oswald'; font-size: 17px !important; text-decoration: none!important; text-transform: uppercase; font-weight: 400; font-weight: normal !important; } .buttons{ display: flex; justify-content: space-between; width: 100%; flex-flow: column; text-align: center; } .buttons a{ display: block; background: #e8d0c6; margin-top: 10px; padding: 10px; border-radius: 6px; font-weight: bold; text-align: left; color: purple; transition: all .3s ease; } .buttons a i{ margin-right: 10px; } .buttons a:hover{ background:#ffffff !important;} a.button-purple{ background: purple; color: #ffef7a; padding: 10px 30px; display: inline-block; border-radius: 5px; text-decoration: none; } a.button-purple:before{ font-family: fontawesome; content:'\f0da'; margin-right:6px; } a.button-purple strong{color:#fff;text-decoration: underline;} /* 2020 COVID HOMEPAGE EDITS*/ #content .section.newSections{background: url(../../../uploads/images/eno-sections-bg.jpg) no-repeat center #441212;background-size: cover;background-attachment: fixed;border-bottom: 10px solid #872a29;} #content .section.newSections .sectionRow{display: flex;flex-flow: row wrap;padding: .5%;} #content .section.newSections .sectionHead{background: #bfbfe6;width: 46%;margin: 0.5%;padding: 1.5%;} #content .section.newSections .sectionItem {display: flex;flex-flow:column wrap;color:#fff;box-shadow: #000 2px 2px 4px -2px;border: 5px solid #6d6487;border-left: none;border-right: none;} #content .section.newSections .sectionItem h2{color:#fff;} #content .section.newSections .sectionItem h3{color:#eee;} #content .section.newSections .sectionItem p:last-child{flex-grow: 1;display: flex;flex-flow: row wrap;align-items: flex-end;align-content: flex-end;justify-content: center;margin: 0;} #content .section.newSections .sectionItem p a{background: #ccc;color: #313131;border-radius: 4px;padding: 10px 20px;font-weight: bold;border: 1px solid #ffffff;display: block;width: 100%;text-align: center;box-shadow: #000 2px 2px 6px -3px, inset #fff 0px 4px 7px 0px;position: relative;} #content .section.newSections .sectionItem p a:before,ul.sectionButtons li a:before{content: "\f152";font-family: fontawesome;font-size: 1.6em;position: absolute;left: 10px;top: 50%;height: 100%;line-height: 0;visibility: hidden;} #content .section.newSections .sectionItem p:hover a{-webkit-animation: pulse .3s;animation: pulse .3s;box-shadow: #000 2px 2px 6px -3px, inset #fff 0px 0px 67px 30px;} #content .section.newSections .sectionItem p:hover a:before,ul.sectionButtons li a:hover:before{-webkit-animation: flipInY .6s;animation: flipInY .6s;visibility: visible;} #content .section.newSections .sectionCol{background: DARKORANGE;margin: 0.5%;width: 21%;padding: 1.5%;} #content .section.newSections .sectionCol h3{} #content .section.newSections .sectionCol p{} #content .section.newSections .sectionCol p a{background: gold;color: #5e4f00;border: 1px solid #ffffff;} #content .section.newSections .sectionCol2{background: yellow;margin: 0.5%;width: 46%;padding: 1.5%;} #content .section.newSections .sectionCol2 h3{} #content .section.newSections .sectionCol2 p{} #content .section.newSections .sectionCol2 a {color: #fff1a8;} ul.sectionButtons{margin: 0; padding:0; list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between; } ul.sectionButtons li{width:24%;} ul.sectionButtons li a2{display:block;padding:5px; background: red; color:#fff; text-align: center; border-radius: 4px; } ul.sectionButtons li a{background: #553c91;color: #fff;border-radius: 4px;padding: 10px 0;border: 1px solid #ffffff;display: block;width: 100%;text-align: center;box-shadow: #000 2px 2px 6px -3px, inset #ffffff29 0px 4px 7px 0px;} ul.sectionButtons li a:hover{-webkit-animation: pulse .3s;animation: pulse .3s;background: #5c38b3;} ul.sectionButtons li:nth-child(2) a{} ul.sectionButtons li:nth-child(3) a{} ul.sectionButtons li:nth-child(4) a{} #content .section.newSections .sectionItem:nth-child(1){background:rgba(52, 46, 74, 0.9);order:10;} #content .section.newSections .sectionItem:nth-child(2){background: rgba(135, 41, 67, 0.9);order:20;border-color: #ae3f5e;} #content .section.newSections .sectionItem:nth-child(3){background: rgba(135, 41, 67, 0.9);order:30;border-color: #ae3f5e;} #content .section.newSections .sectionItem:nth-child(4){background: rgba(255,255,255, 0.9);color: #333;order:40;border-color: #b5b5b5;} #content .section.newSections .sectionItem:nth-child(4) h2{color:#000;} #content .section.newSections .sectionItem:nth-child(5){background: rgba(135, 42, 41, 0.9);order:50;border-color: #b23a39;} #content .section.newSections .sectionItem:nth-child(6){background: rgba(135, 42, 41, 0.9);order:60;border-color: #b23a39;} #content .section.newSections .sectionItem:nth-child(7){background: rgba(123, 16, 46, 0.9);order:70;border-color: #9e1f43;} #content .section.newSections .sectionItem:nth-child(8){background: rgba(134, 41, 67, 0.9);order:80;border-color: #ae3f5e;} #content .section.newSections .sectionItem:nth-child(9){background: rgba(134, 41, 67, 0.9);order:90;border-color: #ae3f5e;} #content .section.newSections .sectionItem:nth-child(10){background: rgba(52, 46, 74, 0.9);order:100;} #content .section.newSections .sectionItem:nth-child(11){background: rgba(86, 78, 114, 0.9);order:110;} #content .section.newSections .sectionCol2 a {color: #fff1a8;} #content .section.intro .center{margin: 0 2%;max-width:none;padding: 1% 0 2% 0;} .alert-covid h3 {text-align: center;font-size: 3em !important;line-height: initial;} .ctaFeatured{margin-top:0 !important;padding-top:1em;} #container.home #slideshow{margin-top:0 !important;} .fullscreen-bg{top:-100px;} .home #content{overflow: visible;} #content .section.intro {box-shadow: 0px 0px 35px -6px #000;padding-top: 2em;border: 7px solid #a0403f;border-left: 0;border-right: 0;} @media only screen and (max-width:1280px) { .fullscreen-bg{top:0px;} } @media only screen and (max-width:1023px) { .alert-covid h3 {font-size:3em !important;} #content .section.newSections .sectionItem:nth-child(4){width:100% !important;} #content .section.newSections .sectionItem {width: 46% !important;} #content .section.newSections .sectionItem:nth-child(7){order:35;} } @media only screen and (max-width:700px) { .alert-covid h3 {font-size:2em !important;} #content .section.newSections .sectionRow{padding:20px;} #content .section.newSections .sectionItem {width: 100% !important;flex-grow: 1;margin: 20px 0 0 0;padding: 20px;} #content .section.newSections .sectionItem:nth-child(1){margin-top:0;} } @media only screen and (max-width:480px) { .alert-covid h3 {font-size:2em !important;} #content .section.intro p,#content .section.newSections .sectionItem p{margin:0 0 20px 0;} ul.sectionButtons li {width: 48%;margin: 2% 0;} } /* 2024 FLat Files TEMP EDits hidding sidebar latest posts# */ #newsSidebar { } #newsSidebar .blockDiv { } #newsSidebar h3:nth-of-type(2), #newsSidebar ul:nth-of-type(2) { display:none; }