a.media-download { margin:0 20px 20px 0; display:inline-block; padding:10px 15px; background:#FF9900; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden; font-size:14px; } a.media-download .title { float:left; clear:right; font-weight: bold; } a.media-download .size { float:left; clear:left; font-style:italic; } a.media-download:hover {background-color:#aaa; } .video-container { position: relative; padding-bottom: 50%; padding-top:50px; height: 0; overflow: hidden; z-index:50; m,argin:0; } .video-container iframe , .video-container object , .video-container .video , .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .confirm_email_address { display:none !important; } .captioned { display:inline-block; text-align:center; background:#efefef; } .captioned a { text-decoration:none; } .captioned a img { display:block; } .captioned a span.caption { font-size:12px; font-style:italic; margin:3px 0 5px; display:inline-block; } .lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(/assets-stock/js/lightbox2/images/close.png) url(/assets-stock/js/lightbox2/images/loading.gif) url(/assets-stock/js/lightbox2/images/prev.png) url(/assets-stock/js/lightbox2/images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/assets-stock/js/lightbox2/images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/assets-stock/js/lightbox2/images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/assets-stock/js/lightbox2/images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/assets-stock/js/lightbox2/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /** * Featherlight - ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} /* fonts stylesheet */ @font-face { font-family: 'oxygenregular'; src: url('/assets/css/fonts/oxygen-webfont.woff2') format('woff2'), url('/assets/css/fonts/oxygen-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oxygenbold'; src: url('/assets/css/fonts/oxygen-bold-webfont.woff2') format('woff2'), url('/assets/css/fonts/oxygen-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oxygenbold_italic'; src: url('/assets/css/fonts/oxygen-bolditalic-webfont.woff2') format('woff2'), url('/assets/css/fonts/oxygen-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oxygenitalic'; src: url('/assets/css/fonts/oxygen-italic-webfont.woff2') format('woff2'), url('/assets/css/fonts/oxygen-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'black_jackregular'; src: url('/assets/css/fonts/blackjack-webfont.eot'); src: url('/assets/css/fonts/blackjack-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/blackjack-webfont.woff2') format('woff2'), url('/assets/css/fonts/blackjack-webfont.woff') format('woff'), url('/assets/css/fonts/blackjack-webfont.ttf') format('truetype'), url('/assets/css/fonts/blackjack-webfont.svg#black_jackregular') format('svg'); font-weight: normal; font-style: normal; } /* */ .highlight-columns .column , .highlight-columns .columns { background:red; } .highlight-columns .container { background:#ddd; } .highlight-columns .box { background:#00ff00; } .highlight-columns .box .container { background:transparent !important; margin-bottom:10px; } .highlight-columns .box .column , .highlight-columns .box .columns { background:red; } /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* #Base 1200 Grid ================================================== */ .outer-container { float:left; width:100%; } .container { position:relative; width:1110px; margin:0 auto; padding:0px 30px; z-index:2; } .container { margin-bottom:0px; } .container.tall { margin-bottom:20px; } .container .column, .container .columns { float: left; display: inline; margin:0 0 0 30px; padding:0; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; clear:left; } .column.omega, .columns.omega { margin-right: 0; clear:right; } /* Nested Column Classes */ .column.left, .columns.fleft { float:left; } .column.fright, .columns.fright, .columns.last { float:right !important; } /* Base Grid */ .container .one.column, .container .one.columns { width: 65px; } .container .two.columns { width: 160px; } .container .three.columns { width: 255px; } .container .one-third.column , .container .four.columns { width: 350px; } .container .five.columns { width: 445px; } .container .six.columns { width: 540px; } .container .seven.columns { width: 635px; } .container .two-thirds.column , .container .eight.columns { width: 730px; } .container .nine.columns { width: 825px; } .container .ten.columns { width: 920px; } .container .eleven.columns { width: 1015px; } .container .twelve.columns { width: 1110px; } .container .quarter.columns { width: 21.5%; margin:0 1.5%; } .container .quarter.columns.alpha { margin-left:2.5%; } .container .quarter.columns.omega { margin-right:2.5%; } /* Offsets */ .container .offset-by-one { padding-left: 95px; } .container .offset-by-two { padding-left: 190px; } .container .offset-by-three { padding-left: 285px; } .container .offset-by-four { padding-left: 380px; } .container .offset-by-five { padding-left: 475px; } .container .offset-by-six { padding-left: 570px; } .container .offset-by-seven { padding-left: 665px; } .container .offset-by-eight { padding-left: 760px; } .container .offset-by-nine { padding-left: 855px; } .container .offset-by-ten { padding-left: 950px; } .container .offset-by-eleven { padding-left: 1045px; } /* padded grid (1% grid, style) */ .box { padding:0; } .box .container { position: relative; width: 99%; margin: 0 auto; padding:0 0 0 1%; z-index:2; } .box .column, .box .columns { float: left; display: inline; margin-left: 3%; margin-right: 0px; position:relative; padding:0 0.5%; } .box .column.alpha, .box .columns.alpha { margin-left:0; } .box .one.column, .box .one.columns { width: 4.5%; } .box .two.columns { width: 13%; } .box .three.columns { width: 21.5%; } .box .one-third.column , .box .four.columns { width: 30%; } .box .five.columns { width: 38.5%; } .box .six.columns { width: 47%; } .box .seven.columns { width: 55.5%; } .box .two-thirds.column , .box .eight.columns { width: 64%; } .box .nine.columns { width: 72.5%; } .box .ten.columns { width: 81%; } .box .eleven.columns { width: 89.5%; } .box .twelve.columns { width: 98%; } /* #Desktop (1020) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 1024px) and (max-width: 1280px) { .container { width: 978px; padding:0 10px; } .container .column, .container .columns { margin-left:30px; } .column.alpha, .columns.alpha { margin-left: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 54px; } .container .two.columns { width: 138px; } .container .three.columns { width: 222px; } .container .one-third.column , .container .four.columns { width: 306px; } .container .five.columns { width: 390px; } .container .six.columns { width: 474px; } .container .seven.columns { width: 558px; } .container .two-thirds.column , .container .eight.columns { width: 642px; } .container .nine.columns { width: 726px; } .container .ten.columns { width: 810px; } .container .eleven.columns { width: 894px; } .container .twelve.columns { width: 978px; } /* Offsets */ .container .offset-by-one { padding-left: 84px; } .container .offset-by-two { padding-left: 168px; } .container .offset-by-three { padding-left: 252px; } .container .offset-by-four { padding-left: 336px; } .container .offset-by-five { padding-left: 420px; } .container .offset-by-six { padding-left: 504px; } .container .offset-by-seven { padding-left: 588px; } .container .offset-by-eight { padding-left: 672px; } .container .offset-by-nine { padding-left: 756px; } .container .offset-by-ten { padding-left: 840px; } .container .offset-by-eleven { padding-left: 924px; } /* padded grid (1% grid, style) */ .box { padding:0; } .box .container { position: relative; width: 99%; margin: 0 auto; padding:0 0 0 1%; z-index:2; } .box .column, .box .columns { float: left; display: inline; margin-left: 3%; margin-right: 0px; position:relative; padding:0 0.5%; } .box .column.alpha, .box .columns.alpha { margin-left:0; } .box .one.column, .box .one.columns { width: 4.5%; } .box .two.columns { width: 13%; } .box .three.columns { width: 21.5%; } .box .one-third.column , .box .four.columns { width: 30%; } .box .five.columns { width: 38.5%; } .box .six.columns { width: 47%; } .box .seven.columns { width: 55.5%; } .box .two-thirds.column , .box .eight.columns { width: 64%; } .box .nine.columns { width: 72.5%; } .box .ten.columns { width: 81%; } .box .eleven.columns { width: 89.5%; } .box .twelve.columns { width: 98%; } } /**/ /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .container { width: 724px; padding:0; } .container .column, .container .columns { margin-left:20px; } .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .tab-one.columns , .container .one.columns { width: 42px; } .container .tab-two.columns , .container .two.columns { width: 104px; } .container .tab-three.columns , .container .three.columns { width: 166px; } .container .one-third.column , .container .tab-four.columns , .container .four.columns { width: 228px; } .container .tab-five.columns , .container .five.columns { width: 290px; } .container .tab-six.columns , .container .six.columns { width: 352px; } .container .tab-seven.columns , .container .seven.columns { width: 414px; } .container .tab-eight.columns , .container .two-thirds.column , .container .eight.columns { width: 476px; } .container .tab-nine.columns , .container .nine.columns { width: 538px; } .container .tab-ten.columns , .container .ten.columns { width: 600px; } .container .tab-eleven.columns , .container .eleven.columns { width: 662px; } .container .tab-twelve.columns , .container .twelve.columns { width: 724px; } .container .offset-by-one { padding-left: 62px; } .container .offset-by-two { padding-left: 124px; } .container .offset-by-three { padding-left: 186px; } .container .offset-by-four { padding-left: 248px; } .container .offset-by-five { padding-left: 310px; } .container .offset-by-six { padding-left: 372px; } .container .offset-by-seven { padding-left: 434px; } .container .offset-by-eight { padding-left: 496px; } .container .offset-by-nine { padding-left: 558px; } .container .offset-by-ten { padding-left: 620px; } .container .offset-by-eleven { padding-left: 682px; } .container .tab-one.columns , .container .tab-two.columns , .container .tab-three.columns , .container .one-third.column , .container .tab-five.columns , .container .tab-six.columns , .container .tab-seven.columns , .container .tab-eight.columns , .container .tab-nine.columns , .container .tab-ten.columns , .container .tab-eleven.columns , .container .tab-twelve.columns { padding-left:0; } /* padded grid (1% grid, style) */ .box { padding:0; } .box .container { position: relative; width: 99%; margin: 0 auto; padding:0 0 0 1%; z-index:2; } .box .column, .box .columns { float: left; display: inline; margin-left: 3%; margin-right: 0px; position:relative; padding:0 0.5%; } .box .column.alpha, .box .columns.alpha { margin-left:0; } .box .one.column, .box .one.columns { width: 4.5%; } .box .two.columns { width: 13%; } .box .three.columns { width: 21.5%; } .box .one-third.column , .box .four.columns { width: 30%; } .box .five.columns { width: 38.5%; } .box .six.columns { width: 47%; } .box .seven.columns { width: 55.5%; } .box .two-thirds.column , .box .eight.columns { width: 64%; } .box .nine.columns { width: 72.5%; } .box .ten.columns { width: 81%; } .box .eleven.columns { width: 89.5%; } .box .twelve.columns { width: 98%; } .box .tab-one.column, .box .tab-one.columns { width: 4.5%; } .box .tab-two.columns { width: 13%; } .box .tab-three.columns { width: 21.5%; } .box .tab-one-third.columns , .box .tab-four.columns { width: 30%; } .box .tab-five.columns { width: 38.5%; } .box .tab-six.columns { width: 47%; } .box .tab-seven.columns { width: 55.5%; } .box .tab-two-thirds.columns , .box .tab-eight.columns { width: 64%; } .box .tab-nine.columns { width: 72.5%; } .box .tab-ten.columns { width: 81%; } .box .tab-eleven.columns { width: 89.5%; } .box .tab-twelve.columns { width: 98%; } .box .tab-alpha.column , .box .tab-alpha.columns { clear:left; margin-left:0; } } /**/ /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (max-width: 767px) { .container { width: 92%; padding:0 4%; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; } .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven { padding-left: 0; } .container .quarter.columns { width: 40.5%; margin:0; } .container .quarter.columns , .container .quarter.columns.alpha , .container .quarter.columns.omega { margin-left:6.5%; } /* padded grid (1% grid, style) */ .box { padding:0; } .box .container { padding:0; } .box .one.column , .box .one.columns , .box .two.columns , .box .three.columns , .box .one-third.column , .box .four.columns , .box .five.columns , .box .six.columns , .box .seven.columns , .box .two-thirds.column , .box .eight.columns , .box .nine.columns , .box .ten.columns , .box .eleven.columns , .box .twelve.columns { width: 98%; padding:0 1%; margin:0; } .box .mob-one.column, .box .mob-one.columns { width: 4.5%; } .box .mob-two.columns { width: 13%; } .box .mob-three.columns { width: 21.5%; } .box .mob-one-third.columns , .box .mob-four.columns { width: 30%; } .box .mob-five.columns { width: 38.5%; } .box .mob-six.columns { width: 47%; } .box .mob-seven.columns { width: 55.5%; } .box .mob-two-thirds.columns , .box .mob-eight.columns { width: 64%; } .box .mob-nine.columns { width: 72.5%; } .box .mob-ten.columns { width: 81%; } .box .mob-eleven.columns { width: 89.5%; } .box .mob-twelve.columns { width: 98%; } .box .mob-alpha.column , .box .mob-alpha.columns { clear:left; } } /**/ /* Standard Forms ================================================ */ .picker__holder { z-index:65000; } form { padding:0; border:0; margin:30px 0; } form fieldset { padding:0; border:0; margin:0; } form .form_row { float:left; width:100%; margin:0 0 30px; padding:0; position:relative; } form .buttons { float:left; width:100%; margin:0 0 20px; padding:0; position:relative; } form label { display:block; line-height:1.4em; color:#fff; font-family:'oxygenregular', Arial, sans-serif; margin:0 0 5px; font-size:14px; text-align:left; } form label.help { text-transform:none; color:#e3d221; padding:5px 0; margin:0; font-size:12px; } form input , form ._select , form ._checkbox , form ._radio , form textarea { margin:0; padding:0 20px; width:100%; line-height:42px; height:42px; border:0; background:#dedddd; font-size:14px; font-family:'oxygenregular', arial, sans-serif; color:#2d3046; outline:none; -webkit-appearance: none; border-radius:0; box-sizing:border-box; } form input.range { margin:0; padding:0; width:100%; border:0; background:#fff; } form textarea { padding-top:15px; padding-bottom:15px; line-height:1.2em; height:120px; resize:none; } form textarea.tall { height:255px; } form select { border:0; background:#fff; font-family:'oxygenregular', arial; font-size:14px; color:#414141; width:100%; } form input.checkbox { line-height:1em; height:auto; width:auto; margin:13px 0 0 8px; padding:0; } form input.focused , form ._select.focused , form textarea.focused { } form ._select { overflow:hidden; position:relative; background:#dedddd url(/assets/images/form-icon-select-bg.svg) right center no-repeat; } form ._select select { z-index:10; } form ._select span { position:absolute; left:0px; top:0px; padding:0 20px; width:100%; line-height:42px; height:42px; z-index:2; box-sizing:border-box; } form ._select .caret { position:absolute; right:0px; top:0px; line-height:36px; width:1px; display:none; } form ._checkbox { overflow:hidden; position:relative; width:20px; height:20px; padding:0; margin:0px 10px 0 0; cursor:pointer; background:#dedddd; border:0; float:left; } form ._checkbox.on { background:#dedddd url(/assets/images/form-cbox-checked.svg) center center no-repeat; background-size:20px 20px; } form ._checkbox.radio , form ._radio { overflow:hidden; position:relative; width:18px; height:18px; padding:0; margin:0px 8px 0 0; cursor:pointer; background:#fff; border:2px solid #d5d5db; border-radius:100%; } form ._checkbox.radio.on , form ._radio.on { background:#fff url(/assets/images/form-radio-checked.svg) center center no-repeat; background-size:20px 20px; border:2px solid #d5d5db; } form .expanded-list-wrapper { float:left; width:100%; overflow:hidden; margin-top:0px; } form .expanded-list-wrapper ul { list-style:none; margin:0; padding:10px 0 0; float:left; overflow:hidden; width:100%; border-top:2px solid #d5d5db; } form .expanded-list-wrapper ul li { margin:0; padding:0; width:100%; float:left; height:auto; overflow:hidden; text-indent:0; } form .expanded-list-wrapper ul li:before { content:""; display:none; } form .expanded-list-wrapper ul li ._checkbox, form .expanded-list-wrapper ul li ._radio , form .expanded-list-wrapper ul li input { clear:none; line-height:22px; float:left; } form .expanded-list-wrapper ul li label { clear:none; width:auto; line-height:22px; float:left; font-family:'oxygenregular', arial, sans-serif; letter-spacing:0.05em; text-transform:uppercase; font-size:14px; } form .fileinput { cursor:pointer; width:94%; padding:0 3%; margin:0; color:#414141; background:#f1f1f1; border:0; height:50px; line-height:50px; font-family:'oxygenregular', arial, sans-serif; font-size:16px; float:left; outline:none; -webkit-appearance: none; border-radius: 0; } form .fileinput .text { width:100%; height:100%; float:left; text-align:left; overflow:hidden; } form .fileinput input { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } form button { } form .ui-slider { background:url(/assets/images/form-slider-bg.gif) left center repeat-x; background-size:2px 2px; float:left; width:100%; height:50px; margin:0px 0 30px; position:relative; cursor:pointer; } form .ui-slider .ui-slider-range { background:rgba(81,86,118,0.5); position:absolute; height:22px; top:14px; } form .ui-slider .ui-slider-handle { position:absolute; top:5px; left:0px; margin-left:-16px; width:32px; height:44px; background:url(/assets/images/form-slider-handle.svg) center 28px no-repeat; cursor:pointer; -ms-touch-action: none; touch-action: none; outline-color: transparent; outline-style: none; } form .ui-slider .ui-slider-handle span { position:absolute; top:40px; left:50%; width:100px; height:20px; margin-left:-50px; font-size:12px; text-align:center; } form .ui-slider.range { } form .ui-slider.range .ui-slider-handle { top:14px; } form label.range-start , form label.range-end { float:left; font-size:12px; text-transform:uppercase; margin:-4px 0 -14px 0; } form label.range-end { float:right; } /* Fix crappy firefox line height bug */ button::-moz-focus-inner { border: 0; padding: 0; margin-top:-2px; margin-bottom: -2px; } textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"]{ -webkit-appearance: none; } .re-enter-email { display:none; } .confirm_email_address { display:none; } ::-webkit-input-placeholder { color: #2d3046; } :-moz-placeholder { color: #2d3046; } ::-moz-placeholder { color: #2d3046; } :-ms-input-placeholder { color: #2d3046; } input::-webkit-inner-spin-button , input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type='number'] { -moz-appearance:textfield; } input[type="text"]:disabled { background-color: #ebebeb; } .ui-datepicker { display:none; background:#6e6e6e; color:#adadad; padding:10px; } .ui-datepicker .ui-datepicker-header { } .ui-datepicker .ui-datepicker-header { margin-bottom:10px; float:left; overflow:hidden; width:100%; text-transform:uppercase; font-size:18px; text-align: center; font-family:'oxygenbold', arial, sans-serif; line-height:18px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-year , .ui-datepicker .ui-datepicker-header .ui-datepicker-month{ background:#adadad; color:#656565; display:inline-block; padding:3px 5px;} .ui-datepicker .ui-datepicker-header a { color:#adadad; text-decoration:none; font-size:14px; line-height:14px; margin:5px 0 0 0; cursor:pointer; } .ui-datepicker .ui-datepicker-header a:hover { color:#fff; text-decoration:none; } .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev { float:left; padding-left:14px; background:url(/assets/images/arrow-left-grey.svg) left center no-repeat; background-size:10px 8px; } .ui-datepicker .ui-datepicker-header a.ui-datepicker-next { float:right; padding-right:14px; background:url(/assets/images/arrow-right-grey.svg) right center no-repeat; background-size:10px 8px; } .ui-datepicker table { margin:0; } .ui-datepicker table td , .ui-datepicker table tr:nth-child(2n) td , .ui-datepicker table th { background:transparent; text-align:center; font-family:'oxygenregular', arial, sans-serif; font-size:14px; font-weight:normal; border:1px solid #6e6e6e; color:#adadad; padding:0px; } .ui-datepicker table th { padding-top:0px; padding-bottom:5px; font-size:11px; } .ui-datepicker table td , .ui-datepicker table tr:nth-child(2n) td { background:#656565; font-size:14px; } .ui-datepicker table td.ui-datepicker-other-month { background-color:#6a6a6a !important; } .ui-datepicker table td.ui-datepicker-today { background-color:#7f7f7f !important; color:#fff !important; } .ui-datepicker table td.ui-datepicker-current-day { background-color:#c5002d !important; color:#fff !important; } .ui-datepicker table a , .ui-datepicker table span.ui-state-default { color:inherit; margin:0; padding:0 8px; display:inline-block; line-height:30px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; } .ui-datepicker table a:hover { background:#663398 !important; color:#fff !important; text-decoration:none; } .error_list, .error_list li { list-style:none; margin:0 0 2px; padding:0; color:#e60f2d; } ul.simple.error_list { list-style:decimal outside none !important; padding-left:18px; } ul.simple.error_list li { list-style:decimal outside none !important; color:#eee !important; font-weight:normal; } /* Specific Forms ================================================ */ form.quick-search { margin:0; padding:0; height:36px; width:100%; background:#313131; z-index:30; position:relative; } form.quick-search::before { position:absolute; content:" "; bottom:1px; right:5px; background:rgba(0,0,0,0.8); width:95%; max-width:400px; height:5px; z-index:34; -webkit-filter: blur(2px); filter: blur(2px); transform: skewY(2deg); box-shadow:rgba(0,0,0,1) 1px 1px 4px; } form.quick-search input { background:#313131; border:1px solid #5f5f5f; color:#999999; line-height:36px; height:36px; width:100%; position:relative; z-index:35; padding-left:10px; padding-right:10px; font-weight:bold; } form.quick-search button { background:#cc0033 url(/assets/images/ico-search.svg) center center no-repeat; background-size:20px 20px; float:right; width:28px; height:28px; position:absolute; top:4px; right:5px; z-index:36; border-radius:2px; } form.quick-search button span , form.quick-search button .text { display:none; } form.quick-search button::before { display:none; } form.quick-search ::-webkit-input-placeholder { color: #5f5f5f; text-transform:none; font-size:14px; } form.quick-search :-moz-placeholder { color: #5f5f5f; text-transform:none; font-size:14px; } form.quick-search ::-moz-placeholder { color: #5f5f5f; text-transform:none; font-size:14px; } form.quick-search :-ms-input-placeholder { color: #5f5f5f; text-transform:none; font-size:14px; } .newsletter-wrap { margin-top:0; } .newsletter-wrap h2 { margin:0 0 10px; font-size:22px; color:#fff; text-align:center; } form.newsletter-form { margin:0; padding:5px 0; overflow:hidden; } form.newsletter-form .form_row { width:20%; margin-right:2%; margin-bottom:0; } form.newsletter-form input { float:left; width:100%; height:35px; line-height:35px; margin:0; } form.newsletter-form label { margin:0; padding:0; } form.newsletter-form button { width:12%; float:right; margin:0; height:35px; line-height:35px; } form.newsletter-form button .text { width:100%; height:35px; line-height:35px; padding-top:0; padding-bottom:0; } form.artist-notification { margin:0; padding:5px 0; overflow:hidden; } form.artist-notification .form_row { width: calc( ( (100% - 132px) / 3) - 20px ); margin-right:20px; margin-bottom:0; } form.artist-notification input { float:left; width:100%; height:35px; line-height:35px; margin:0; } form.artist-notification label { display:none; } form.artist-notification button { width:130px; float:right; margin:0; height:35px; line-height:35px; } form.artist-notification button .text { width:100%; height:35px; line-height:35px; padding-top:0; padding-bottom:0; } form.blog-filters { margin:0; padding:0; } form.blog-filters .form_row { margin:0 0 0 4%; padding:0; float:left; width:48%; } form.blog-filters .form_row:first-child { margin-left:0; } /* - */ .stripe-card-input { overflow:hidden; float:left; width:100%; margin:0 0 20px 0; border:0px; background:#dedddd; color:#003e55; margin:0; padding:10px 12px; width:100%; line-height:40px; min-height:40px; font-size:16px; font-family:Arial, sans-serif; outline:none; -webkit-appearance: none; border-radius:0; box-sizing:border-box; } /* - */ .vid-filter-frm { margin:0; overflow:hidden; } .vid-filter-frm .form_row { float:left; width: calc( ((100% - 80px) / 4) - 5px ) ; margin:0 5px 0 0; } .vid-filter-frm .form_row label { display:none; } .vid-filter-frm .buttons { margin:0; float:right; width:80px; } .vid-filter-frm .buttons button , .vid-filter-frm .buttons button span { width:80px; margin:0; padding:0; text-align:center; height:42px; line-height:42px; } /* - */ form.comments-form { margin:0; } form.comments-form .form_row { margin-bottom:5px; } form.comments-form .buttons { margin-bottom:0; } /* - */ /* SMALL DESKTOP */ @media only screen and (min-width: 1024px) and (max-width: 1280px) { } /* TABLET LANDSCAPE */ @media only screen and (min-width: 768px) and (max-width: 1023px) { /* - */ ::-webkit-input-placeholder { font-size:12px; } :-moz-placeholder { font-size:12px; } ::-moz-placeholder { font-size:12px; } :-ms-input-placeholder { font-size:12px; } } /* TABLET AND MOBILE */ @media only screen and (max-width: 767px) { ::-webkit-input-placeholder { font-size:12px; } :-moz-placeholder { font-size:12px; } ::-moz-placeholder { font-size:12px; } :-ms-input-placeholder { font-size:12px; } .vid-filter-frm .form_row { width: calc( (100% / 2) - 10px) ; margin:0 5px 5px; } } /* MOBILE LANDSCAPE */ @media only screen and (min-width: 480px) and (max-width: 767px) { form.newsletter-form .form_row { width:48%; margin:0 1% 10px; } form.newsletter-form button { width:120px; margin-right:1%; } } /* MOBILE PORTRAIT */ @media only screen and (max-width: 479px) { form.newsletter-form .form_row { width:100%; margin:0 0 10px; } form.newsletter-form button { width:120px; margin-right:1%; } form.artist-notification .form_row { width: 100%; margin-right:0px; margin-bottom:10px; } } html { -webkit-text-size-adjust:100%; } body { background:#1f1f1f; background-size:100%; background-position:center top; background-repeat:no-repeat; color:#fff; font-family:'oxygenregular', arial, sans-serif; font-size:1em; margin:0; padding:0; overflow-x:hidden; } /* font legibility stuff */ body { text-rendering:optimizeLegibility; -moz-font-feature-settings:"liga=1, dlig=1"; -moz-font-feature-settings:"liga", "dlig"; /* EDIT: new syntax for FF 15+ */ -ms-font-feature-settings:"liga", "dlig"; -o-font-feature-settings:"liga", "dlig"; -webkit-font-feature-settings:"liga", "dlig"; font-feature-settings:"liga", "dlig"; } body .bg { overflow:hidden; background:#1f1f1f; background-size:100%; background-position:center top; background-repeat:no-repeat; } a { color:#e3d221; text-decoration:underline; -webkit-transition:.2s; transition:.2s; } a:hover { color:#fff; text-decoration:none; } a:hover img , a.fade:hover { opacity:0.75; filter: alpha(opacity = 75); zoom: 1; } a.simple { text-decoration:none; font-weight:bold; } a.white { color:#fff; } a.white:hover { color:#e3d221; } p { font-size:14px; line-height:1.5em; margin:0 0 20px; padding:0; } p.important { color:#cc0033; font-weight:bold; } p.intro { font-size:22px; line-height:1.3em; } p.huge { font-size:30px; text-transform:uppercase; font-weight:bold; } p.large { font-size:16px; } p.small { font-size:13px; color:#a4a2a2; } p.date { font-size:12px; color:#a4a2a2; font-style:italic; } p.credit { color:#e3d221; } p.tiny { font-size:11px; } p.event-daytime-banner { background:#edd913; color:#000; text-transform:uppercase; text-align: center; font-weight:bold; font-size:12px; line-height:18px; margin:-20px 0 2px; float:left; padding:0 20px; z-index:5; box-shadow:rgba(0,0,0,0.5) 0px 1px 2px; /* transform: rotate(-2deg); */ } .page-header p.intro { text-shadow:rgba(0,0,0,0.6) 1px 2px 2px; } .simple-valign { position:relative; display:block; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .helvetish { font-family:'oxygenregular', arial, sans-serif; font-weight:normal; } .fancy { font-family:'black_jackregular', Georgia, serif; text-transform:none; font-style:italic; font-size:1.2em; letter-spacing:-0.05em; } img { vertical-align:middle; max-width:100%; } blockquote { font-size:26px; font-style:italic; padding:0; margin:0; } ul, ol { margin:0 0 30px 0px; padding:0 0 0 20px; font-size:14px; line-height:1.5em; } ul li, ol li { padding:1px 0; margin:0; position:relative; } ol { counter-reset: item; padding-left:23px; } ol li { display: block; } ol li:before { content: counter(item) ". "; counter-increment: item; color: #cc0033; position:absolute; top:0px; left:-23px; font-weight:bold; } hr { margin:30px auto; border:0; border-bottom:1px solid #aaa; height:1px; width:100%; } sup { font-size:9px; line-height:inherit; } h1, p.h1 { margin:0 0 15px 0; font-size:36px; line-height:1.2em; text-decoration: none; text-transform:uppercase; font-style:normal; font-weight:bold; } h2, p.h2 { margin:0 0 15px 0; font-size:26px; line-height:1.2em; color:#e3d221; text-decoration: none; text-transform:uppercase; font-style:normal; font-weight:bold; } h3, p.h3 { margin:0 0 15px 0; font-size:20px; line-height:1.4em; text-decoration: none; text-transform:uppercase; font-style:normal; font-weight:bold; } h4, p.h4 { margin:0 0 15px 0; font-size:18px; line-height:1.4em; text-decoration: none; text-transform:uppercase; font-style:normal; font-weight:bold; } h5, p.h5 { margin:0 0 10px 0; font-size:16px; line-height:1.4em; text-decoration: none; text-transform:uppercase; font-style:normal; font-weight:bold; } h1.super { font-size:56px; color:#fff; background:#cc0033; margin-top:40px; margin-bottom:20px; padding:10px 15px; line-height:1em; display:inline-block; } h1.super.white { background:none; background-color:#222222; } /* - */ .sunday-lunch p { font-size:1.2em; } .sunday-lunch h1, .sunday-lunch .h1 , .sunday-lunch h2, .sunday-lunch .h2 { font-size:36px; color:#222; background:#fff; padding:3px 10px; display:inline-block; } /* - */ .text-purple { color:#592d84; } .text-red { color:#cc0033; } .text-yellow { color:#edd913; } .text-white { color:#fff; } /* - */ .massive-neg-top-margin { margin-top:-100px !important; } .large-neg-top-margin { margin-top:-50px !important; } .tright { text-align:right; } .tcenter { text-align:center; } .full-width { width:100%; } .shallow { margin-bottom:0 !important; } .semi-shallow { margin-bottom:10px !important; } .tall { margin-bottom:30px !important; } .hidden { display:none; } .fleft { float:left; } img.fleft { margin:0px 20px 5px 0; } .fright { float:right; } img.fright { margin:0px 0 5px 20px; } /* - */ .mobile-only , .not-desktop { display:none !important; } /* - */ .big-error-wrap { border:3px solid #a00028; padding:10px; margin:20px 0 20px !important; font-weight:bold; } /* - */ .outer , .mh , .box , .contained { *zoom: 1; margin-bottom:20px; position:relative; } .mh:before , .box:before , .outer:before , .contained:before { content: " "; display: table; } .mh:after , .box:after , .outer:after , .contained:after { content: " "; display: table; clear: both; } .contained { margin-bottom:0px; } .contained.tall { margin-bottom:20px; } .contained.taller { margin-bottom:25px; } .mh { margin-bottom:0; } /* - */ .button , form button { box-sizing:border-box; position:relative; display:inline-block; font-family:'oxygenregular', arial, sans-serif; color:#fff; border:0; background-color:#cc0033; font-size:16px; font-weight:bold; display:inline-block; padding:0; margin:0; line-height:25px; cursor:pointer; text-decoration:none; text-transform:uppercase; position:relative; z-index:11; margin-bottom:2px; } .button img , form button img { vertical-align:inherit; } .button span.text , form button span.text { box-sizing:border-box; font-family:'oxygenregular', arial, sans-serif; color:#fff; border:0; background-color:#cc0033; font-size:16px; font-weight:bold; display:inline-block; padding:5px 13px; margin:0; line-height:25px; cursor:pointer; text-decoration:none; text-transform:uppercase; position:relative; z-index:11; } .button.small, form button.small { line-height:20px; font-size:14px; } .button.small span.text, form button.small span.text { padding:2px 10px; font-size:14px; } .button::before , form button::before { position:absolute; content:" "; bottom:1px; right:5px; background:rgba(0,0,0,0.8); width:95%; max-width:350px; height:15px; z-index:10; -webkit-filter: blur(2px); filter: blur(2px); transform: skewY(2deg); box-shadow:rgba(0,0,0,1) 1px 1px 4px; } .button.no-shadow::before , form button.no-shadow::before { display:none; } .button:hover , form button:hover , .button:hover span.text , form button:hover span.text { background-color:#451b70; color:#fff; } .button:hover::before , form button:hover::before { background:rgba(0,0,0,1); } .button .img-left { margin-right:5px; } .button .img-right { margin-left:5px; } /* - */ .button.purple , form button.purple , .button.purple span.text , form button.purple span.text { background-color:#592d84; } .button.purple:hover , form button.purple:hover , .button.purple:hover span.text , form button.purple:hover span.text { background-color:#451b70; } /* - */ .button.yellow , form button.yellow , .button.yellow span.text , form button.yellow span.text { background-color:#edd913; color:#000; } .button.yellow:hover , form button.yellow:hover , .button.yellow:hover span.text , form button.yellow:hover span.text { background-color:#fff169; color:#000; } /* - */ .button.full-width , form button.full-width , .button.full-width span.text , form button.full-width span.text { width:100%; } /* - */ .button.arrow .text, form button.arrow .text { padding-right:36px; background-image:url(/assets/images/arrow-right.svg); background-repeat:no-repeat; background-position:calc(100% - 12px) center; } .button.arrow-black .text, form button.arrow-black .text { padding-right:36px; background-image:url(/assets/images/arrow-right-black.svg); background-repeat:no-repeat; background-position:calc(100% - 12px) center; } .button.arrow-back .text, form button.arrow-back .text { padding-left:36px; background-image:url(/assets/images/arrow-left.svg); background-repeat:no-repeat; background-position:12px center; } .button.arrow-back-black .text, form button.arrow-back-black .text{ padding-left:36px; background-image:url(/assets/images/arrow-left-black.svg); background-repeat:no-repeat; background-position:12px center; } /* - */ .button i, form button i { font-size:14px; display:block; font-weight:normal; text-transform:none; line-height:1em; font-style:normal; margin-bottom:5px; } /* - */ .banner { position:relative; display:inline-block; font-size:22px !important; line-height:22px !important; } .banner .text { z-index:20; background:#cc0033; color:#fff; display:inline-block; padding:8px 30px; margin-left:-30px; position:relative; font-size:22px !important; line-height:22px !important; text-transform:uppercase; font-weight:bold; } .banner i { font-size:14px; display:block; font-weight:normal; text-transform:none; line-height:1em; font-style:normal; margin-top:2px; } .banner::before { z-index:10; position:absolute; content:" "; bottom:1px; right:5px; background:rgba(0,0,0,0.8); box-shadow:rgba(0,0,0,1) 1px 1px 4px; width:95%; max-width:350px; height:15px; -webkit-filter: blur(2px); filter: blur(2px); transform: skewY(2deg); } .banner::after { z-index:10; position:absolute; content:" "; top:-4px; left:-29px; width:14px; height:20px; background:#a00028; transform:skewY(-26deg); } .banner.purple .text { background-color:#592d84; } .banner.purple::after { background-color:#421d67; } .banner.right { text-align:right; float:right; margin-right:-30px; margin-left:0; } .banner.right::before { right:inherit; left:-22px; transform: skewY(-2deg); } .banner.right::after { left:inherit; right:1px; transform:skewY(26deg); } .banner.thinner .text { padding-left:15px; padding-right:15px; } .banner.thinner .text .super { font-size:40px; line-height:22px; } /* Some may be links so.. */ a .banner:hover .text, a.banner:hover .text { background-color:#451b70; } a .banner:hover::before, a.banner:hover::before { background:rgba(0,0,0,1); } a .banner:hover::after, a.banner:hover::after { background-color:#371658; } /* - */ .banner.smaller , .banner.smaller .text { font-size:16px !important; } /* - */ .box { box-sizing:border-box; padding:15px; position:relative; margin-bottom:30px; } .box:before { content:" "; background:rgba(0,0,0,0.8); box-shadow:rgba(0,0,0,1) 1px 1px 15px; z-index:-1; position:absolute; bottom:0px; left:20px; height:30px; width:calc(100% - 40px); } .box > p:last-child { margin-bottom:0px; } .box.no-padding { padding:0; } .box.no-padding-except-bot { padding:0 0 15px; } .box.no-shadow:before { display:none; } .box.no-bot-padding { padding-bottom:0; } .box.grey { background:#3f3f3f; color:#fff; } .box.dark { background:#181818; color:#fff; } .box.white { background:#dadada; color:#171717; } .box.light { background:#6e6e6e; color:#adadad; } .box.red { background:#cc0033; color:#fff; } .box.members { background:url(/assets/photos/membersbg.jpg) center center no-repeat; background-size:100% 100%; color:#fff; } .box.members .box { margin-bottom:0px !important; } .box.testimonial { background:#3f3f3f; color:#fff; border-radius:10px; } .box.testimonial .tick { background:transparent; width:0px; height:0px; position:absolute; bottom:-20px; right:50px; border-top: 20px solid #3f3f3f; border-right: 20px solid transparent; } .box.payments { border:0; background:#000; overflow:hidden; position:relative; } .box.payments form { width:80%; margin:0; padding:0; } .box.payments .card-hover { width:260px; height:260px; position:absolute; right:0px; top:0px; color:rgba(0,0,0,0.1); transform: rotate(20deg); } /* - */ .abs-pos { position:absolute; z-index:100; } .abs-pos.top-left { left:15px; top:15px; } .abs-pos.top-right { right:15px; top:15px; } .abs-pos.mid-left { left:15px; top:50%; } .abs-pos.mid-right { right:15px; top:50%; } .abs-pos.bot-left { left:15px; bottom:20px; } .abs-pos.bot-right { right:15px; bottom:20px; } .abs-pos.outset-top-left { left:-15px; top:15px; } .abs-pos.outset-top-right { right:-15px; top:15px; } .abs-pos.outset-bot-left { left:-15px; bottom:20px; } .abs-pos.outset-bot-right { right:-15px; bottom:20px; } /* - */ .header { padding:20px 0; background:#c4002b url(/assets/images/header-bg.png) left bottom repeat-x; z-index:3; position:relative; height:105px; } .header .logo-area { display:inline-block; } .header .logo-area img { vertical-align:inherit; } .header .contact-area { display:inline-block; position:relative; bottom:0px; } .header .contact-area p { margin:0 0 0 5px; font-size:22px; text-transform:uppercase; line-height:1em; font-weight:normal; font-family:'oxygenbold', arial, sans-serif; } .header .contact-area p a { color:#fff; text-decoration:none; display:block; } .header .contact-area p a.eml { font-size:14px; letter-spacing:-0.25px; } /*.header .soc-area { display:inline-block; position:absolute; right:0px; bottom:0px; margin:0; }*/ .header .soc-area { display:flex; align-items:flex-end; justify-content:flex-end; } .header .soc-area .welcome-note p { text-align:right; margin:0; } .header .mobile-nav-toggle { display:none; position:absolute; top:0px; right:0px; background:url(/assets/images/ico-mob-nav.svg); background-size:100% 100%; width:36px; height:36px; } .header .acct-btn { position:absolute; right:0px; top:-20px; width:auto !important; } /* - */ .footer { padding:20px 0 10px; background:#131313; color:#aaa; } .footer p { margin-bottom:10px; } .footer .logo-area { margin-top:10px; } .footer .logo-area img { width:100px; opacity:0.5; filter: alpha(opacity = 50); zoom: 1; } .footer .soc-area { display:inline-block; text-align:right; margin-top:10px; } .footer a { color:#aaa; text-decoration:none; } .footer a.active { color:#fff; } .footer a:hover { color:#e3d221; text-decoration:none; } .footer ul { list-style:none; margin:0 0 10px; padding:0; } .footer ul li { padding:0; margin:0; } .footer ul li a { max-width:80%; display:inline-block; } /* - */ a.ico-soc { background:transparent; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; opacity:1; filter: alpha(opacity = 100); zoom: 1; display:inline-block; overflow:hidden; text-indent:100000px; height:24px; width:24px; margin:0 0 0 3px; } a.ico-soc:hover { opacity:0.65; filter: alpha(opacity = 65); zoom: 1; } a.ico-soc.fb { background-image:url(/assets/images/ico-soc-fb.svg); } a.ico-soc.tw { background-image:url(/assets/images/ico-soc-tw.svg); } a.ico-soc.sc { background-image:url(/assets/images/ico-soc-sc.svg); } a.ico-soc.vi { background-image:url(/assets/images/ico-soc-vi.svg); } a.ico-soc.yt { background-image:url(/assets/images/ico-soc-yt.svg); } a.ico-soc.ig { background-image:url(/assets/images/ico-soc-ig.svg); } .footer a.ico-soc { opacity:0.5; filter: alpha(opacity = 50); zoom: 1; } .footer a.ico-soc:hover { opacity:1; filter: alpha(opacity = 100); zoom: 1; } /* - */ .post-footer { padding:10px 0; background:#000; } .post-footer p { margin:0; color:#414141; font-size:12px; } .post-footer p a { text-decoration:none; color:#414141; } /* - */ .navigation { background:#131313; z-index:3; position:relative; } .navigation ul { list-style:none; margin:0; padding:0; } .navigation ul li { margin:0; padding:0; display:inline-block; position:relative; } .navigation ul li a { margin:0; padding:7px 12px 5px; line-height:1.2em; font-size:16px; display:inline-block; background:#131313; border-bottom:2px solid #131313; text-decoration:none; color:#fff; font-family:'oxygenbold', arial, sans-serif; text-transform:uppercase; } .navigation ul li a.active { background-color:#cf072a; border-color:#940620; } .navigation ul li a:hover { background-color:#cf072a; border-color:#940620; } .navigation ul li ul { display:none; position:absolute; top:33px; left:0; padding:10px 17px; background:#131313; z-index:1000; } .navigation ul li:hover ul { display:block; } .navigation ul li ul li { display:block; } .navigation ul li ul li a { display:block; margin:0; padding:5px 0; border:0; background:none; white-space:nowrap; } .navigation ul li ul li a.active , .navigation ul li ul li a:hover { background:none; text-decoration:underline; } /* - */ .mobile-navigation { position:absolute; left:-280px; top:0px; width:280px; background:#000; padding:10px 15px; z-index:600; box-sizing:border-box; } .mobile-navigation p { margin:10px 0 0; padding:12px 0 0 0; border-top:1px solid #aaa; font-size:16px; font-family:'oxygenregular', arial, sans-serif; text-transform:uppercase; } .mobile-navigation p a { text-decoration:none; } .mobile-navigation ul { list-style:none; margin:0; padding:0; } .mobile-navigation ul li { margin:0; padding:0; } .mobile-navigation ul li a { text-decoration:none; margin:0; padding:5px 0; display:block; font-size:16px; font-family:'oxygenregular', arial, sans-serif; text-transform:uppercase; } .mobile-navigation ul li a.active { color:#fff; } .mobile-navigation ul li a:hover { color:#fff; } .mobile-navigation ul li ul { padding-left:20px; padding-bottom:5px; } .mobile-navigation ul li ul li a { font-size:14px; } /* - */ .content { padding:25px 0; } /* - */ .buttonbar { padding:25px 0 0; } /* - */ .slides { margin:0 0 10px; padding:0; list-style:none; position:relative; } .slides .slide { margin:0; padding:0; display:none; } .slides .slide:first-child { display:inherit; } .slides.ready .slide { display:inherit; position:absolute; top:0px; left:0px; width:100%; } .slides .slides-nav { margin-top:-30px; } /* - */ .features { } .features .button { margin-right:15px; margin-top:-30px; float:right; } /* - */ .pre-footer { float:left; width:100%; overflow:hidden; height:300px; margin-top:-300px; z-index:-1; /* grad background */ background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.6))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } /* - */ .gmap-container { background:#fff; } #gmap { width:100%; height:400px; } /* - */ table { margin:0 auto 25px; padding:0; border-collapse:collapse; background:transparent; width:100%; } table th , table td { padding:6px 10px; margin:0; text-align:left; vertical-align:middle; font-size:14px; line-height:1.4em; color:#fff; } table th { font-size:22px; color:#fff; background:#cc0033; padding:8px 10px; text-transform:uppercase; line-height:1em; vertical-align:bottom; } table td { background:#1c1c1c; } table tr:nth-child(2n) td { background:#4f4e4e; } .table-container { margin:0 0 25px 0; overflow:hidden; overflow-x:auto; max-width:100%; } .table-container table { margin:0 auto; } /* - */ .venue-quotes { list-style:none; margin:20px 0 40px; padding:0; position:relative; display:block; } .venue-quotes .slide { margin:0; padding:0; display:none; } .venue-quotes .slide:first-child { display:inherit; } .venue-quotes .slider-nav { display:none; } .venue-quotes.ready .slide { display:inherit; position:absolute; top:50%; left:0px; width:100%; } .venue-quotes.ready .slider-nav { display:block; } .venue-quotes .slide p { font-size:22px; margin:0 0 5px; padding:0 80px; } .venue-quotes .slide p.credit { margin-bottom:0; } /* - */ .blog-menu { margin:0; padding:0; list-style:none; } .blog-menu li { } .blog-menu li a { color:#592d84; font-weight:bold; text-decoration:none; } .blog-menu li a:hover { text-decoration:underline; } /* - */ .paging { text-align:center; clear:both; } .paging a { margin:0 5px; } .paging a.active , .paging a.active .text { background-color:#cc0033; } /* - */ .alert { padding:20px; margin:0 0 30px; color:#373737; background:#6e6e6e; box-shadow:rgba(0,0,0,0.6) 0px 2px 3px; text-align: center; font-weight:bold; } .alert p { margin:0; font-size:22px; } .alert.success { color:#00cc3a; background-color:#6e6e6e; } .alert.warning { color:#edd913; background-color:#6e6e6e; } .alert.error { color:#ca0032; background-color:#6e6e6e; } /* - */ .calendar-outer-wrap { max-width:255px; } .calendar { } .calendar .title { text-transform:uppercase; font-size:18px; text-align: center; font-family:'oxygenbold', arial, sans-serif; line-height:18px; } .calendar .title .year , .calendar .title .month { background:#adadad; color:#656565; display:inline-block; padding:3px 5px;} .calendar .days { list-style:none; margin:0; padding:0 1%; width:100%; overflow:hidden; } .calendar .days li { float:left; overflow:hidden; margin:0; padding:0; width:14%; box-sizing:border-box; border:1px solid #6e6e6e; } .calendar .days li.today { border:1px solid #aaa; } .calendar .days li .lnk , .calendar .days li a { background-color:#656565; color:#adadad; margin:0; padding:0; float:left; width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; } .calendar .days li.title { background:transparent; text-transform:uppercase; font-size:12px; font-family:'oxygenbold', arial, sans-serif; font-weight:normal; } .calendar .days li.clear { float:left; height:32px; background:#6a6a6a; } .calendar.week-enabled .days li a.week-hover , .calendar .days li.week-active a { background-color:#a34f64; color:#fff; } .calendar .days li.active a { background-color:#c5002d; color:#fff; } .calendar .days li a:hover { background:#663398 !important; color:#fff !important; text-decoration:none; } .calendar .cal-prev , .calendar .cal-next { color:#adadad; text-decoration:none; font-size:14px; line-height:14px; margin:5px 0 0 0; } .calendar .cal-prev:hover , .calendar .cal-next:hover { color:#fff; text-decoration:none; } .calendar .cal-prev { float:left; padding-left:14px; background:url(/assets/images/arrow-left-grey.svg) left center no-repeat; background-size:10px 8px; } .calendar .cal-next { float:right; padding-right:14px; background:url(/assets/images/arrow-right-grey.svg) right center no-repeat; background-size:10px 8px; } /* - */ .bricks { } .bricks .brick-size , .bricks .brick { width:calc( 50% - 10px ); } .bricks .brick.wide { width:calc( 100% ); } /* - */ .latest-news-items { } .latest-news-items .contained.tall { margin-bottom:40px; } .latest-news-items .image { } .latest-news-items .detail { } .latest-news-items .banner { margin-bottom:20px; } .latest-news-items p.h5 { font-size:0.9em; line-height:1.25em; } /* - */ .features { } .features .featured-item { width:31%; overflow:hidden; margin:12px 0 12px 3%; float:left; } .features .featured-item.alpha { margin-left:0; } /* - */ .brick-features { padding-top:60px; } .brick-features .brick-size { display:none; } .brick-features .brick-size , .brick-features .brick { float:left; width:33.3%; height:216px; padding:15px; color:black; box-sizing:border-box; overflow:hidden; } .brick-features .brick.right { float:right; } .brick-features .brick .button { margin-right:15px; margin-top:-30px; float:right; } .brick-features .brick.size-2x1 { width:66.6%; } .brick-features .brick.size-3x1 { width:99.9%; } .brick-features .brick.size-1x2 { height:432px; } .brick-features .brick.size-2x2 { height:432px; width:66.6%; } .brick-features .brick.size-3x2 { width:99.9%; height:432px; } /* - */ .newsletter-footer { padding:40px 0; } /* - */ .featherlight-content { color:#000 !important; } /* - */ .infopop { vertical-align:top; height:20px; width:20px; display:inline-block; background:url(/assets/images/info.svg) center center no-repeat; background-size:100% 100%; margin-left:5px; } /* - */ .flashMessage.error { text-align:center; margin:0 auto; padding:30px; background:#e3d221; color:#000; margin:30px 0; font-weight:bold; } .flashMessage.success { text-align:center; margin:0 auto; padding:30px; background:#592d84; color:#fff; margin:30px 0; font-weight:bold; } /* - */ .audio-cta , .video-cta { text-align:center; overflow:hidden; position:relative; background:#000; } .audio-cta img , .video-cta img { filter: brightness(0.6) blur(6px); z-index:1; } .audio-cta .cta-content , .video-cta .cta-content { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; display:flex; align-items:center; justify-content:center; } .audio-cta .cta-content .price , .video-cta .cta-content .price { font-size:50px; line-height:40px; margin-bottom:3px; font-family:'oxygenbold', arial, sans-serif; color:#fff; text-shadow:rgba(0,0,0,0.25) 1px 1px 1px } .audio-cta .cta-content .detail , .video-cta .cta-content .detail { font-size:11px; margin-bottom:10px; font-family:'oxygenregular', arial, sans-serif; color:rgba(255,255,255,0.5); } /* - */ .left-nav { list-style:none; margin:0; padding:0; } .left-nav li { display:inline-block; margin:0 0 2px; padding:0; width:100%; } .left-nav li a { display:inline-block; margin:0; padding:9px 12px; line-height:20px; width:100%; font-family:'oxygenbold', arial, sans-serif; font-size:16px; text-decoration:none; background:#414141; box-sizing:border-box; } .left-nav li a:hover , .left-nav li a.active { color:#fff; text-decoration:none; } /* - */ .payment-tabs-links { display:flex; align-items:center; justify-content:center; flex-direction:row; flex-wrap:nowrap; padding:0; margin:0; list-style:none; } .payment-tabs-links li { display:flex; flex-grow:1; padding:0; margin:0; } .payment-tabs-links li a { display:inline-block; width:100%; padding:15px 0; margin:0 5px; text-align:center; text-transform:uppercase; color:#fff; text-decoration:none; font-size:16px; font-family:'oxygenregular', arial, sans-serif; font-weight:bold; } .payment-tabs-links li a:hover { color:#fff; text-decoration:none; } .payment-tabs-links li a.active { background:rgba(0,0,0,0.25); color:#e3d221; text-decoration:none; } .payment-tab { display:none; padding:30px 10px 10px; } .payment-tab.active { display:block; } /* - */ /* SMALL DESKTOP */ @media only screen and (min-width: 1024px) and (max-width: 1280px){ h1, p.h1 { font-size:26px; } h2, p.h2 { font-size:22px; } h3, p.h3 { font-size:19px; } h4, p.h4 { font-size:17px; } h5, p.h5 { font-size:16px; } h1.super { font-size:48px; } p.intro { font-size:18px; } .banner , .banner .text { font-size:20px; } .button , form button { font-size:16px; } .button.small , form button.small { font-size:12px; } .navigation { } .navigation ul { } .navigation ul li { } .navigation ul li a { padding-left:10px; padding-right:10px; font-size:14px; } .navigation ul li ul { padding:4px 12px 8px; } .calendar { } .calendar .title { font-size:16px; } .calendar .days li .lnk , .calendar .days li a { font-size:12px; height:25px; line-height:25px; } .calendar .days li.clear { height:27px; } .brick-features .brick { height:210px; } .brick-features .brick.size-1x2 , .brick-features .brick.size-2x2 , .brick-features .brick.size-3x2 { height:420px; } .latest-news-items .contained.tall { margin-bottom:30px; } } /* TABLET LANDSCAPE */ @media only screen and (min-width: 768px) and (max-width: 1023px){ h1, p.h1 { font-size:26px; } h2, p.h2 { font-size:22px; } h3, p.h3 { font-size:19px; } h4, p.h4 { font-size:17px; } h5, p.h5 { font-size:16px; } h1.super { font-size:34px; } p.intro { font-size:18px; } .not-tablet { display:none !important; } .banner , .banner .text { font-size:18px; } .banner i { font-size:11px; } .button , .button span.text , form button , form button span.text { font-size:14px; } .button.small , form button.small { font-size:12px; } .header .mobile-nav-toggle { display:block; } .header .acct-btn { right:15%; } .navigation { display:none; } .calendar { } .calendar .title { font-size:14px; } .calendar .days li .lnk , .calendar .days li a { font-size:10px; height:20px; line-height:20px; } .calendar .days li.clear { height:22px; } .calendar .cal-prev , .calendar .cal-next { width:12px; padding:0; text-indent:1000px; overflow:hidden; } .latest-news-items .image , .latest-news-items .detail { width:100% !important; margin:0 !important; } .brick-features .brick { height:190px; } .brick-features .brick.size-1x2 , .brick-features .brick.size-2x2 , .brick-features .brick.size-3x2 { height:306px; } .brick-features .brick .button { margin-right:-5px; } .latest-news-items .contained.tall { margin-bottom:20px; } } /* TABLET AND MOBILE */ @media only screen and (max-width: 767px){ h1, p.h1 { font-size:22px; } h2, p.h2 { font-size:20px; } h3, p.h3 { font-size:18px; } h4, p.h4 { font-size:16px; } h5, p.h5 { font-size:14px; } h1.super { font-size:48px; } p.intro { font-size:18px; } .massive-neg-top-margin { margin-top:-50px !important; } .mobile-only , .not-desktop { display:inherit !important; } .not-mobile , .desktop-only { display:none !important; } .mob-tcenter { text-align:center !important; } .header .soc-area { position:relative; margin-top:10px; width:100%; } .header .mobile-nav-toggle { display:block; margin-top:20px; } .footer { text-align:center; } .footer .soc-area { margin-bottom:20px; } .footer .logo-area { margin-top:20px; } .navigation { display:none; } .venue-quotes .slide p { font-size:16px; } .bricks .brick { width:100%; margin:0; } .featured-event-slider { display:none !important; } .box.payments form { width:100%; } } /* MOBILE LANDSCAPE */ @media only screen and (min-width: 480px) and (max-width: 767px){ .news-entry { width:46% !important; float:left; margin:0 2% !important; } .event-listing { width:46% !important; float:left; margin:0 2% !important; } .features .featured-item { width:46% !important; float:left; margin:0 2% !important; clear:none !important; padding:0 !important; } .brick-features .brick , .brick-features .brick.size-1x2 , .brick-features .brick.size-2x2 , .brick-features .brick.size-3x2 { width:50% !important; height:215px; overflow:visible !important; } .header { height:auto; } .header .logo-area { width:50% !important; } .header .soc-area { display:block; float:left; width:30% !important; margin-left:30px; margin-top:4px; } .header .soc-area .columns { width:100% !important; text-align:left; float:left; } .header .soc-area .welcome-note { width:100% !important; } .header .soc-area .social-links p.tright , .header .soc-area .welcome-note , .header .soc-area .welcome-note p { text-align:left !important; } } /* MOBILE PORTRAIT */ @media only screen and (max-width: 479px){ h1, p.h1 { font-size:22px; } h2, p.h2 { font-size:20px; } h3, p.h3 { font-size:18px; } h4, p.h4 { font-size:16px; } h5, p.h5 { font-size:14px; } h1.super { font-size:34px; } p.intro { font-size:18px; } p.huge { font-size:18px; } .button , form button { width:100%; margin:0 0 3px; } .button span.text , form button span.text { width:100%; } .button.never-full-width , form button.never-full-width , .button.never-full-width span.text , form button.never-full-width span.text { width:auto; } .header .logo-area img { height:50px; } .header .soc-area .welcome-note { width:60%; float:left; } .header .soc-area .welcome-note p { text-align:left; font-size:0.8em; margin:-5px 0 4px; } .header .contact-area p { font-size:18px; } .header .contact-area p a.eml { font-size:12px; } .features .featured-item { width:100% !important; float:left; margin:0 0 2% !important; clear:none !important; padding:0 !important; } .brick-features { padding-top:80px; } .brick-features .brick img { width:100%; } .brick-features .brick , .brick-features .brick.size-1x2 , .brick-features .brick.size-2x2 , .brick-features .brick.size-3x2 { width:100% !important; height:auto !important; } .header { height:auto; } .header .soc-area { display:block; } .header .soc-area .columns { width:50% !important; text-align:left; float:left; } .header .soc-area .columns.social-links { float:right; } .header .soc-area .welcome-note { width:100% !important; } }