/*! Theme Name: White Oak Music Hall Theme URI: whiteoakmusichall.com Author: Jeremy Schuler Author URI: http://www.jeremyschuler.com Description: Custom music venue theme developed for WOMH and integrated with the SeeTickets.com event ticketing platform Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: white-oak-music-hall Tags: One-column, Right-sidebar, Responsive-layout, Light, Gray This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. White Oak Music Hall is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */ /* ========================================================================== >>> TABLE OF CONTENTS: Last Updated: 02.10.20 Schuler ============================================================================= 1.0 Normalize v8.0.0 2.0 Materialize v0.96.1 3.0 Elements 4.0 Components 4.1 Collection 4.2 Card 4.3 Tabs 4.4 Buttons 4.5 Dropdown 4.6 Modal 5.0 Typography 6.0 Navigation 7.0 Author Styles 8.0 Event Listing 9.0 Page Templates 10.0 Plugins, Plugin Overrides 10.1 Animate.css v3.7.0 ( Selected Styles ) 10.2 Owl Carousel v2.3.4 11.0 Media Queries ===========================================================================*/ /*------------------------------------------------------------------------- 1.0 - normalize.css v8.0.0 github.com/necolas/normalize.css MIT License ---------------------------------------------------------------------------*/ *, *:before, *:after { box-sizing: inherit; } button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /*------------------------------------------------------------------------- 2.0 - Materialize v0.96.1 (http://materializecss.com) | Selected Styles by author Copyright 2014-2015 Materialize MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) ---------------------------------------------------------------------------*/ img,legend{border:0}legend,td,th,ul{padding:0}.clearfix,ul.collapsible li.active{clear:both}.fade-in,ul.staggered-list li{opacity:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}.divider,.grey.lighten-2,.truncate{overflow:hidden}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}table{border-collapse:collapse;border-spacing:0}.grey.lighten-1{background-color:#bdbdbd!important}.grey.lighten-3{background-color:#eee!important}.grey.lighten-4{background-color:#f5f5f5!important}.grey.lighten-5{background-color:#fafafa!important}.grey-text.text-lighten-1{color:#bdbdbd!important}.grey-text.text-lighten-2{color:#e0e0e0!important}.grey-text.text-lighten-3{color:#eee!important}.grey-text.text-lighten-4{color:#f5f5f5!important}.grey-text.text-lighten-5{color:#fafafa!important}.grey{background-color:#9e9e9e!important}.grey-text{color:#9e9e9e!important}.grey-text.text-darken-1{color:#757575!important}.grey-text.text-darken-2{color:#616161!important}.grey-text.text-darken-3{color:#424242!important}.grey-text.text-darken-4{color:#212121!important}.grey.darken-1{background-color:#757575!important}.grey.darken-2{background-color:#616161!important}.grey.darken-3{background-color:#424242!important}.grey.darken-4{background-color:#212121!important}.shades.black{background-color:#000!important}.shades-text.text-black{color:#000!important}.shades.white{background-color:#fff!important}.shades-text.text-white{color:#fff!important}.shades.transparent{background-color:transparent!important}.shades-text.text-transparent{color:transparent!important}.black{background-color:#000!important}.black-text{color:#000!important}.white{background-color:#fff!important}.white-text{color:#fff!important}.transparent{background-color:transparent!important}.transparent-text{color:transparent!important}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}article ul{padding-left:20px}.z-depth-0{box-shadow:none!important}.btn,.btn-floating,.btn-large,.card,.card-panel,.dropdown-content,.side-nav,.z-depth-1,nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.btn-floating:hover,.btn-large:hover,.btn:hover,.z-depth-1-half{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.divider{height:1px;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #2E2E2E}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}.pagination li{display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px;border-radius:2px;text-align:center}.pagination li a{color:#444}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2.2rem;vertical-align:middle}.pagination li.pages ul li{display:inline-block;float:none}ul.collapsible{margin-top:2rem;margin-bottom:2rem}ul.collapsible li{position:relative;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;list-style-type:none;clear:both}ul.collapsible li:last-child{border-bottom:0}ul.collapsible li:hover{cursor:pointer}ul.collapsible li.active .collapsible-body i{position:inherit;margin-left:5px}ul.collapsible li.active p{margin-bottom:0}ul.collapsible li ul{margin-top:20px;margin-left:10px}ul.collapsible li ul li{margin-bottom:10px;padding-bottom:10px;border-bottom:0}ul.collapsible h4{margin-top:40px;cursor:default}ul.collapsible i{position:absolute;top:4px;right:0;font-size:1.33rem}ul.collapsible .collapsible-header.active{font-weight:600}ul.collapsible .collapsible-header.active i{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}ul.collapsible .collapsible-body{display:none}.breadcrumb{font-size:18px;color:rgba(255,255,255,.7)}.breadcrumb [class*=mdi-],.breadcrumb [class^=mdi-],.breadcrumb i,.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:400;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;height:500px;overflow:hidden}.parallax,.parallax img{position:absolute;bottom:0}.parallax{top:0;left:0;right:0;z-index:-1;z-index:1}.parallax img{display:none;left:50%;min-width:100%;min-height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pinned{position:fixed!important}.pin-bottom,.pin-top{position:relative}.fade-in{-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width:600px){.hide-on-small-and-down,.hide-on-small-only{display:none!important}.show-on-small{display:block!important}}@media only screen and (max-width:992px){.pagination{width:100%}.pagination li.next,.pagination li.prev{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}.hide-on-med-and-down{display:none!important}}@media only screen and (min-width:601px){.hide-on-med-and-up{display:none!important}.show-on-medium-and-up{display:block!important}}@media only screen and (min-width:600px) and (max-width:992px){.hide-on-med-only{display:none!important}}@media only screen and (min-width:993px){.hide-on-large-only{display:none!important}.show-on-large{display:block!important}}@media only screen and (min-width:600px) and (max-width:992px){.show-on-medium{display:block!important}}@media only screen and (max-width:992px){.show-on-medium-and-down{display:block!important}}span.badge{position:absolute;right:15px;min-width:3rem;padding:0 6px;font-size:1rem;text-align:center;line-height:inherit;color:#757575;box-sizing:border-box}span.badge.new{color:#fff;background-color:#26a69a;border-radius:2px;font-size:.8rem;font-weight:300}span.badge.new:after{content:" new"}nav ul a span.badge{position:static;margin-left:4px;line-height:0}.hide{display:none!important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.truncate{display:block;white-space:nowrap;text-overflow:ellipsis} /* * Grid System */ .container { max-width: 1280px; width: 90%; margin: 0 auto; } .container .row { margin-left: -.75rem; margin-right: -.75rem } .container .row .col.center { display: block; margin: 0 auto; text-align: left; } .section { padding-top: 1rem; padding-bottom: 1rem } @media only screen and (min-width: 601px) { .container { width: 85% } } .row .col.s1,.row .col.s10,.row .col.s11,.row .col.s12,.row .col.s2,.row .col.s3,.row .col.s4,.row .col.s5,.row .col.s7,.row .col.s8,.row .col.s9{margin-left:auto;left:auto;right:auto}.row{margin-left:auto;margin-right:auto}.row:after{content:"";display:table;clear:both}.row .col{float:left;box-sizing:border-box;padding:0 .75rem}.row .col[class*=push-],.row .col[class*=pull-]{position:relative}.row .col.s1{width:8.3333333333%}.row .col.s2{width:16.6666666667%}.row .col.s3{width:25%}.row .col.s4{width:33.3333333333%}.row .col.s5{width:41.6666666667%}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%}.row .col.s8{width:66.6666666667%}.row .col.s9{width:75%}.row .col.s10{width:83.3333333333%}.row .col.s11{width:91.6666666667%}.row .col.s12{width:100%}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width:601px){.row .col.m1,.row .col.m10,.row .col.m11,.row .col.m12,.row .col.m2,.row .col.m3,.row .col.m4,.row .col.m5,.row .col.m7,.row .col.m8,.row .col.m9{margin-left:auto;left:auto;right:auto}.row .col.m1{width:8.3333333333%}.row .col.m2{width:16.6666666667%}.row .col.m3{width:25%}.row .col.m4{width:33.3333333333%}.row .col.m5{width:41.6666666667%}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%}.row .col.m8{width:66.6666666667%}.row .col.m9{width:75%}.row .col.m10{width:83.3333333333%}.row .col.m11{width:91.6666666667%}.row .col.m12{width:100%}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width:993px){.row .col.l1,.row .col.l10,.row .col.l11,.row .col.l12,.row .col.l2,.row .col.l3,.row .col.l4,.row .col.l5,.row .col.l7,.row .col.l8,.row .col.l9{margin-left:auto;left:auto;right:auto}.row .col.l1{width:8.3333333333%}.row .col.l2{width:16.6666666667%}.row .col.l3{width:25%}.row .col.l4{width:33.3333333333%}.row .col.l5{width:41.6666666667%}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%}.row .col.l8{width:66.6666666667%}.row .col.l9{width:75%}.row .col.l10{width:83.3333333333%}.row .col.l11{width:91.6666666667%}.row .col.l12{width:100%}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}} /* ========================================================================== 3.0 - Elements ============================================================================= */ input:not([type]),input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:0;height:3rem;width:100%;font-size:1rem;margin:0 0 15px;padding:0;box-shadow:none;box-sizing:content-box;-webkit-transition:all .3s;transition:all .3s}input:not([type]):disabled,input:not([type])[readonly=readonly],input[type=date]:disabled,input[type=date][readonly=readonly],input[type=datetime-local]:disabled,input[type=datetime-local][readonly=readonly],input[type=email]:disabled,input[type=email][readonly=readonly],input[type=number]:disabled,input[type=number][readonly=readonly],input[type=password]:disabled,input[type=password][readonly=readonly],input[type=search]:disabled,input[type=search][readonly=readonly],input[type=tel]:disabled,input[type=tel][readonly=readonly],input[type=text]:disabled,input[type=text][readonly=readonly],input[type=time]:disabled,input[type=time][readonly=readonly],input[type=url]:disabled,input[type=url][readonly=readonly],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly=readonly]{color:rgba(0,0,0,.26);border-bottom:1px dotted rgba(0,0,0,.26)}input:not([type]):disabled+label,input:not([type])[readonly=readonly]+label,input[type=date]:disabled+label,input[type=date][readonly=readonly]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly=readonly]+label,input[type=email]:disabled+label,input[type=email][readonly=readonly]+label,input[type=number]:disabled+label,input[type=number][readonly=readonly]+label,input[type=password]:disabled+label,input[type=password][readonly=readonly]+label,input[type=search]:disabled+label,input[type=search][readonly=readonly]+label,input[type=tel]:disabled+label,input[type=tel][readonly=readonly]+label,input[type=text]:disabled+label,input[type=text][readonly=readonly]+label,input[type=time]:disabled+label,input[type=time][readonly=readonly]+label,input[type=url]:disabled+label,input[type=url][readonly=readonly]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly=readonly]+label{color:rgba(0,0,0,.26)}input:not([type]):focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=search]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=url]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]).valid,input:not([type]):focus.valid,input[type=date].valid,input[type=date]:focus.valid,input[type=datetime-local].valid,input[type=datetime-local]:focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=number].valid,input[type=number]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=search].valid,input[type=search]:focus.valid,input[type=tel].valid,input[type=tel]:focus.valid,input[type=text].valid,input[type=text]:focus.valid,input[type=time].valid,input[type=time]:focus.valid,input[type=url].valid,input[type=url]:focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after{content:attr(data-success);color:#4CAF50;opacity:1}input:not([type]).invalid,input:not([type]):focus.invalid,input[type=date].invalid,input[type=date]:focus.invalid,input[type=datetime-local].invalid,input[type=datetime-local]:focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=number].invalid,input[type=number]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=search].invalid,input[type=search]:focus.invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid,input[type=time].invalid,input[type=time]:focus.invalid,input[type=url].invalid,input[type=url]:focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after{content:attr(data-error);color:#F44336;opacity:1}input:not([type])+label:after,input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=email]+label:after,input[type=number]+label:after,input[type=password]+label:after,input[type=search]+label:after,input[type=tel]+label:after,input[type=text]+label:after,input[type=time]+label:after,input[type=url]+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:65px;opacity:0;-webkit-transition:.2s opacity ease-out,.2s color ease-out;transition:.2s opacity ease-out,.2s color ease-out}.input-field{position:relative;margin-top:1rem}.input-field label{color:#9e9e9e;position:absolute;top:.8rem;left:.75rem;font-size:1rem;cursor:text;-webkit-transition:.2s ease-out;transition:.2s ease-out}.input-field label.active{font-size:.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s}.input-field .prefix.active{color:#26a69a}.input-field .prefix~input,.input-field .prefix~textarea{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix~textarea{padding-top:.8rem}.input-field .prefix~label{margin-left:3rem}@media only screen and (max-width:992px){.input-field .prefix~input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width:600px){.input-field .prefix~input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;padding-left:4rem;width:calc(100% - 4rem)}.input-field input[type=search]:focus{background-color:#fff;border:0;box-shadow:none;color:#444}.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus~.material-icons,.input-field input[type=search]:focus~.mdi-navigation-close{color:#444}.input-field input[type=search]+label{left:1rem}.input-field input[type=search]~.material-icons,.input-field input[type=search]~.mdi-navigation-close{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{overflow-y:hidden;padding:1.6rem 0;resize:none;min-height:3rem}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem}form p{margin-bottom:10px;text-align:left}form p:last-child{margin-bottom:0}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:0;height:3rem;line-height:3rem;width:100%;font-size:1rem;margin:0 0 15px;padding:0;display:block}.select-wrapper span.caret{color:initial;position:absolute;right:0;top:16px;font-size:10px}.select-wrapper span.caret.disabled{color:rgba(0,0,0,.26)}.select-wrapper+label{position:absolute;top:-14px;font-size:.8rem}select{display:none}select.browser-default{display:block}select:disabled{color:rgba(0,0,0,.3)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,.3)}.select-wrapper i{color:rgba(0,0,0,.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,.3);background-color:transparent}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,.4)}.select-dropdown li.optgroup~li:not(.optgroup){padding-left:1rem}select{background-color:rgba(255,255,255,.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem} ::-webkit-input-placeholder { color: #9D9D9D } :-moz-placeholder { color: #9D9D9D } ::-moz-placeholder { color: #9D9D9D } :-ms-input-placeholder { color: #9D9D9D } select:focus { outline: 1px solid #c9f3ef } button:focus { outline: none; background-color: #2ab7a9; } /* Helper Classes */ .valign-wrapper { display: flex; display: -webkit-box; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .valign-wrapper .valign { display: block } .left { float: left !important } .right { float: right !important } .left-align { text-align: left } .right-align { text-align: right } .center, .center-align { text-align: center } .aligncenter { display: block; margin: 0 auto } .display { display: inherit } .vertical-text { position: absolute; float: left; margin: 0; transform: rotate(90deg); } .hidden { display: none } .visuallyhidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; opacity: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden; } .divider { height: 1px; overflow: hidden; background-color: #e0e0e0 } .circle { border-radius: 50% } .center-block { display: block; margin-left: auto; margin-right: auto } p.medium-text { font-size: 18px; } /* Media */ img.responsive-img, video.responsive-video { max-width: 100%; height: auto } .video-container { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Tables */ table.highlight>tbody>tr:hover,table.striped>tbody>tr:nth-child(odd){background-color:#f2f2f2}table.bordered>tbody>tr,table.bordered>thead>tr,thead{border-bottom:1px solid #d0d0d0}table,td,th{border:none}table{width:100%;display:table}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.centered tbody tr td,table.centered thead tr th{text-align:center}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width:992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td,table.responsive-table th{margin:0;vertical-align:top}table.responsive-table thead{display:block;float:left;border:0;border-right:1px solid #d0d0d0}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{padding:0 10px}table.responsive-table.bordered th{border-bottom:0;border-left:0}table.responsive-table.bordered td{border-left:0;border-right:0;border-bottom:0}table.responsive-table.bordered tr{border:0}table.responsive-table.bordered tbody tr{border-right:1px solid #d0d0d0}} /* ========================================================================== 4.0 - Components ============================================================================= */ /* 4.1 Component - Collection */ .collection{margin:.5rem 0 1rem;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar .circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none} /* 4.2 Component - Card */ .card,.card-panel{margin:.5rem 0 1rem;background-color:#fff;border-radius:2px}.card,.card.large,.card.medium,.card.small{position:relative}.card-panel{-webkit-transition:box-shadow .25s;transition:box-shadow .25s;padding:20px}.card{-webkit-transition:box-shadow .25s;transition:box-shadow .25s}.card .card-title{font-size:21px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.large .card-image,.card.medium .card-image,.card.small .card-image{max-height:60%;overflow:hidden}.card.large .card-content,.card.medium .card-content,.card.small .card-content{max-height:40%;overflow:hidden}.card.large .card-action,.card.medium .card-action,.card.small .card-action{position:absolute;bottom:0;left:0;right:0;z-index:1;background-color:inherit}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#121212;position:absolute;bottom:0;left:0;padding:20px}.card .card-content{border-radius:0 0 2px 2px}.card .card-content p{margin:0;color:inherit}.card .card-content .card-title{line-height:48px}.card .card-action{border-top:1px solid rgba(160,160,160,.2);padding:20px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:20px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:20px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;top:100%;height:100%;z-index:1;display:none}.card .card-reveal .card-title{cursor:pointer;display:block} /* 4.3 Component - Tabs */ .tabs{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;height:48px;background-color:#fff;margin:0 auto;width:100%;white-space:nowrap}.tabs .tab,.tabs .tab a{display:block;text-overflow:ellipsis;overflow:hidden}.tabs .tab{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;float:left;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase;letter-spacing:.8px;width:15%;min-width:80px}.tabs .tab a{color:#ee6e73;width:100%;height:100%;-webkit-transition:color .28s ease;transition:color .28s ease}.tabs .tab a:hover{color:#f9c9cb}.tabs .tab.disabled a{color:#f9c9cb;cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left,right} /* 4.4 Component - Buttons */ .btn,.btn-flat,.btn-large{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;outline:0;padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn-floating.disabled,.btn-floating:disabled,.btn-large.disabled,.btn-large:disabled,.btn.disabled,.btn:disabled,.disabled.btn-large{background-color:#DFDFDF!important;box-shadow:none;color:#9F9F9F!important;cursor:default}.btn-floating.disabled *,.btn-floating:disabled *,.btn-large.disabled *,.btn-large:disabled *,.btn.disabled *,.btn:disabled *,.disabled.btn-large *{pointer-events:none}.btn-floating.disabled:hover,.btn-floating:disabled:hover,.btn-large.disabled:hover,.btn-large:disabled:hover,.btn.disabled:hover,.btn:disabled:hover,.disabled.btn-large:hover{background-color:#DFDFDF;color:#9F9F9F}.btn i,.btn-flat i,.btn-floating i,.btn-large i{font-size:1.3rem;line-height:inherit}.btn-floating i,.btn-large i{font-size:1.6rem}.btn-floating,.btn-floating i{display:inline-block;color:#fff;line-height:37px}.btn,.btn-large{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.btn-large:hover,.btn:hover{background-color:#2bbbad}.btn-floating,.btn-floating:hover{background-color:#26a69a}.btn-floating{position:relative;overflow:hidden;z-index:1;width:37px;height:37px;padding:0;border-radius:50%;-webkit-transition:.3s;transition:.3s;cursor:pointer;vertical-align:middle}.btn-floating i{width:inherit;text-align:center}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:55.5px;height:55.5px}.btn-floating.btn-large i{line-height:55.5px}button.btn-floating{border:none}.btn-flat{box-shadow:none;background-color:transparent;color:#343434;cursor:pointer}.btn-flat.disabled{color:#b3b3b3;cursor:default}.btn-large{height:54px;line-height:56px}.btn-block{display:block} /* 4.5 Component - Dropdown */ .dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;max-height:650px;overflow-y:auto;opacity:0;position:absolute;z-index:999;will-change:width,height}.dropdown-content li{clear:both;color:rgba(0,0,0,.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left;text-transform:none}.dropdown-content li.active,.dropdown-content li.selected,.dropdown-content li:hover{background-color:#eee}.dropdown-content li.active.selected{background-color:#e1e1e1}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:3px;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit} /* 4.6 Component - Modal */ .lean-overlay,.modal{position:fixed;left:0;right:0;display:none}.modal{background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}@media only screen and (max-width:992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}.modal .modal-footer .btn,.modal .modal-footer .btn-flat,.modal .modal-footer .btn-large{float:right;margin:6px 0}.lean-overlay{z-index:999;top:-100px;bottom:0;height:125%;width:100%;background:#000;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity} .blocker{z-index:100!important;} /* ========================================================================== 5.0 Typography ============================================================================= */ a { text-decoration: none } html { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.87) } @media only screen and (min-width: 0) { html { font-size: 14px } } @media only screen and (min-width: 992px) { html { font-size: 14.5px } } @media only screen and (min-width: 1200px) { html { font-size: 15px } } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit } h1 { font-size: 3.56rem; line-height: 110%; margin: 1.78rem 0 1.424rem 0 } h2 { font-size: 2.92rem; line-height: 110%; margin: 1.46rem 0 1.168rem 0 } h3 { font-size: 2.28rem; line-height: 110%; margin: 1.14rem 0 .912rem 0 } h4 { font-size: 1.64rem; line-height: 110%; margin: .82rem 0 .656rem 0 } h5, h6 { font-size: 1.33rem; line-height: 130%; margin: .5rem 0 .4rem 0 } h1.entry-title, h1.page-title { font-size: 2.92rem; line-height: 110%; margin: 1.46rem 0 1.168rem 0; text-transform: uppercase; } h1.widget-title { font-size: 1.66rem; font-weight: 400; letter-spacing: 1px; line-height: 110%; text-transform: uppercase; text-align: center; } em { font-style: italic } small { font-size: 75% } .light, footer.page-footer .footer-copyright { font-weight: 300 } label { font-size: .8rem; color: #9e9e9e } .coming-soon a { font-style: italic; text-align: right; } .coming-soon p { font-size: 21px; font-style: italic; font-weight: 300; text-align: left } .coming-soon h2, .coming-soon em { text-align: center } .coming-soon h3 { font-size: 38px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } /* ========================================================================== 6.0 Navigation ============================================================================= */ #masthead nav { color: #fff; background-color: #ee6e73; width: 100%; height: 56px; line-height: 56px } nav a { color: #fff } nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { display: block; font-size: 2rem; height: 56px; line-height: 56px } nav .button-collapse { float: left; position: relative; z-index: 1; } nav .button-collapse i { font-size: 2.22rem; margin-top: 16px; } nav .brand-logo { position: absolute; display: inline-block; padding: 0; font-size: 2.1rem; color: #fff; white-space: nowrap } nav .brand-logo.center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } nav .brand-logo.right { right: 0.5rem; padding: 0 } nav ul { margin: 0 } nav ul.left { float: left } nav ul li { float: left; padding: 0; -webkit-transition: background-color .3s; transition: background-color .3s; } nav ul li.active { background-color: rgba(0, 0, 0, 0.1) } nav ul a { display: block; padding: 0 15px; color: #fff; font-size: .878rem; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; } nav ul a:hover { background-color: rgba(0, 0, 0, 0.1) } nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating { margin-top: -2px; margin-left: 15px; margin-right: 15px } nav .input-field { margin: 0 } nav .input-field input { height: 100%; font-size: 1.2rem; border: none; padding-left: 2rem } nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { border: none; box-shadow: none } nav .input-field label { top: 0; left: 0 } nav .input-field label i { color: rgba(255, 255, 255, 0.7); -webkit-transition: color .3s; transition: color .3s } nav .input-field label.active i { color: #fff } nav .input-field label.active { -webkit-transform: translateY(0); transform: translateY(0) } .navbar-fixed { position: relative; height: 56px; z-index: 998 } .navbar-fixed nav { position: fixed } @media only screen and (max-width: 992px) { nav .brand-logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } nav .brand-logo.left, nav .brand-logo.right { padding: 0; -webkit-transform: none; transform: none } nav .brand-logo.left { left: 0.5rem } nav .brand-logo.right { left: auto } } @media only screen and (min-width: 601px) { #masthead nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 64px; line-height: 64px } nav a.button-collapse i { margin-top: 2px; } .navbar-fixed { height: 64px } } .side-nav { position: fixed; top: 0; left: -105%; width: 240px; margin: 0; padding-bottom: 60px; background-color: #fff; height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); z-index: 9999; overflow-y: auto; will-change: left } .side-nav.right-aligned { will-change: right; right: -105%; left: auto } .side-nav .collapsible { margin: 0 } .side-nav li { float: none; padding: 0 15px; line-height: 64px } .side-nav li:hover, .side-nav li.active { background-color: #ddd } .side-nav a { display: block; height: 64px; padding: 0 15px; font-size: 1rem; line-height: 64px; color: #444; } .drag-target { position: fixed; z-index: 998; top: 0; width: 10px; height: 100%; } .side-nav.fixed { position: fixed; left: 0; } .side-nav.fixed a { display: block; padding: 0 15px; color: #444 } .side-nav.fixed.right-aligned { right: 0; left: auto } @media only screen and (max-width: 992px) { .side-nav.fixed { left: -105% } .side-nav.fixed.right-aligned { right: -105%; left: auto } } .side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active { background-color: #ee6e73 } .side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a { color: #fff } #sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; height: 120vh; z-index: 500; background-color: rgba(0, 0, 0, 0.5); will-change: opacity } /* ========================================================================== 7.0 - Author Styles Jeremy Schuler - Designer Dev http://jeremyschuler.com http://thebuildcollective.net ============================================================================= */ html, body { background-color: #FAFAFA } #main { padding: 0 } #main .container:first-child { margin-top: 64px; margin-bottom: 64px; padding: 0 } iframe { max-width: 100% } .header { position: relative; height: 375px; background: #fff } /* Navigation */ nav ul li:hover, nav ul li.active { background-color: #5C5C5C; } nav ul li:hover a { color: #fff } .main-navigation a { text-transform: uppercase; font-weight: 600; letter-spacing: 1px } .main-navigation { display: block; margin: 0 auto; clear: both } .main-navigation ul { display: none; margin: 0; padding-left: 0; list-style: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999 } .main-navigation ul ul ul { left: -999em; top: 0 } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { left: 100% } .main-navigation ul ul a { width: 200px } .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul { left: auto } .main-navigation li { position: relative; float: none; display: inline-block } .main-navigation li.menu-item-has-children.waves-effect { overflow: inherit } .main-navigation li.menu-item-has-children ul.sub-menu { top: 62px; border-top: 2px solid #000; background: #2E2E2E } .main-navigation a { display: block; text-decoration: none } ul#primary-menu ul.sub-menu li.current-menu-item:hover, ul#primary-menu ul.sub-menu li.current-menu-item:hover a { background: #5C5C5C; } .mdi-navigation-menu:before { color: #000 } ul#primary-menu { text-align: center } ul#primary-menu li.current-menu-item a { color: #fff } ul#menu-filter-menu, ul#menu-event-filter-single-page { position: relative; display: block; margin: 20px 0 } ul#menu-filter-menu li, ul#menu-event-filter-single-page li { display: inline-block; width: 18%; margin: 0 .5% 20px .5%; } ul#menu-filter-menu li:first-child, ul#menu-event-filter-single-page li:first-child { margin-left: 0; } ul#menu-filter-menu li:last-child, ul#menu-event-filter-single-page li:last-child { margin-right: 0; } ul#menu-filter-menu li a, ul#menu-event-filter-single-page li a { display: inline-block; width: 100%; padding: .5rem 1rem; border: 1px solid #AAAAAA; color: #2A2A2A; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out } ul#menu-filter-menu li a:hover, ul#menu-event-filter-single-page li a:hover, ul#menu-filter-menu li a.active, ul#menu-event-filter-single-page li a.active, ul#menu-event-filter-single-page li.current-menu-item a, .home ul#menu-event-filter-single-page li:first-child a { background: #303030; color: #fff; border-color: #303030; } .menu-toggle, .main-navigation.toggled ul { display: block } div#nav-mobile ul#primary-menu { text-align: left } div#nav-mobile ul#primary-menu a { text-transform: uppercase; } div#nav-mobile ul#primary-menu ul.sub-menu a { text-transform: capitalize; } div#nav-mobile ul#primary-menu li { padding-right: 0; padding-left: 0; border-top: 1px solid #E0E0E0; } div#nav-mobile ul#primary-menu li:last-child { border-bottom: 0 } div#nav-mobile ul#primary-menu li:hover { background: #ADADAD } div#nav-mobile ul#primary-menu li.current-menu-item a { color: #616161; } div#nav-mobile ul#primary-menu li.current-menu-item a:hover { color: #fff } div#nav-mobile ul#primary-menu li.menu-item-has-children:hover { background: none } div#nav-mobile ul#primary-menu li.menu-item-has-children a { background: #F2F2F2; color: #606060; } div#nav-mobile ul#primary-menu li.menu-item-has-children a:hover { color: #121212; } div#nav-mobile ul#primary-menu li.menu-item-has-children li { padding-left: 10px } div#nav-mobile ul#primary-menu li.menu-item-has-children.current-menu-item li { } div#nav-mobile ul#primary-menu li.menu-item-has-children li:last-child { border-bottom: 0 } div#nav-mobile ul#primary-menu li.menu-item-has-children li:hover a { background: #E3E3E3; color: #202020 } div#nav-mobile ul#primary-menu li.menu-item-has-children li a { background: none; } div#nav-mobile ul#primary-menu a { color: #606060 } @media screen and (min-width: 37.5em) { .menu-toggle { display: none } .main-navigation ul { display: block } } /* Header */ .logged-in header#masthead nav { top: 32px } header#masthead { position: relative; z-index: 800; height: 65px; background: #000 } header#masthead nav { position: fixed; top: 0; z-index: 999; height: 66px; width: 100%; overflow: visible } header#masthead .a { color: #fff; text-transform: uppercase } header#masthead ul li a { color: #e0e0e0 } header#masthead ul li:hover a { color: #fff } .nav-wrapper .logotype, .nav-wrapper svg { position: absolute; top: 0; left: 0; max-width: 160px; padding: 10px } .nav-wrapper svg { fill: #fff; } .nav-wrapper svg.icon { display: inline-block; width: 170px; height: 45px; } .site-title { margin: 0; padding: 10px 20px } .site-branding { position: relative; padding-top: 64px } .site-branding ul { position: absolute; top: 34px; right: 20px; z-index: 100 } .site-branding ul li { display: inline-block; padding-right: 10px } .site-branding ul li a { color: #404040 } .site-branding ul li:last-child { padding-right: 0 } .site-branding a img { position: relative; top: 2px; display: block; margin: 0 auto } .site-branding img.logotype { position: absolute; top: 70px; left: 5px } .secondary-contact { position: absolute; top: 0; right: 10px; overflow: hidden } .secondary-contact a.modal-trigger { margin-right: 0 } .secondary-contact a.modal-trigger i { position: relative; top: -2px } .secondary-contact ul.contact { float: right; margin-left: 8px } .secondary-contact ul.contact li { list-style-type: none; background: none; } .secondary-contact ul.contact li a { margin: 0 5px 0 10px; padding: 0 } .secondary-contact ul.contact a:hover i { color: #393939; } /* Socials */ ul.social i, ul.contact i { font-size: 18px; color: #fff; } ul.social a { padding: 0 10px; } ul.social a:hover i { color: #393939; } ul.social i { color: #fff; -webkit-transition: all .3s linear; transition: all .3s linear } ul.social li { text-align: center; list-style-type: none } .secondary-contact ul.social li { background: none; } .secondary-contact ul.social { float: left; padding: 0 10px; border-right: 1px solid #fff } /* Footer */ .page-footer { margin-top: 0; padding-top: 3rem; color: #fff; font-weight: 300 } .page-footer .container { max-width: 1440px; } .page-footer span { margin-right: 5px; font-size: .885rem } .page-footer ul.social { text-align: center; } .page-footer ul.social li { display: inline-block; } .page-footer .widget-title { margin: 0.82rem 0 0.656rem 0; font-size: 1.64rem; line-height: 1.804rem; } .widget-area.contact iframe { display: block; margin: 0 auto 10px auto } .widget-area.contact a { display: block; text-align: center } footer.page-footer { margin-top: 0; padding-top: 3rem; clear: both } footer.page-footer .footer-copyright { overflow: hidden; height: 50px; line-height: 50px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08) } .footer-copyright .site-info { float: left; } .footer-copyright .site-info span:after { content:'|'; margin-left: 10px; } .footer-copyright .site-info a { font-size: .8rem; text-transform: capitalize; } .footer-copyright aside { float: right; } .footer-copyright aside ul { margin: 0; } .footer-copyright aside li { display: inline-block; list-style-type: none; } .footer-copyright aside li:first-child:after { content:'|'; margin-left: 5px; margin-right: 5px; } .footer-copyright aside a { font-size: .8rem; text-transform: uppercase; } .footer-copyright aside a:hover { opacity: .7; } #footer-menu a { font-size: .885rem; text-transform: uppercase; color: #fff; } #footer-menu li { list-style-type: none } .footer-copyright { margin-top: 4rem; color: #fff } .footer-copyright a { color: #fff; font-size: .885rem } .featured-event .section-header { margin-top: 40px } .featured-event .section-header h2 { text-transform: uppercase } .featured-event img { display: block; width: 100%; max-width: 980px; margin: 30px auto 20px auto; } .featured-shows img { max-width: 100% } .all-shows { -webkit-transition: all .45s linear; transition: all .45s linear } .section-header { position: relative; margin-top: 0; margin-bottom: 20px; border-bottom: 1px solid #121212; } .section-header h2 { margin-top: 0; margin-bottom: 0; font-size: 2.92rem; font-weight: 300 } .section-header h4 { text-align: center } .section-header .calendar { position: absolute; top: 20px; right: 0; } .section-header .calendar a.btn-flat { padding: 0 1rem } .section-header .calendar i { position: relative; top: 5px; font-size: 1.35rem } #toggle { position: relative; display: block; max-width: 225px; margin: 0 auto } #toggle span { margin-left: -20px } #toggle i { position: absolute; margin-left: 5px } .page .row .center { float: none; margin-left: auto; margin-right: auto } #about { position: relative } #about::after { content: ""; display: block; clear: both; } #about img { float: left; width: 50% } .gallery-slides .slide a img { backface-visibility: hidden; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .gallery-slides .slide a:hover img { opacity: .8; } .coming-soon { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; width: 300px; height: 300px; margin: auto; padding: 20px; background: rgba(0, 0, 0, 0.75); color: #fff; border: 6px solid #fff; } .coming-soon h3 { margin-bottom: 0; padding-top: 30px; } .coming-soon p { margin: 8px 0 0 0; } .coming-soon a { float: right; width: 100%; margin-top: 10px; color: #fff; } .coming-soon span { position: relative; top: -10px; left: 12px; float: left; width: 50%; border-bottom: 1px solid #fff; } /* Upcoming Shows */ .show-wrapper { width: 100%; display: inline-block; margin-bottom: 3rem } .show-wrapper:after { display: block; height: 0; content: " "; clear: both; visibility: hidden; font-size: 0; } .show-wrapper .section-header h2 { margin-bottom: 14px } .show-wrapper .section-header a.search { position: absolute; right: 0; bottom: 15px; font-size: 1.2rem; -webkit-transition: color 0.35s ease-in-out; transition: color 0.35s ease-in-out } a.search i { font-size: 1.66rem; line-height: 2; height: inherit; margin-top: 8px; margin-left: 10px; } .filter-descrip { float: left; display: inline-block; margin: 10px 20px 10px 0; font-size: .889rem; font-family: 'Helvetica', sans-serif; } #map { width: 100%; height: 480px; } #contact { position: relative; height: 1px; margin: 0 auto; background: #fff } #contact .col.s12 { position: absolute; top: -160px } #contact section { padding: 1rem; background: rgba(255, 255, 255, 0.25) } #main #contact section h4 { margin-top: 0; padding: 0 0 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 1.675rem; letter-spacing: 1px; text-transform: uppercase } #main #contact .widget_text { margin: inherit; padding: inherit; background: none; } #contact p, #contact a, #contact h4, #contact address { color: #fff; font-weight: 400; font-size: 1rem } #contact h4 { font-size: 1.675rem } #contact p { margin-bottom: 0 } #contact i { margin-right: 5px; color: #fff; font-size: 18px; } #contact address { margin-bottom: 0; font-style: normal } .page-template-page-about #main { margin: 40px 0 } #venue-listing h3 { margin: 0; text-transform: uppercase; } #venue-listing .card .card-action a { color: #26a69a; } .page-template-page-about h1.entry-title { margin-top: 0 } #parking iframe { display: block; margin: 20px auto } #parking a { width: 100%; margin: 10px 0 20px; font-size: .845rem } .parking-wrapper { clear: both } .parking-wrapper img { display: block; max-width: 520px; height: auto; margin: 0 auto 10px auto } .parking-wrapper .parkingwidget { float: right } #backstretch-container { height: 685px } #backstretch-container .overlay { position: relative; height: 100%; width: 40%; float: right; background-color: rgba(0, 0, 0, 0.65) } #backstretch-container .social { text-align: center } #backstretch-container .social li { display: inline-block; list-style-type: none } #backstretch-container .social li a { display: inline-block; color: #fff } #backstretch-container .social i { font-size: 1.5rem } .absolute-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 315px; height: 320px; max-width: 100%; margin: auto } .section-container { position: relative; padding: 30px } .section-container .row { display: block; max-width: 820px; margin: 20px auto; padding: 20px 0 } .module.parallax-effect { position: relative; z-index: 1; height: 500px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover } .module.parallax-effect h2 { position: absolute; top: 50%; left: 50%; margin: auto; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list-view-item { position: relative; height: 260px; margin-left: 10px; margin-bottom: 2rem; padding: 20px; background: #fff; border: none; overflow: hidden } .list-view-item a.feat-img { float: left; max-width: 200px; margin-right: 20px; } .list-view-item a.feat-img img { opacity: 1; -webkit-transition: opacity 0.33s ease-in-out; transition: opacity 0.33s ease-in-out } .list-view-item a.feat-img img:hover { opacity: .5 } .list-view-item .list-view-details { float: left; max-width: 535px; margin-left: 10px } .list-view-item h1.headliners { width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 0; } .list-view-item h2.topline-info { width: 100%; margin-top: 0; margin-bottom: 0; text-transform: uppercase } .list-view-item h2.supports { margin-top: 8px; margin-bottom: 5px } .list-view-item h2.dates { float: left; margin: 0; padding: 4px 10px 10px 0 } .list-view-item h2.dates span { float: left; width: 100%; clear: both } .list-view-item .doors, .list-view-item .show { float: left } .list-view-item .doors { margin-right: 10px } .list-view-item a.tickets { position: absolute; right: 20px; bottom: 20px; background: #fba400; color: #fff } #secondary ul li i { float: right; color: #26a69a } #secondary iframe { display: block!important; } #secondary .fb_iframe_widget { display: block; max-width: 100%; padding: 0 20px; text-align: center } #secondary iframe#twitter-widget-0 { display: block; margin: 0 auto; text-align: center } #sidebar .card { margin-bottom: 2rem } /* Search Form */ .search-form { margin-bottom: 1rem } .search-form input { border-radius: 0; -webkit-appearance: none; } .search-form .screen-reader-text { display: none } .search-form .search-field { width: 70%; margin-right: 2%; font-size: 1.33rem; color: #B7B7B7; } .search-form .search-submit { position: relative; top: 5px; padding: .5rem 1rem; border: 1px solid #9e9e9e; background: none; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } /* Widgets */ #main .widget_text { margin: 0; padding: 0 0 1rem 0; background: #fff; font-weight: 300 } #main .widget-title { padding: 1rem; border-bottom: 4px solid #FAFAFA; font-size: 2.28rem; letter-spacing: 1px; text-transform: uppercase; text-align: center; } .widget-title { position: relative; } .widget-title::before { position: absolute; left: -25px; display: inline-block; font-family: "Font Awesome 5"; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } #widget-01 .widget_media_image { display: block; max-width: 180px; width: 100%; margin: 0 auto; } #widget-02 .widget-title { margin-bottom: 0; } #widget-02 p { font-size: 12px; } #widget-02 p:last-child { margin-bottom: 0; } #widget-02 a { position: relative; top: -10px; color: #939393; font-size: 14px; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #widget-02 a:hover { color: #fff; } #widget-03 a { color: #fff; font-size: 14px; } #widget-03 a:hover { opacity: .7; } #widget-03 ul { padding-left: 0; } #widget-03 ul li { margin-bottom: 5px; font-size: 14px; text-transform: uppercase; list-style-type: none; } #widget-03 ul.sub-menu { margin-top: 5px; } #widget-03 ul.sub-menu li { margin-bottom: 2.5px; text-transform: capitalize; } #widget-03 ul.sub-menu a { color: #939393; font-size: 12px; } #widget-03 .widget_nav_menu { display: inline-flex; margin-right: 30px; } #widget-03 .widget_nav_menu:last-child { margin-right: 0; } #social-widgets { background: #E0E0E0; } #social-widgets .col { width: 85%; max-width: 1000px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; } #social-widgets .jr-insta-thumb ul.thumbnails { padding: 0 15px; text-align: center; } #social-widgets .jr-insta-thumb ul.thumbnails li { margin-bottom: 20px!important; } #social-widgets .jr-insta-thumb ul.thumbnails li img { max-width: 90%!important; } #social-widgets .widget-title { margin-top: 10px; font-size: 1.666rem; } body, button, input, select, textarea { color: #262626; font-size: 16px; font-size: 1rem; line-height: 1.5; font-family: 'Roboto'; font-weight: 300; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; clear: both; } a { font-family: "Raleway", sans-serif; font-weight: 400; } ul#menu-filter-menu li a, ul#menu-event-filter-single-page li a, .show-wrapper .section-header a.search { font-family: 'Roboto'; } .page-footer h1, .page-footer h2, .page-footer h3, .page-footer h4, .page-footer h5 { color: #fff } #event-listing .section-header h2 { position: relative; display: inline-block; margin-bottom: 10px; font-weight: 400; text-transform: uppercase } #event-listing .section-header h2 span { color: #303030; font-size: 1.77rem; line-height: 100%; text-transform: capitalize; } .list-view-item h1 { font-size: 1.35rem; line-height: 3rem } .list-view-item h2 { font-size: 1.25rem; line-height: 2rem } .list-view-item h3 { font-size: 1.15rem; line-height: 1rem } .list-view-item h4 { font-size: 1rem } h1.headliners { text-transform: uppercase; line-height: 130% } h2.dates { font-size: 1.15rem; font-style: italic; text-align: center; letter-spacing: inherit } h2.dates span.word-1 { font-size: 1.4rem } h2.dates span.word-2 { font-size: 2.8rem; line-height: 100% } h2.dates span.word-3 { font-size: 1.2rem } h2.times { font-size: 1.1rem; line-height: 1.8rem } .card-event-listing .card-content .card-title, .card-event-listing .card-reveal .card-title { font-size: 1.275rem; line-height: 125%; } .card .card-content .card-title { font-family: 'Roboto'; font-size: 1.33rem; line-height: 135%; } p { margin-bottom: 1.5em; font-weight: 300 } a { -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; } dfn, cite, em, i { font-style: italic } address { margin: 0 0 1.5em } pre { font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: .9375rem; line-height: 1.6; max-width: 100%; margin-bottom: 1.6em; padding: 1.6em; background: #eee; overflow: auto; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: .9375rem } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } mark, ins { background: #fff9c0; text-decoration: none } big { font-size: 125% } a { color: #000 } .entry-content a { color: #26a69a; text-decoration: underline } .entry-content a.minimal { text-decoration: none; } .entry-content ul li { margin-bottom: 10px; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50% } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50% } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } embed, iframe, object { max-width: 100% } .wp-caption { max-width: 100%; margin-bottom: 1.5em; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto } .wp-caption .wp-caption-text { margin: 0.8075em 0 } .wp-caption-text { text-align: center } .gallery { margin-bottom: 1.6em } .gallery figure { margin: 0 } .gallery figure div { line-height: 0 } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100% } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-icon img { width: 100%; max-width: 100%; height: auto; margin: 0 auto } .gallery-caption { display: block; line-height: 1.5; padding: 0.5em 0 } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none } .gallery { margin-bottom: 1.5em } .gallery-caption { display: block } .show-wrapper { display: inline-block; margin-top: 3rem; margin-bottom: 3rem } .show-wrapper:after { display: block; visibility: hidden; font-size: 0; content: " "; clear: both; height: 0 } /* ========================================================================== 8.0 Event Listing - Card Layout ============================================================================= */ #events { position: relative; margin-top: 20px; } /* CSS Grid #events { display: grid; grid-gap: 0; grid-template-columns: repeat(auto-fit, minmax(297.5px, 1fr)); } #events .st-event.col, #events #st-event.col { width: 100%; } #events .st-event.col .card, #events #st-event.col .card { height: 100%; } */ #events .card .topline { height: 38px; overflow: hidden; } .card .topline, .card a.ticket-link { position: relative; z-index: 10; } .card { border-radius: 0; overflow: hidden; } .card .topline { padding: 5px; background: #fff; border-bottom: 1px solid #AAAAAA; text-transform: uppercase; overflow: hidden; } .topline .data-meta0, .topline .data-meta1, .data-meta3{ font-size: 12px; } .topline .data-meta0, .topline .data-meta1 { position: absolute; left: 42px; } .archive .topline .date { position: absolute; top: 9px; } .topline .data-meta0 { top: 3px; } .topline .data-meta1 { bottom: 3px; } .topline .data-meta2, .topline .data-meta3 { font-family: 'Helvetica', 'Arial', sans-serif; } .topline .data-meta2 { position: absolute; top: 2px; left: 8px; color: #212121; font-size: 24px; } .data-meta3 {position:absolute;left:8.5em;bottom:3px;} .topline span.location { float: right; margin-top: 3px; margin-right: 5px; text-align: right; line-height: 1.6; } .topline .location-meta1 { display: none; } .card .card-content, .card .card-reveal { border-radius: 0 } .card .card-title { margin-top: 2rem; margin-bottom: 1rem; padding: 10px; } .card .rescheduled { display: block; padding-bottom: 4px; font-size: 14px; line-height: 1; } .card .important {color:red;} .card a.ticket-link { color: #26a69a; font-weight: 600; letter-spacing: 1px; } .card .btn-wrapper a.ticket-link { position: absolute; bottom: 0; display: block; width: 100%; margin: 0; padding: 15px 1%; text-align: center; background: #26a69a; color: #fff; border: 1px solid #26a69a; text-transform: uppercase; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out } .card .btn-wrapper a.ticket-link:hover { background: #fff; border: 1px solid #26a69a; color: #26a69a; } .card .card-content a.ticket-link:hover { background: #fff; border: 1px solid #26a69a; color: #26a69a; } .card .card-content a.ticket-link.cancelled, .card .card-content a.ticket-link.free, .card .card-content a.ticket-link.notavailable, .card .card-content a.ticket-link.notonsale, .card .card-content a.ticket-link.onsalesoon, .card .card-content a.ticket-link.postponed, .card .card-content a.ticket-link.rescheduled, .card .card-content a.ticket-link.soldout, .single-event a.ticket-link.cancelled, .single-event a.ticket-link.free, .single-event a.ticket-link.notonsale, .single-event a.ticket-link.onsalesoon, .single-event a.ticket-link.postponed, .single-event a.ticket-link.rescheduled, .single-event a.ticket-link.soldout { background: #fff; border: 1px solid #26a69a; color: #26a69a; } .card .card-content a.ticket-link.cancelled:hover, .card .card-content a.ticket-link.free:hover, .card .card-content a.ticket-link.notavailable:hover .card .card-content a.ticket-link.notonsale:hover, .card .card-content a.ticket-link.onsalesoon:hover, .card .card-content a.ticket-link.postponed:hover, .card .card-content a.ticket-link.rescheduled:hover, .card .card-content a.ticket-link.soldout:hover, .single-event a.ticket-link.cancelled:hover, .single-event a.ticket-link.free:hover, .single-event a.ticket-link.notonsale:hover, .single-event a.ticket-link.onsalesoon:hover, .single-event a.ticket-link.postponed:hover, .single-event a.ticket-link.rescheduled:hover, .single-event a.ticket-link.soldout:hover { background: #26a69a; color: #fff; border: 1px solid #26a69a; } .card .card-reveal .card-title { padding-bottom: 8px; border-bottom: 1px solid #ccc } .card .card-reveal i { position: absolute; top: 10px; right: 10px } .card .card-reveal a { color: #26a69a } .card .card-reveal a i { position: relative; top: 6px; right: inherit } .card .card-reveal p { margin: 2.5px 0 } .card .card-content { position: relative; z-index: 10; width: 100%; padding-bottom: 55px; } .card .card-content h3 { width: 90%; margin: -40px auto 0; background: #fff; } .card .card-content h4 { margin-top: 0; margin-bottom: 5px; font-size: 18px; font-weight: 300 } .card .card-content a { margin-top: 2px; margin-bottom: 14px } .card .card-content a i { position: relative; top: 6px } .card .card-content p { font-weight: 100 } .card .card-content span i { position: absolute; top: 10px; right: 5px } .card a.ticket-link-reveal { float: left; margin-top: 2rem } .card .card-image img { border-radius: 0; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out } .card .card-image img:hover { opacity: .8 } .card .btn-flat { text-transform: inherit; color: #607d8b } #events .card-image img { width: 100%; height: 100%; -webkit-transform: scale(1.009); transform: scale(1.009); } #events .card-image img:hover { -webkit-transform: scale(1.025); transform: scale(1.025); } #venue-listing .card-content { width: inherit; min-height: 107px; padding: 15px 20px; } .btn, .btn-large, .btn-large { background: #000 } .btn:hover, .btn-large:hover, .btn-large:hover { background: #545454 } .home.page .slider .indicators .indicator-item.active { background-color: #000 } .page .slider { height: 580px; margin-bottom: 3rem } .page .slider .slides { height: 580px; background: #fff } .page .slider .slides img { position: relative; top: -22px; width: 1060px; height: 512px; max-width: 100% } .page .indicators { bottom: 30px; z-index: 10 } .page .indicators .indicator-item { margin: 0 6px; background: #fff } .page .indicators .indicator-item.active { background-color: #4db6ac } /* Carousel */ .page .carousel { height: auto; margin-top: 0px } .page .carousel .carousel-item { top: -25px; max-width: 425px; width: 100% } .page .carousel-controls { position: absolute; bottom: 0; display: block; margin: 0 auto } .page span.carousel-item { cursor: pointer } .page .current a { display: block; pointer-events: inherit; } #carousel-wrapper h3.center { margin-bottom: 30px; } .side-nav li { width: 100% } .modal .modal-footer { position: absolute; top: 10px; float: right; background: none } .modal .modal-footer a i:before { position: relative; top: 1px; float: right; margin-left: 10px; content: 'x'; font-style: normal } #modal-directions .container { margin-top: 20px } #main .container:first-child { margin-top: 0; margin-bottom: 0 } .hero-img { height: 600px; padding-top: 20px; } a.cal-cta { position: relative; top: 8px; float: right; margin-left: 15px; font-size: 18px; color: #26a69a; font-family: 'Helvetica', sans-serif; text-transform: capitalize } a.cal-cta span { position: absolute; top: 15px; right: -40px; margin-top: -16px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } a.cal-cta:hover span { -webkit-transform: translateX(4px); transform: translateX(4px); } a.cal-cta:hover, a.cal-cta:hover span { color: #303030; } .womh_navigation { display: inline-block; width: 100%; } /* ========================================================================== 9.0 Page Templates ============================================================================= */ .page-template-default #main, .page-template-page-templates #main, .search-no-results #main { padding: 20px 0; } /* Home Template */ .home #content { background: #E0E0E0 !important } .page-template-page-home .email-signup { float: right; margin-right: 20px } .page-template-page-home #main { text-align: left } .page-template-page-home #sidebar .section-header h4 { height: 44px; margin-top: 14px; margin-bottom: 0; } .page-template-page-home #sidebar .collection { margin-top: 0 } .page-template-page-home .all-shows { margin-top: 1rem } /* Raven Tower Template */ .page-template-page-raven-tower #main { display: block } .page-template-page-raven-tower #content form { margin-top: 25px; padding: 20px; background: #fff; } .page-template-page-raven-tower .section-header { margin: 2rem 0 3rem } .page-template-page-raven-tower .section-header h2 { font-weight: 400; text-transform: uppercase } .page-template-page-raven-tower #location { padding-top: 40px } .page-template-page-raven-tower iframe { margin: 10px 0 } .page-template-page-raven-tower #photomosaic .container, .page-template-page-raven-tower #photomosaic .row { width: 100%; max-width: 100% } .page-template-page-raven-tower #rt-contact h4, .page-template-page-raven-tower #rt-contact h5 { text-align: center } ul.hours li { list-style-type: none } ul.hours li:first-child { margin-bottom: 10px } ul.raven-tower-menu { margin-top: 3rem } ul.raven-tower-menu li { list-style-type: none } ul.raven-tower-menu img { display: block; max-width: 100%; height: auto; margin: 0 auto 1rem auto } /* One Column Template */ .page-template-template-one-col iframe { display: block; margin: 0 auto; } /* Gallery Template */ .page-template-template-galleries h1.entry-title { border-bottom: 1px solid #404040; } .page-template-template-galleries .entry-header { position: relative; margin-bottom: 30px; } .page-template-template-galleries .entry-header a.cta { position: absolute; top: 5px; right: 0; padding: 5px 10px; background: #26a69a; color: #fff; border: 1px solid transparent; font-size: 1.225rem; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .page-template-template-galleries .entry-header a.cta:hover { background: none; color: #26a69a; border-color: #26a69a; } #gallery { margin-bottom: 30px; } #gallery .card a { color: #26a69a; } #gallery .card h3 { margin: 0; font-size: 1rem; } #gallery .card-content { padding: 15px; } /* Responsive */ #events .card { min-height: 579px; } @media screen and (max-width: 1240px) { #events .card { min-height: 498px; } } @media screen and (max-width: 1120px) { #events .card { min-height: 460px; } } @media screen and (max-width: 990px) { #events .card { min-height: 738px; } } @media screen and (max-width: 800px) { #events .card { min-height: 638px; } } @media screen and (max-width: 600px) { #events .card { min-height: 579px; } } .card .card-image img { backface-visibility: hidden; } #sponsors { display: inline-block; width: 98%; padding: 6px 1% 6px 1%; } #sponsors .container .col { margin: 0 auto; text-align: center; } #sponsors .sponsor-wrapper { display: inline-block; margin: 0 auto; padding-top: 5px; text-align: center; } #sponsors h3 { position: relative; top: 6px; float: left; margin-bottom: 10px; margin-right: 18px; font-size: 18px; text-transform: uppercase; clear: none; } #sponsors ul { float: left; margin: 0; padding: 0; } #sponsors ul li { display: inline-block; margin-right: 10px; list-style-type: none; } #sponsors ul li a { display: block; } #sponsors ul li:last-child { margin-right: 0; } #sponsors ul li:last-child img { position: relative; top: 1px; max-height: 55px; } #sponsors img { max-height: 50px; } #sponsors a.btn { position: relative; float: left; width: 175px; height: inherit; max-width: 100%; margin: 4px 10px 0 0; padding: 10px; background: #fff; color: #26a69a; border: 2px solid #26a69a; font-size: 11px; font-weight: 600; line-height: 1.666; box-shadow: none; } #sponsors a.btn:hover { background: #26a69a; color: #fff; } /* Centered Template */ .page-template-template-centered #main .col { float: none; display: block; margin: 0 auto; padding-right: 20px; padding-left: 20px; } .page-template-template-centered .entry-header h1 { font-size: 2.92rem; } .page-template-page-faq #main .container .row .col { float: none; display: block; margin: auto; } .page-template-page-faq .entry-header, .page-template-page-ticketing .entry-header, .page-template-page-gift-cards .entry-header, .page-template-template-centered .entry-header, .page-template-page-gift-cards-faq .entry-header { margin-bottom: 20px; border-bottom: 1px solid #121212; } .page-template-page-faq .entry-header h1, .page-template-page-ticketing .entry-header h1, .page-template-page-gift-cards .entry-header h1, .page-template-template-centered .entry-header h1, .page-template-page-gift-cards-faq .entry-header h1 { margin-bottom: 10px; } .page-template-page-gift-cards .center a:hover { color: #26a69a; } /* Centered Social Footer */ .page-template-template-social-footer h1.entry-title { border-bottom: 1px solid #404040; } .page-template-template-social-footer .row .col.l8 { float: none; display: block; margin: auto; } .page-template-template-social-footer #secondary { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(420px, auto); } /* Ticketing */ .page-template-page-ticketing #main { padding-bottom: 0; } .page-template-page-ticketing .row .col.l8 { float: none; display: block; margin: auto; } .page-template-page-ticketing .card-content a { color: #26a69a; } .page-template-page-ticketing .card-content a:hover { color: #121212; } .page-template-page-ticketing .card-content { margin: 40px auto; } .page-template-page-ticketing .card-content a.btn { min-height: 40px; background: #26a69a; color: #fff; border: 1px solid transparent; font-family: 'Roboto', sans-serif; } .page-template-page-ticketing .card-content a.btn:hover { background: #fff; color: #26a69a; border-color: #26a69a; } .page-template-template-social-footer #main { padding-bottom: 0; } .page-template-page-ticketing #secondary { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; grid-auto-rows: minmax(420px, auto); } /* Private Events */ .page-template-page-private-events h2 { font-size: 2.618rem; text-transform: uppercase; } .page-template-page-private-events h2, .page-template-page-private-events h3, .page-template-page-private-events #content a { font-weight: 600; } .page-template-page-private-events h2, .page-template-page-private-events h3 { letter-spacing: 1px; } .accordion-container h3 { font-size: 1.563rem; letter-spacing: .5px; font-weight: 300; text-transform: uppercase; } .accordion-container #spaces h3 { position: relative; top: 3px; } .accordion-container ul li { letter-spacing: .5px; } .accordion-container ul li a { padding: 0 5px; font-weight: normal; background: none; } .accordion-container #rt li a { margin-right: 10px; color: #121212; } .accordion-container #rt li a:hover { color: #fff; } .accordion-container #rt li:last-child a { margin-right: 0; } #raven-tower .spaces { text-align: right; } #raven-tower .spaces ul, #raven-tower .spaces ul li:last-child { margin-right: 0; } /* Private Events */ #raven-tower .spaces { text-align: right; } #raven-tower .spaces ul, #raven-tower .spaces ul li:last-child { margin-right: 0; } .page-template-page-private-events #main { padding-top: 0; padding-bottom: 0; } .page-template-page-private-events #faq { padding-top: 40px; padding-bottom: 10px; } .page-template-page-private-events #faq .row .col { float: none; } .page-template-page-private-events .hero-img { height: 70vh; max-height: 960px; } .cta-wrapper { position: absolute; top: 0; right: 12.5px; margin: 0; padding: 0; overflow: hidden } .page-template-page-private-events .cta-wrapper a.btn, .page-template-page-private-events-services .cta-wrapper a.btn { position: relative; float: left; width: 110px; max-width: 100%; height: inherit; margin: 12.5px 10px 0 0; padding: 10px; font-size: 11px; line-height: 1.666; font-weight: 600; border: 2px solid #26a69a; background: #26a69a; box-shadow: none; } .page-template-page-private-events .cta-wrapper a.btn:last-child, .page-template-page-private-events-services .cta-wrapper a.btn:last-child { margin-right: 0; } .page-template-page-private-events .cta-wrapper a.btn:hover, .page-template-page-private-events-services .cta-wrapper a.btn:hover { background: none; } .page-template-page-private-events h2, .page-template-page-private-events h3 { margin-bottom: 20px; text-transform: uppercase; } .page-template-page-private-events h3 { font-size: 24px; text-align: center; color: #333; } .page-template-page-private-events a.btn { width: 240px; max-width: 100%; height: 55px; margin: 0 1%; padding: 10px 0; background: #26a69a; color: #fff; border-radius: 0; text-decoration: none; font-weight: 600; } .page-template-page-private-events a.btn:hover { color: #fff; } .page-template-page-private-events .hero-section { position: relative; height: inherit; width: 100%; padding: 0; clear: both; } .page-template-page-private-events .hero-section .hero-img { position: relative; } .page-template-page-private-events .hero-section h1 { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 30px 20px 40px 20px; background: rgba(0,0,0,.8); color: #fff; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; } .page-template-page-private-events .hero-section h1 span { position: relative; top: 8px; font-size: 44px; margin-right: 20px; } .page-template-page-private-events .hero-section h2 { text-align: center; } .page-template-page-private-events .hero-section h2 span { font-size: 2.33rem; font-weight: 400; text-transform: capitalize; } .page-template-page-private-events .hero-section p { width: 600px; max-width: 100%; margin: 0 auto 20px auto; } .page-template-page-private-events .hero-section a.btn { display: flex; justify-content: center; align-items: center; margin: auto; } .page-template-page-private-events .hero-section a.btn:hover { background: #fff; color: #26a69a; } .page-template-page-private-events .hero-section#private-events { height: 700px; } .page-template-page-private-events .hero-section#private-events aside { float: right; width: 580px; max-width: 100%; height: 100%; background: rgba(0,0,0,.8); } .page-template-page-private-events .hero-section#private-events .entry-content { padding-top: 40px; width: initial; } .page-template-page-private-events .hero-section#private-events, .page-template-page-private-events .hero-section#private-events h1, .page-template-page-private-events .hero-section#private-events h2, .page-template-page-private-events .hero-section#private-events h3, .page-template-page-private-events .hero-section#private-events h4, .page-template-page-private-events .hero-section#private-events p { color: #fff; } .page-template-page-private-events .hero-section#private-events h2 { margin-bottom: 30px; } .page-template-page-private-events .hero-section#private-events h3 { font-weight: 300; line-height: 1.25; text-transform: none; text-align: left; } .page-template-page-private-events .hero-section#private-events a.btn { display: block; width: 240px; height: 40px; margin: 0 auto; padding-top: 5px; } .cbp-content a.btn { display: block; height: 40px; margin: 0 auto; padding-top: 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .cbp-content a.btn:hover { background: #fff; color: #26a69a; } .page-template-page-private-events #womh:focus, .page-template-page-private-events #private-events-gallery:focus { outline: none; } #private-events-gallery ul.gallery { display: inline-block; width: 100%; margin-top: 0; } #private-events-gallery ul.gallery li { list-style: none; } .page-template-page-private-events #private-events-gallery a { display: inline-block; width: 300px; height: 300px; margin-bottom: 20px; overflow: hidden; } .page-template-page-private-events #private-events-gallery a img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .page-template-page-private-events #private-events-gallery a:hover img { opacity: .9; -webkit-transform: scale(1.05); transform: scale(1.05); } .page-template-page-private-events .inner-content { padding: 0 20px; } .page-template-page-private-events .spaces { padding: 90px 0; } .page-template-page-private-events .spaces a { position: relative; display: inline-block; width: 100%; overflow: hidden; } .page-template-page-private-events .spaces a.img-link { /* height: 400px; */ overflow: hidden; } .page-template-page-private-events .spaces a img { width: 100%; object-fit: cover; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .page-template-page-private-events .spaces a:hover img { opacity: .9; -webkit-transform: scale(1.05); transform: scale(1.05); } .page-template-page-private-events .spaces header { text-align: center; } .page-template-page-private-events .spaces .row { position: relative; } .page-template-page-private-events .spaces a.btn { position: absolute; bottom: -55px; display: none; width: 100%; margin: 0; border: 4px solid transparent; } .page-template-page-private-events .spaces a.btn:hover { background: #fff; color: #26a69a; border-color: #26a69a; } .page-template-page-private-events .spaces .wrapper { position: relative; border-bottom: 4px solid #26a699; } .page-template-page-private-events .spaces .wrapper:hover a.btn { display: flex; align-content: center; justify-content: center; align-items: center; box-shadow: none; } .page-template-page-private-events .spaces .space { margin-bottom: 80px; } .page-template-page-private-events #womh.spaces { padding-bottom: 100px; background: #f5f5f5; } .page-template-page-private-events #womh.spaces header { margin-bottom: 30px; } .page-template-page-private-events #womh.spaces header img { width: 275px; } .page-template-page-private-events #womh.spaces .wrapper:hover { background: #fff; } .page-template-page-private-events #rt.spaces { padding-top: 160px; background: #fff; } .page-template-page-private-events #rt.spaces .row { position: relative; } .page-template-page-private-events #rt.spaces header img { position: absolute; top: -240px; right: 0; left: 0; margin: auto; width: 190px; } .page-template-page-private-events #rt.spaces .wrapper:hover { background: #f5f5f5; } .page-template-page-private-events .vertical-text { font-size: 36px; letter-spacing: 2px; margin-top: 0; } .page-template-page-private-events #womh.spaces .vertical-text { top: 175px; right: -90px; } .page-template-page-private-events #rt.spaces .vertical-text { left: 0; transform-origin: left top 0; } .page-template-page-private-events #private-events-gallery { display: inline-block; width: 100%; margin: 60px auto; } .page-template-page-private-events #private-events-gallery .col.three-img { width: 20%; max-width: 100%; } .page-template-page-private-events #private-events-gallery .col.two-img { width: 42%; max-width: 100%; } .page-template-page-private-events #private-events-gallery .col.one-img { width: 38%; max-width: 100%; } .page-template-page-private-events #private-events-gallery .col img { width: 100%; } .page-template-page-private-events #private-events-gallery .col.two-img img { margin-bottom: 12.75px; } .page-template-page-private-events #private-events-gallery .col.three-img img { margin-bottom: 12px; } .page-template-page-private-events #private-events-gallery .two-col { float: left; width: 48.33%; max-width: 100%; padding: 0 10px; } .capacity { margin: 60px; } .capacity h4 { font-size: 21px; } .capacity table { margin-top: 20px; background: #fff; } .capacity thead tr { background: #a8a8a8; } .capacity thead th { color: #fff; font-weight: 300; border: 1px solid #868686; border-bottom: 0; font-size: 18px; } .capacity th, .capacity td { padding: 10px 5px; text-align: center; border-radius: 0; } .capacity td { border: 1px solid #868686; } #services { background: #e0e0e0; } #services .service-links { display: inline-block; width: 360px; max-width: 100%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } #services .service-links nav { box-shadow: none; } #services .col { position: relative; float: left; min-height: 600px; width: 46%; padding: 4% 2%; } #services .overlay header, #services .overlay .link-wrapper { float: left; height: 280px; padding-top: 20px; overflow: hidden; } #services .cbp-contentslider .overlay { position: inherit; left: inherit; right: inherit; display: block; margin: auto; text-align: center; } #services .cbp-contentslider .overlay nav a { text-align: left; } .hero-img { height: 720px; width: 100%; } .hero-section .entry-content { max-width: 100%; margin: auto; padding: 30px 0 50px; } .page-template-page-private-events #gallery { margin: 60px 0; background: url('assets/images/womh-gallery-exterior-texture.jpg') top left no-repeat; } .page-template-page-private-events #gallery #hero { width: 1640px; max-width: 100%; height: 800px; } .page-template-page-private-events .owl-carousel { margin: -170px 0 0 175px; padding: 10px; } /* Private Events - Services */ .page-template-page-private-events-services #main { padding: 0; } .page-template-page-private-events-services #planning .service-links { display: block; width: 100%; } .page-template-page-private-events-services .cbp-contentslider { height: inherit; } .page-template-page-private-events-services .cbp-contentslider header { width: 20%; } .page-template-page-private-events-services .cbp-contentslider header, .page-template-page-private-events-services .cbp-contentslider .overlay .link-wrapper { height: 90px; padding-top: 40px; } .page-template-page-private-events-services .cbp-contentslider .overlay { position: inherit; top: inherit; left: inherit; margin-top: 0; } .page-template-page-private-events-services .cbp-contentslider .overlay a { display: inline-block; width: initial; margin-right: 20px; border: 0; } .page-template-page-private-events-services .cbp-contentslider .overlay a:last-child { margin-right: 0; } .page-template-page-private-events-services .cbp-contentslider .overlay a.rc-active:before { display: none; } .page-template-page-private-events-services .cbp-contentslider .overlay .link-wrapper { width: 76%; padding-right: 2%; padding-left: 2%; } .page-template-page-private-events-services .cbp-contentslider>ul li { position: initial; height: initial; top: initial; left: initial; } .page-template-page-private-events-services .cbp-contentslider .service-slides .col { min-height: 500px; } .page-template-page-private-events-services .cbp-contentslider .service-slides .col:first-child { width: 56%; } .page-template-page-private-events-services .cbp-contentslider .service-slides .col:last-child { width: 36%; } .page-template-page-private-events-services .cbp-contentslider .inner-wrap { padding: 0; } .page-template-page-private-events-services .service-slides li { display: table; content: ""; clear: both; outline: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-template-page-private-events-services .service-slides li:nth-child(even) .col { float: right; background: #fff; } .page-template-page-private-events-services a.btn { display: block; width: 240px; max-width: 100%; height: 40px; margin: 15px auto; padding: 5px 0 0; font-weight: 600; background: #26a69a; color: #fff; border-radius: 0; text-decoration: none; } .page-template-page-private-events-services .vertical-text { position: inherit; float: none; padding-left: 20px; color: #fff; transform: none; } .page-template-page-private-events-services .service-slides nav { display: none; } @media screen and (max-width: 1160px) { .page-template-page-private-events-services .cbp-contentslider header { width: 100%; } .page-template-page-private-events-services .cbp-contentslider .overlay .link-wrapper { width: 96%; } .page-template-page-private-events-services .cbp-contentslider header, .page-template-page-private-events-services .cbp-contentslider .overlay .link-wrapper { text-align: center; } } @media screen and (max-width: 800px) { .page-template-page-private-events-services .cbp-contentslider .overlay .link-wrapper { display: none; } } @media screen and (max-width: 600px) { .page-template-page-private-events-services .service-slides li:nth-child(even) .col { float: left; } .page-template-page-private-events-services .cbp-contentslider .service-slides .col { min-height: 300px; } .page-template-page-private-events-services .cbp-contentslider .service-slides .col:first-child, .page-template-page-private-events-services .cbp-contentslider .service-slides .col:last-child { width: 96%; } } /* Gift Cards */ #gc-form label { display: inline-block; width: 100%; font-weight: 600; } #gc-form label input { margin-top: 5px; border: 1px solid #9e9e9e; text-indent: 10px; } #gc-form label input:focus { border-color: #26a69a; box-shadow: none; } #gc-form label input[type="submit"] { font-weight: 600; text-indent: 0; } .click-thru { width: 100%; height: 100%; } .click-thru a { display: flex; justify-content: center; align-items: center; margin: auto; width: 200px; max-width: 100%; } .click-thru a.cta { background: #26a69a; border: 1px solid #26a69a; } .click-thru a.cta:hover { background: none; color: #26a69a; border: 1px solid #26a69a; } .click-thru .wrapper { height: 250px; margin-bottom: 30px; overflow: hidden; } .click-thru .wrapper a.btn { height: 100%; width: 100%; font-size: 1.64rem; font-weight: 600; box-shadow: none; background: #E0E0E0; color: #333; border: 1px solid transparent; } .click-thru .wrapper a.btn:hover { background: #fff; color: #121212; border: 1px solid #616161; } .click-thru .wrapper.buy a.btn { position: relative; background: #303e47 url('assets/images/womh-e-gift-card-2018.jpg') no-repeat center center; color: #fff; opacity: 1; border: 4px solid #26a69a; -webkit-backface-visibility: hidden; } .click-thru .wrapper.buy a.btn span { position: absolute; bottom: -46px; left: 0; height: 45px; width: 100%; padding: 10px 20px; background: #26a69a; font-size: 1rem; line-height: 1.35; border-top: 4px solid #26a69a; } .click-thru .wrapper.buy a.btn:hover span { bottom: 0; background: #fff; color: #26a69a; } .click-thru .wrapper.redeem { background: #E0E0E0; border: 1px solid #E0E0E0; } .click-thru .wrapper.redeem a.btn { background: #2E2E2E; color: #fff; } .click-thru .wrapper.redeem a.btn:hover { background: #fff; color: #26a69a; } .page-template-page-gift-cards ul.collapsible { margin-top: 3rem; } .page-template-page-gift-cards .site-main { margin-bottom: 20px; } .page-template-page-gift-cards .site-main h4 { margin: 10px 0 25px; font-family: 'Roboto', sans-serif; font-weight: 300; } .page-template-page-gift-cards .contact-widget { text-align: center; } .page-template-page-gift-cards .small-print { margin-top: -10px; font-style: italic; } /* GiftUp! Overrides */ #gift-up-logo-text { display: none; } /* Notification Bar Overrides */ .page #wpfront-notification-bar div, .page #wpfront-notification-bar a { margin:5px; letter-spacing: 1px; font-family: 'Roboto'; } .page #wpfront-notification-bar.wpfront-fixed table { padding: 5px 0; } .page #wpfront-notification-bar a { margin: 0; padding: 10px 20px; border-radius: 0; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; } .page #wpfront-notification-bar a:hover { background: none; color: #026a68; border-color: #026a68; } #wpfront-notification-bar div.wpfront-close { top: 0; display: flex; justify-content: center; align-items: center; right: 20px; height: 100%; margin: 0; padding: 0; border: 0!important; font-size: 18px; } #wpfront-notification-bar div.wpfront-close:hover { color:#026a68; } @media screen and (max-width: 450px) { .page #wpfront-notification-bar .wpfront-message { width:325px; line-height:1.5em; } } @media screen and (max-width: 414px) { .click-thru .wrapper { height: inherit; margin-bottom: 20px; } .click-thru .wrapper a.btn { width: 100%; height: 40px; font-size: inherit; } .click-thru .wrapper.buy a.btn span { bottom: inherit; } } /* 404 */ .error404 #main { margin: 30px 0; } .error404 h1.page-title { margin-top: 0; } .error404 .search-form .search-field { margin-bottom: 0; } /* Accordion Component */ .accordion-container h3, .accordion-container ul li { color: #fff; } .accordion-container { position: relative; z-index: 100; padding: 0 20px; background: #121212; } .accordion-container h3 { text-transform: uppercase; } .accordion-container h3, .accordion-container ul, .accordion-container ul li { display: inline-block; } .accordion-container h3 { position: relative; top: 2px; margin-bottom: 0; color: #26a69a; } ul.accordion-nav { margin-left: 10px; margin-right: 10px; } ul.accordion-nav li { margin: 0 10px; text-transform: uppercase; } ul.accordion-nav a { color: #6e6e6e; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; } ul.accordion-nav a.active, ul.accordion-nav a:hover { color: #26a69a; background: none; } .accordion, .accordion ul li, .accordion div.bkg, .accordion div.entry-content { height: 80vh; max-height: 750px; } .accordion { width: 100%; margin: 0 auto; background: #121212; overflow: hidden; } .accordion ul { width: 100%; display:table; table-layout:fixed; margin:0; padding:0; } .accordion ul li {position: relative; display: table-cell; vertical-align: top; width: 16.666%; background-repeat:no-repeat; background-position:center center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .accordion div { display:block; width: 100%; overflow: hidden; } .accordion .bkg { display: block; width: 100%; padding: 15px 20px; position: relative; z-index: 3; vertical-align: bottom; color: #fff; box-sizing: border-box; text-decoration: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .accordion .entry-content { opacity: 0; position: absolute; top: 0; left: 0; z-index: 10; width: 520px; max-width: 100%; padding: 40px; background: #fff; } .accordion .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); } .accordion .overlay h4 { position: absolute; bottom: 20px; right: 10px; font-size: 1rem; text-transform: uppercase; opacity: .2; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; } .accordion .overlay h4:before { position: absolute; top: -10px; display: inline-block; height: 1px; width: 20px; content:''; background: #fff; } .accordion li .bkg { /* max-width: 1135px; */ } .accordion#white-oak li:nth-child(1) .bkg { background: url('assets/images/womh-lawn-hero-2018.jpg') repeat top center; } .accordion#white-oak li:nth-child(2) .bkg { background: url('assets/images/womh-downstairs-hero-2018.jpg') repeat top center; } .accordion#white-oak li:nth-child(3) .bkg { background: url('assets/images/womh-upstairs-hero-2018.jpg') repeat top center; } .accordion#raven-tower li:nth-child(1) .bkg { background: url('assets/images/rt-bar-patio-hero-2018.jpg') repeat top center; } .accordion#raven-tower li:nth-child(2) .bkg { background: url('assets/images/rt-pavilion-hero-2018.jpg') repeat top center; } .accordion#raven-tower li:nth-child(3) .bkg { background: url('assets/images/rt-outside-hero-2018.jpg') repeat top center; } .accordion ul { margin: 0 auto; } .accordion ul:hover li, .accordion ul:focus-within li { width: 8%; } .accordion ul li:focus { outline: none; } .accordion li.active-slide, .accordion li.active-rt-slide { width: 60%!important; max-width: 1120px; } .accordion li.active-rt-slide .entry-content { right: 0; left: inherit; } .accordion li.active-slide h4, .accordion li.active-rt-slide h4 { opacity: 1; } .accordion li.active-rt-slide h4 { left: 20px; right: inherit; } .accordion li.active-slide .entry-content, .accordion li.active-rt-slide .entry-content { opacity: 1; } .accordion li.active-slide .overlay, .accordion li.active-rt-slide .overlay { background: rgba(0,0,0,0); } .accordion#raven-tower .entry-content { right: 0; left: inherit; } .accordion ul:hover li:hover a *, .accordion ul li:focus a *, .accordion ul:focus-within li:focus * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .accordion ul li { width: 8% !important; } .accordion ul li a * { opacity: 0 !important; } .accordion ul li:hover { width: 60% !important; } .accordion ul li:hover a * { opacity: 1 !important; -webkit-transform: translateX(0); transform: translateX(0); } /* Planning Slider */ .page-template-page-private-events .cbp-contentslider header .vertical-text { position: relative; top: 30px; float: none; color: #fff; font-size: 36px; } .cbp-contentslider header, .cbp-contentslider .link-wrapper { float: left; height: 280px; padding-top: 20px; overflow: hidden; } .cbp-contentslider { position: relative; width: 100%; height: 500px; margin: 0 auto; overflow: hidden; } .cbp-contentslider header { position: relative; width: 70px; background: rgba(38,166,154,.9); } .cbp-contentslider .link-wrapper { width: 250px; padding-right: 20px; padding-left: 20px; background: rgba(0,0,0,.9); } .cbp-contentslider a { padding: 0; color: #fff; border-bottom: 1px solid #696969; list-style-type: none; } .cbp-contentslider a:last-child { border-bottom: 0; } .cbp-contentslider a.button { color: #26a69a; text-decoration: none; border: 0; } .cbp-contentslider a.button:hover { color: #fff; } .cbp-contentslider>ul { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; list-style: none; } .cbp-contentslider>ul li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .cbp-contentslider .overlay { position: absolute; top: 50%; left: 40px; z-index: 500; margin-top: -150px; } .cbp-contentslider .service-slides .col { min-height: 600px; float: left; width: 46%; padding: 4% 2%; } .cbp-contentslider .service-slides .inner-wrap { max-width: 760px; width: 98%; margin: 10px auto 0 auto; } .cbp-contentslider .service-slides h3 { margin-bottom: 20px; padding-top: 40px; } .cbp-contentslider>ul li:target { z-index: 100 } .cbp-contentslider nav a { display: block; overflow: hidden; letter-spacing: .1em; line-height: 3; font-weight: 400; -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out; transition: color .2s ease-in-out, background-color .2s ease-in-out } .cbp-contentslider nav a.rc-active, .cbp-contentslider nav a:hover { color: #26a69a } .cbp-contentslider ul li h3 { margin-top: 0; margin-bottom: 0; } .cbp-contentslider li>div { width: 100%; padding: 0 1em; overflow-x: hidden; overflow-y: auto } #news { padding: 60px 0; background: #fff; } #news img { display: block; margin: auto; } #news div header:last-child { margin-top: 10px; } #news ul li { display: inline-block; width: 100%; padding: 10px 0 20px; border-bottom: 1px solid #6e6e6e; list-style-type: none; } #news ul li:last-child { padding-bottom: 0; border-bottom: 0; } #news ul li a:hover { color: #26a69a; } #news .col header { min-height: 70px; } #news .col:last-child img { position: relative; top: 12px; } .news-items { margin-bottom: 0; } #news span, #news a { float: left; } #news span { width: 20%; } #news a { width: 80%; } #booking { padding: 100px 0; background: #DADADA; } @media screen and (max-width: 800px) { .accordion, .accordion ul li, .accordion div.bkg, .accordion div.entry-content { position: inherit; height: auto; max-height: inherit; display: block; width: 100%; } .accordion-y { overflow: visible; } .accordion ul li { width: 100%!important; } .accordion li .bkg { height: 400px; opacity: 1; } .accordion .overlay { background: none; } .accordion li.active-slide, .accordion li.active-rt-slide { width: 100%!important; } .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { position: relative; display: table; width: 100%; table-layout: fixed; -webkit-transition: none; transition: none; } .accordion .entry-content { position: inherit; width: 100%; opacity: 1; } .cbp-contentslider { height: 700px; } } /* About */ #ticketing a { color: #26a69a; } #ticketing a:hover { color: #121212; } #ticketing a.btn { color: #fff; } #ticketing a.btn:hover { color: #26a69a; } /* Single Event */ .single-post { background: #fff; } .single-post #content { margin: 40px 0; background: #fff!important; } .single-post row { margin-bottom: 0; } .single-event a.ticket-link { display: block; max-width: 300px; width: 100%; margin: 20px 0 0; padding: 15px 1%; background: #26a69a; color: #fff; border: 1px solid #26a69a; text-align: center; text-transform: uppercase; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; } .single-event a.placeholder { display: inline-block; border: 1px solid #212121; } .single-event a.ticket-link:hover { background: #fff; border: 1px solid #26a69a; color: #26a69a; } .single-event .feat-image { display: inline-block; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; } .single-event .feat-image img { border: 1px solid #212121; } .single-event .feat-image.placeholer { } .single-event .feat-image:hover { opacity: .8; } .single-event a.cal-cta { float: left; margin-left: 0; } .single-event a.cal-cta span { position: relative; top: 15px; right: inherit; float: left; margin-right: 10px; } .single-event .date { font-size: 24px; } .single-event .entry-title { margin-top: 0; font-size: 2.92rem; clear: none; } .single-event .event-content { font-size: 1.2rem; } .single-event .event-content .date h4 { font-family: 'Roboto', sans-serif; font-size: 1.33rem; font-weight: 300; } .single-event .event-content p { margin-bottom: 0; } #breadcrumbs { margin-bottom: 20px; text-transform: uppercase; } /* Calendar */ .custom-calendar-wrap .custom-header h3 { display: inline-block; width: 100%; padding: 20px 0; } .fc-calendar .fc-row>div>span.fc-date { font-size: 18px; } .fc-calendar .fc-row>div>div { margin-top: 30px; } /* Search */ #animatedModal { display: none; } #animatedModal.animatedModal-on { display: inherit; z-index: 999!important; background-color: rgba(255, 255, 255, 0.95)!important; } #animatedModal .modal-content form { margin-top: 40px; text-align: center; } .search-component { display: inline-block; display: flex; align-items: center; width: 100%; min-height: 140px; background: #3d3d3d; } .search-component .close-animatedModal { position: absolute; top: 0; right: 10px; color: #fff; text-align: right; font-size: .889rem; } .search-component .close-animatedModal span { display: inline-block; margin: 8px 9px 0; position: relative; top: 4px; font-size: 1.33rem; cursor: pointer; } .search-component .close-animatedModal { -webkit-transition: .2s ease-out; transition: .2s ease-out; } .search-component .close-animatedModal:hover, .search-component .close-animatedModal span:hover { color: #26a69a; } .search-component .search-form label { position: relative; } .search-component .search-form .search-submit { background: #26a69a; color: #fff; border-color: #26a69a; font-size: 1.2rem; -webkit-transition: .2s ease-out; transition: .2s ease-out; } .search-component .search-form .search-submit:hover { background: none; color: #26a69a; } .search-component .search-form .search-input_highlight { position: absolute; z-index: 10; left: 0; bottom: -13px; overflow: hidden; min-width: 14px; max-width: 100%; height: 0; border-radius: 2px; border-top: 1px solid #26a69a; color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .search-component input[type=search]:focus:not([readonly]) { color: #fff; } .search-component .container {margin: 15px auto;} .probox .orig {font-size:15px!important;} /* Search Results */ .search-results .secondary-contact { display: none; } .search-results #primary { margin-top: 10px; margin-bottom: 40px; } /* Password Protected */ .post-password-required header.entry-header { border: 0; margin-bottom: 30px; } .post-password-required header.entry-header h1.entry-title { margin-bottom: 0; font-size: 2.618rem; text-transform: uppercase; } form.post-password-form label input { width: 60%; } form.post-password-form input[type=submit] { width: 30%; height: 40px; background: #303030; color: #fff; border: 1px solid transparent; -webkit-transition: .25s ease-out; transition: .25s ease-out; } form.post-password-form input[type=submit]:hover { background: none; color: #303030; border: 1px solid #303030; } /* ========================================================================== 10.0 Plugin Overrides ============================================================================= */ /* * Selected Fade styles from: * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden * */ @-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* Owl Carousel */ .owl-carousel { height: 280px; padding: 40px 0; text-align: center; } .slide-content { border: 10px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; } .slide-content .caption { position: absolute; top: 50%; width: 365px; max-width: 100%; } .slide-content figcaption, .owl-nav button { height: 110px; } .owl-nav { position: absolute; top: 50%; width: 100%; } .owl-nav button { position: absolute; margin: 5px; opacity: .8; } .owl-nav button:hover { opacity: 1; } .owl-nav button span { font-size: 44px; color: #fff; } .owl-nav .button.owl-prev { left: 0; } .owl-nav .button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top: 45px; background: #080808; width: 30px; height: 30px; margin: 0 5px!important; padding: 20px!important; opacity: .9; } .owl-carousel .owl-nav button.owl-next { left: -100px; } .owl-carousel .owl-nav button.owl-prev { left: -190px; } .owl-carousel .owl-dots { position: relative; top: 20px; } .owl-carousel .owl-dots button span { font-size: 44px; color: #fff; } .owl-carousel .owl-dots button.owl-dot { margin: 0 5px!important; padding: 10px!important; background: #fff; border: 1px solid #C3C3C3; } .owl-carousel .owl-dots button.active, .owl-carousel .owl-dots button:hover { background: #080808; } .owl-nav button span { position: relative; top: 8px; line-height: 0;} /* Lightbox */ #playPause { display: none; } /* * Ajax Search Lite */ #mCSBap_1_container { height: 140%!important; } div[id*='ajaxsearchlite'].wpdreams_asl_container { width: 960px!important; max-width: 100%!important; margin: 0 auto!important; } div.asl_w .mCustomScrollBox { margin: 0 auto!important; } #page div.asl_w .probox .proinput input, #ajaxsearchlite1 .probox .proinput input, #ajaxsearchliteres1.asl_r .results span { font-family: 'Roboto', sans-serif!important; font-size: 1rem!important; text-transform: capitalize!important; } #page div.asl_w { background-color: inherit!important; background-image: none!important; } #page div.asl_w input:placeholder { color: #fff!important; text-transform: capitalize!important; } #page div.asl_w input::placeholder { color: #9e9e9e!important; opacity: 1; } #page div.asl_w input:-ms-input-placeholder { color: #9e9e9e!important; } #page div.asl_w input::-ms-input-placeholder { color: #9e9e9e!important; } #page div.asl_w .probox { width: 960px!important; margin: 0 auto!important; padding: 10px 0!important; border-bottom: 1px solid #9e9e9e!important; } #page div.asl_w .probox, #ajaxsearchlite1 .probox { background-color: inherit!important; border-top: 0!important; border-left: 0!important; border-right: 0!important; background-image: none!important; } #page div.asl_w .probox:focus, #ajaxsearchlite1 .probox:focus { border-bottom: 1px solid #26a69a!important; box-shadow: 0 1px 0 0 #26a69a!important; } #page #ajaxsearchlite1 .probox .proinput { margin-left: 0!important; } #page div.asl_w .probox .promagnifier { background: none!important; background-color: inherit!important; background-image: none!important; } #page .asl_m .probox .innericon { background: none!important; background-image: none!important; } #page div.asl_m .probox .prosettings .innericon svg, #page div.asl_m .probox .promagnifier .innericon svg, #page div.asl_m .probox .proloading svg { width: 27px!important; } #ajaxsearchliteres1.asl_r .results .asl_nores { padding: 20px 25px!important; line-height: 1.3!important; } #ajaxsearchliteres1.asl_r .results .asl_nores_header { font-size: 18px!important; } #ajaxsearchliteres1.asl_r .asl_nores_header { display: block!important; margin: 0 auto!important; text-align: center!important; text-transform: uppercase!important; } #ajaxsearchliteres1.asl_r .asl_nores_header { color: #222!important; font-size: 18px!important; } #ajaxsearchliteres1.asl_r .asl_nores_header .asl_keyword { font-weight: bold!important; } div.asl_r .results .item { float: left!important; width: 33%!important; min-height: 300px!important; margin: 0!important; padding: 0 0 10px!important; border: 0!important; border-radius: 0!important; } div.asl_r .results .item .asl_content { min-height: 540px!important; padding: 10px!important; } div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a { font-family: 'Roboto'!important; font-size: 1.2rem!important; line-height: 135%!important; color: #262626!important; font-weight: 300!important; } div.asl_r .results .item .asl_content h3 a:hover { color: #26a69a!important; } div.asl_r .results .item .asl_content .asl_desc { font-family: 'Roboto'!important; font-size: .833rem!important; line-height: 1.5!important; text-transform: uppercase!important; } div.asl_r .results .item .asl_image { margin-bottom: 10px!important; } div.asl_r .results .item .asl_content h3 { display: block!important; } div.asl_r.vertical .results .asl_spacer { display: none!important; } div.asl_r .results .item .asl_image { width: 290px!important; height: 448px!important; margin: 0 auto 5px auto!important; padding: 0!important; } @media screen and (max-width: 414px) { div.asl_r .results .item { float: none!important; width: 100%!important; } div.asl_r .results .item .asl_content { min-height: inherit!important; } div.asl_w .mCSBap_scrollTools .mCSBap_dragger .mCSBap_dragger_bar { height: 100px!important; } } /* Donation Styles */ html input[type="button"]:focus, button:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; } .btnDonate { float: left; margin-right: 20px; margin-bottom: 20px; background: #6a6e70; background-image: -webkit-linear-gradient(top, #6a6e70, #000000); background-image: -moz-linear-gradient(top, #6a6e70, #000000); background-image: -ms-linear-gradient(top, #6a6e70, #000000); background-image: -o-linear-gradient(top, #6a6e70, #000000); background-image: linear-gradient(to bottom, #6a6e70, #000000); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 17px 13px 20px; text-decoration: none; } .btnDonate:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-color: #26a69a; box-shadow: 0 1px 0 0 #26a69a } /* Contact Form 7 */ .project-info .timeline { clear: both } .project-info .timeline .date { float: left; width: 48%; margin: 0 1% } .project-info .timeline .date label { float: left; width: 20%; padding-top: 12px; } .project-info .timeline .date span { float: left; width: 38%; margin: 0 1% } .project-info .timeline .date span select { height: 40px } .project-info .timeline .date span:after { position: absolute; top: 8px; right: 12px; display: inline-block; } .project-info .budget { padding-top: 20px; clear: both; } .project-info .budget .project-budget { height: 40px; } .project-info .budget .project-budget:after { position: absolute; top: 2px; right: 18px; display: inline-block; color: #717171 } .project-info .budget .project-budget select { display: inline-block; max-width: 500px; margin: 0 auto; } .wpcf7 .project-info textarea { display: block; width: 90%; margin: 0 auto; } .project-type { margin-top: 20px; margin-bottom: 40px } .project-type input[type="checkbox"] { position: relative; display: block; width: 25px; height: 25px; margin: 0 auto; padding: 10px; background-color: #fff; border: 1px solid #cacece; border-radius: 0; -webkit-appearance: none; } .project-info input[type="submit"]:hover { color: #008cba; } .project-type .wpcf7-form-control-wrap { width: 100%; } .project-type .wpcf7-form-control-wrap .wpcf7-form-control { display: table; margin: 0 auto } .project-type .wpcf7-list-item { float: left; margin: 0 20px; } .project-type .wpcf7-list-item.first { margin-left: 0 } .project-type .wpcf7-list-item.last { margin-right: 0 } .project-type .wpcf7-list-item .wpcf7-list-item-label { display: inline-block; width: 100% } .project-questionnaire h2.page-title { margin-bottom: 30px; border-bottom: 1px solid #d5d5d5 } .project-questionnaire ol { width: 96%; margin: 0 2% 20px 2%; padding-left: 0; clear: both } .project-questionnaire ol li ul { margin-left: 20px } .project-questionnaire textarea { margin: 10px 0 20px 0 } .project-questionnaire .wpcf7 textarea { } form .overview { padding-bottom: 40px } form .overview h3 { padding-top: 20px } form .basic-info, form .project-info { float: left; width: 100%; clear: both } form .basic-info { margin-bottom: 20px; } form .no-margin { margin: 0 } select { height: 40px; background: #fff } select:hover { background: none } input[type='checkbox'] { width:20px; height:20px; background:#fff; border-radius:0; border:1px solid #555; -webkit-appearance:none; } input[type='checkbox']:checked { background: #26a69a; border: 0; } input[type='checkbox']:focus { outline: none; } .wpcf7-list-item { display: table-row; } .wpcf7-list-item * { vertical-align: middle; } .wpcf7 p { position: relative; } .wpcf7 p .fa, .wpcf7 p .fas { position: absolute; z-index: 100; top: 14px; left: 0; font-size: 16px; color: #727272; } .wpcf7 .wpcf7-text { text-indent: 10px; } .wpcf7 .womh-show .wpcf7-text { text-indent: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { margin-bottom: 10px; } input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, textarea:hover, select:hover { box-shadow: none; } .page-template-page-raven-tower form.wpcf7-form p { display: inherit; } form.wpcf7-form p:empty { display: none; } form.wpcf7-form .form-section p { display: block; margin-bottom: 10px; } .form-section { display: inline-block; width: 100%; margin: 10px 0; } .form-section h3 { font-size: 1.563rem; } .form-section h4 { font-size: 1.333rem; font-weight: 300; } .form-section .sub-section { display: inline-block; width: 100%; margin: 5px 0; } .form-section .sub-section select { display: inline-block; width: 100%; } .form-section .sub-section p:last-child, .form-section .sub-section input:last-child { margin-bottom: 0; } .form-section span select { height: 40px; display: inline-block; border-color: #AAA; border-radius: 0!important; } .form-section .timeline { display: inline-block; width: 100%; margin: 5px 0; clear: both } .form-section .timeline .date { float: left; width: 48%; margin: 0 1% } .form-section .timeline .date label { float: left; width: 100%; margin-bottom: 5px; padding-top: 12px; } .form-section .timeline .date br { display: none; } .form-section .timeline .date span { float: left; width: 48%; margin: 0 1% } .form-section .timeline .date span:after { position: absolute; top: 8px; right: 12px; display: inline-block; } .form-section textarea { margin-bottom: 0; } .wpcf7-form-control-wrap textarea { min-height: 300px; padding: 1rem } .wpcf7-form-control-wrap textarea:focus { outline: 0; } .wpcf7-form input[type="submit"] { display: block; width: 200px; height: auto; margin: -14px auto 0 auto; padding: 10px 20px; background: #26a69a; color: #fff; border-radius: 0; border: 1px solid transparent; font-size: 1rem; font-weight: 600; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out } .wpcf7-form input[type="submit"]:hover { background: #fff; border: 1px solid #26a69a; color: #26a69a } .small-type, .wpcf7-form-control-wrap input { color: #878787; } .page .wpcf7-validation-errors, .page .wpcf7-response-output, .page .wpcf7-display-none, .page .wpcf7-validation-errors, .page .wpcf7-mail-sent-ok { padding: 1rem } div.wpcf7-mail-sent-ok { font-size: 18px; color: #26a69a; border-color: #26a69a; } span.wpcf7-not-valid-tip { position: relative; top: -2.5px; color: #D9221C; } .form-section ul { padding-left: 0; } .form-section li { list-style: none; } /* LAZ Parking Widget */ .page .parkingwidget { margin-top: 10px } .page #LAZ_WidgetHeader { background: #545454 } .page #LAZ_Widget.parkingwidget a { color: #26a69a !important } .page #LAZ_Widget.parkingwidget #mmbLink { color: #545454 } .page #LAZ_Widget.parkingwidget #park_location_chosen { width: 98% !important } .page #LAZ_Widget.parkingwidget div.reservations { position: relative } .page #LAZ_Widget.parkingwidget #laz-ff-getRatesButton, .page #LAZ_Widget.parkingwidget .laz-ff-getRatesButton, .page #LAZ_Widget.parkingwidget .laz-ff-OpenEventBtn { -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out; background: #26a69a !important; border: 1px solid transparent } .page #LAZ_Widget.parkingwidget #laz-ff-getRatesButton:hover, .page #LAZ_Widget.parkingwidget .laz-ff-getRatesButton:hover, .page #LAZ_Widget.parkingwidget .laz-ff-OpenEventBtn:hover { background: none !important; border-color: #26a69a !important; color: #26a69a; } .page #LAZ_Widget.parkingwidget .laz-ff-getRatesButtonDisabled { background: #545454 !important; border: 1px solid transparent } .page #LAZ_Widget.parkingwidget .laz-ff-getRatesButtonDisabled:hover { background: #545454 !important; border: 1px solid transparent!important; color: #fff !important;} /* * Tripleseat Embed */ #tripleseat_embed_form label, #tripleseat_embed_form label.active { margin-bottom: 8px; font-size: 14px; } #booking #tripleseat_embed_form #lead_submit { background: #26a69a; border: 1px solid transparent; } #booking #tripleseat_embed_form #lead_submit:hover { background: none; color: #26a69a; border-color: #26a69a; } .page #tripleseat_embed_form #lead_phone_number, .page #tripleseat_embed_form #lead_phone_number_extension { width: 100% } .page #tripleseat_embed_form .lead_additional_information { min-height: 200px; padding: 20px; } #tripleseat_embed_form .row_first_name td { width: 50% } .ui-widget-header { background: #fff!important; } #ui-datepicker-div { padding: 10px; border-radius: 0!important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .ui-datepicker .ui-datepicker-header { border-radius: 0; } .ui-datepicker .ui-datepicker-title select { text-transform: uppercase!important; } .ui-datepicker-calendar thead { margin-bottom: 10px; } .ui-datepicker-month { display: block; min-height: 30px!important; width: 100%!important; border: 0; } #tripleseat_embed_form .row_event_date, #tripleseat_embed_form .row_start_time, #tripleseat_embed_form .row_guest_count { float: left } #tripleseat_embed_form .row_event_date, #tripleseat_embed_form .row_event_date td, #tripleseat_embed_form .row_start_time, #tripleseat_embed_form .row_start_time td { width: 50% } #tripleseat_embed_form .row_guest_count, #tripleseat_embed_form .row_guest_count td { width: 100%; } #tripleseat_embed_form #lead_submit { display: block; height: auto; width: 200px; margin: 20px auto; padding: 10px 20px; background: #26a69a; color: #fff; border-radius: 0; border: 1px solid #fff; font-size: 16px; text-align: center; text-transform: uppercase; font-family: 'Raleway'; font-weight: 600; cursor: pointer; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out } #tripleseat_embed_form #lead_submit:hover { background: none; color: #000; border: 1px solid #000 } #tripleseat_embed_form table td { position: relative!important; } #tripleseat_embed_form label#event_date_label { left: 30px!important; } #tripleseat_embed_form input { text-indent: 10px; } #tripleseat_embed_form input.focus { text-indent: 20px!important; } #tripleseat_embed_form input.timeselect_input { width: 90%; } div.timeselect a.hover { background: #26a69a!important; } #tripleseat_embed_form #lead_guest_count, #tripleseat_embed_form input.hasDatepicker { width: 200px!important; padding-left: 0; padding-right: 0; } #tripleseat_embed_form input.hasDatepicker { text-indent: 25px; } #tripleseat_embed_form #lead_form_submit a { display: none!important; } #tripleseat_embed_form .row_start_time input, #tripleseat_embed_form .row_end_time input { font-family: 'Helvetica', sans-serif; font-weight: lighter; } /* * Tripleseat Validation - Error, Success */ #page #tsLeadSuccessMessage, #page #tsLeadSuccessMessage p { font-size: 18px; font-weight: 600; color: #26a69a; } #page #tsLeadSuccessMessage { background: rgba(233,36,29,.9); } #page .errorExplanation { padding: 20px; } #page #tripleseat_embed_form_inline input.error, #page #tripleseat_embed_form_inline .location_list.error, #page .errorExplanation { border-color: #E6241E!important; } #page .errorExplanation h2 { font-size: 21px; color: #E6241E!important; } @media (max-width: 750px) { #tripleseat_embed_form .row_first_name td { width: 100%; display:block; } #tripleseat_embed_form .row_event_date { width: 50% } #tripleseat_embed_form .row_start_time { width: 50% } } .acf-fields .acf-field.menu-image .acf-row { float: left; width: 50% } /* Photomosaic */ .photoMosaic,.photoMosaic a:active,.photoMosaic a:hover,.photoMosaic a:link,.photoMosaic a:visited,.photoMosaic div,.photoMosaic img,.photoMosaic span{background:0 0;outline:0;border:0;height:auto;width:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;font-style:normal;font-variant:normal;font-weight:400;list-style:none;margin:0;padding:0;position:static;float:none;visibility:visible;overflow:visible;color:#000;letter-spacing:normal;line-height:120%;text-align:left;text-decoration:none;text-indent:0;text-transform:none;vertical-align:baseline;white-space:normal;word-spacing:normal}.photoMosaic a:active,.photoMosaic a:hover,.photoMosaic a:link,.photoMosaic a:visited,.photoMosaic img{margin:0!important;padding:0!important}.photoMosaic{position:relative;overflow:hidden;margin-bottom:2em}.photoMosaic a:active,.photoMosaic a:hover,.photoMosaic a:link,.photoMosaic a:visited,.photoMosaic span{display:block;overflow:hidden;position:absolute}.photoMosaic img{display:block;position:relative;top:0;opacity:1}.PM_js .photoMosaicTarget .gallery,.photoMosaic.loading .photomosaic-item.loaded .photomosaic-spinner{display:none}.photoMosaic a:hover img{opacity:.8}.photoMosaic img.large,.photoMosaic img.medium,.photoMosaic img.thumbnail{position:absolute;opacity:0}.photoMosaic .photoMosaicLoading{background:url(../images/spinner-arrows.gif) no-repeat;padding:0 0 0 20px;line-height:20px}.photoMosaic.loading .photomosaic-spinner{background:url(../images/spinner-snake.gif) 50% 50% no-repeat #efefef}.PM_preloadify{visibility:hidden;position:absolute;bottom:5px;right:10px}.PM_csstransforms.PM_csstransitions .photoMosaic .photomosaic-item,.PM_csstransforms.PM_csstransitions .photoMosaic img{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-ms-backface-visibility:visible;-o-backface-visibility:visible;backface-visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-none img,.PM_csstransforms.PM_csstransitions .photoMosaic.resize-transition-none .loaded img,.PM_csstransforms.PM_csstransitions .photoMosaic.resize-transition-none .photomosaic-item{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-fade .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-fade .loading img{opacity:0}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-scale-up .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-scale-up .loading img{opacity:0;-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-scale-down .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-scale-down .loading img{opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-up .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-up .loading img{opacity:0;-webkit-transform:translateY(5%);-moz-transform:translateY(5%);-ms-transform:translateY(5%);-o-transform:translateY(5%);transform:translateY(5%)}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-down .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-down .loading img{opacity:0;-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%)}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-left .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-left .loading img{opacity:0;-webkit-transform:translateX(5%);-moz-transform:translateX(5%);-ms-transform:translateX(5%);-o-transform:translateX(5%);transform:translateX(5%)}.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-right .loading img,.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-right .loading img{opacity:0;-webkit-transform:translateX(-5%);-moz-transform:translateX(-5%);-ms-transform:translateX(-5%);-o-transform:translateX(-5%);transform:translateX(-5%)} #photomosaic { width: 1200px; max-width: 100%; margin: 0 auto; } /* Ajax Pagination */ .ajax-loader { float: left; width: 100%; margin-top: 20px; clear: both; font-size: 1.33rem; text-transform: uppercase; text-align: center; } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .malinky-ajax-pagination-loading { display: inline-block; float: left; width: 100%; padding: 0; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .malinky-ajax-pagination-loading img { display: none; } .malinky-ajax-pagination-loading:before { font-family: 'fontAwesome'; content:'\f110'; font-size: 1.99rem; } /* * Calendar */ .page-template-page-calendar #page, .page-template-page-calendar #content { background: #E0E0E0!important; } .page-template-page-calendar #content { height: 100vh; } .page-template-page-calendar footer.page-footer { position: absolute; top: 100%; width: 100% } .module-wrapper { width: 100%; height: 100% } .fc-calendar-container { position: relative; height: 400px; width: 400px } .fc-calendar { width: 100%; height: 100% } .fc-calendar .fc-head { height: 30px; line-height: 30px; background: #ccc; color: #fff } .fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: calc(100% - 30px); border: 1px solid #ddd } .fc-calendar .fc-row { width: 100%; border-bottom: 1px solid #ddd } .fc-four-rows .fc-row { height: 25% } .fc-five-rows .fc-row { height: 20% } .fc-six-rows .fc-row { height: 16.66%; height: calc(100%/6) } .fc-calendar .fc-row>div, .fc-calendar .fc-head>div { float: left; height: 100%; width: 14.28%; width: calc(100%/7); position: relative } .ie9 .fc-calendar .fc-row>div, .ie9 .fc-calendar .fc-head>div { width: 14.2% } .fc-calendar .fc-row>div { border-right: 1px solid #ddd; padding: 4px; overflow: hidden; position: relative } .fc-calendar .fc-head>div { text-align: center } .fc-calendar .fc-row>div>span.fc-date { position: absolute; width: 30px; height: 20px; font-size: 20px; line-height: 20px; font-weight: 700; color: #ddd; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); bottom: 5px; right: 5px; text-align: right } .fc-calendar .fc-row>div>span.fc-weekday { display: none; padding-left: 5px; } .fc-calendar .fc-row>div.fc-today { background: #fff4c3 } .fc-calendar .fc-row>div.fc-out { opacity: 0.6 } .fc-calendar .fc-row>div:last-child, .fc-calendar .fc-head>div:last-child { border-right: none } .fc-calendar .fc-row:last-child { border-bottom: none } /* .custom-calendar-full { position: absolute; top: 24px; bottom: 0px; left: 0px; width: 100%; height: auto } */ .fc-calendar-container { position: absolute; top: 120px; bottom: 0px; width: 100%; height: auto } .custom-header { position: relative; margin-top: 60px; padding: 20px 20px 10px 30px } .custom-header #date { float: left } .custom-header h2, .custom-header h3 { float: left; font-weight: 300; text-transform: uppercase; letter-spacing: 4px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) } .custom-header h2 { width: 60%; color: #fff } .custom-header h2 a, .custom-header h2 span { color: rgba(255, 255, 255, 0.3); font-size: 18px; letter-spacing: 3px; white-space: nowrap } .custom-header h2 a { color: rgba(255, 255, 255, 0.5) } .no-touch .custom-header h2 a:hover { color: rgba(255, 255, 255, 0.9) } .custom-header h3 { width: 100%; margin: 0; padding-top: 16px; padding-right: 0; color: #ddd; color: #fff; font-weight: 300; line-height: 30px; text-align: left } .custom-header nav { float: right; width: 115px; height: inherit; background: inherit; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .custom-header nav span { float: left; position: relative; height: 30px; width: 30px; margin: 0 1px; background: #606060; color: transparent; cursor: pointer; font-size: 20px; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out } .custom-header nav span:hover { background: rgba(255, 255, 255, 0.5) } .custom-header span:before { font: normal normal normal 14px/1 FontAwesome; font-size: 1.225rem; position: relative; top: -16px; display: inline-block; width: 100%; text-align: center; text-indent: 4px; color: #fff } .custom-header nav span.custom-prev:before { content: '\f0d9' } .custom-header nav span.custom-next:before { content: '\f0da' } .custom-header nav span:last-child { margin-left: 20px } .custom-header nav span.custom-current:before { content: '\f133' } .fc-calendar { background: rgba(255, 255, 255, 0.1); width: auto; top: 20px; bottom: 20px; left: 20px; right: 20px; height: auto; position: absolute } .fc-calendar .fc-head { background: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); height: 40px; line-height: 40px; padding: 0 20px } .fc-calendar .fc-head>div { font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) } .fc-calendar .fc-row>div>span.fc-date { color: rgba(255, 255, 255, 0.9); font-size: 24px; font-weight: 300; top: 10px; right: auto; bottom: auto; left: 10px; text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) } .fc-calendar .fc-body { border: none; padding: 20px } .fc-calendar .fc-row { box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2); border: none } .fc-calendar .fc-row:last-child { box-shadow: none } .fc-calendar .fc-row:first-child>div:first-child { border-radius: 10px 0 0 0 } .fc-calendar .fc-row:first-child>div:last-child { border-radius: 0 10px 0 0 } .fc-calendar .fc-row:last-child>div:first-child { border-radius: 0 0 0 10px } .fc-calendar .fc-row:last-child>div:last-child { border-radius: 0 0 10px 0 } .fc-calendar .fc-row>div { box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2); border: none; padding: 10px; cursor: pointer } .fc-calendar .fc-row>div:first-child { box-shadow: none } .fc-calendar .fc-row>div.fc-today { background: transparent; box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.1) } .fc-calendar .fc-row>div.fc-today:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2 } .fc-calendar .fc-row>div>div { margin-top: 35px } .fc-calendar .fc-row>div>div a, .fc-calendar .fc-row>div>div span { display: inline-block; max-width: 100%; margin: 0 5px 1px 0; padding: 3px 5px; background: rgba(255, 255, 255, 0.25); color: #fff; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .no-touch .fc-calendar .fc-row>div>div a:hover { background: rgba(255, 255, 255, 0.3) } @media screen and (max-width: 880px), screen and (max-height: 450px) { html, body, .container { height: auto } .page-template-page-calendar footer.page-footer { position: inherit; margin-top: 20px } .custom-header nav #custom-prev, .custom-header nav #custom-next, .custom-header nav #custom-current { height: 30px } .custom-header, .custom-header nav, .custom-calendar-full, .fc-calendar-container, .fc-calendar, .fc-calendar .fc-head, .fc-calendar .fc-row>div>span.fc-date { position: relative; top: auto; left: auto; bottom: auto; right: auto; height: auto; width: auto } .fc-calendar { margin: 0 20px 20px } .custom-calendar-wrap .custom-header { margin-top: 20px } .custom-header h2, .custom-header h3 { float: none; width: auto; text-align: left } .fc-calendar .fc-row, .ie9 .fc-calendar .fc-row>div, .fc-calendar .fc-row>div { height: auto; width: 100%; border: none } .fc-calendar .fc-row>div { float: none; min-height: 50px; box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2) !important; border-radius: 0px !important } .fc-calendar .fc-row>div:empty { min-height: 0; height: 0; box-shadow: none !important; padding: 0 } .fc-calendar .fc-row { box-shadow: none } .fc-calendar .fc-head { display: none } .fc-calendar .fc-row>div>div { margin-top: 0px; padding-left: 10px; max-width: 70%; display: inline-block } .fc-calendar .fc-row>div.fc-today { background: rgba(255, 255, 255, 0.2) } .fc-calendar .fc-row>div.fc-today:after { display: none } .fc-calendar .fc-row>div>span.fc-date { width: 30px; display: inline-block; text-align: right } .fc-calendar .fc-row>div>span.fc-weekday { display: inline-block; width: 40px; color: #fff; color: rgba(255, 255, 255, 0.7); font-size: 10px; text-transform: uppercase } } @media screen and (max-width: 601px) { .custom-header span:before { top: -12px } } @media screen and (max-width: 420px) { .custom-header nav { float: none; position: relative; top: 15px; right: inherit; bottom: inherit; left: inherit; width: 115px; display: block; margin: 10px auto 0 auto } .custom-header #date { float: left; width: 100%; text-align: center } .fc-calendar .fc-body { margin-top: 35px } } /* Remove after disabling holiday WP Notification plugin */ .home #toTop { display: none!important; } #toTop { display: none; text-decoration: none; position: fixed; z-index: 999; right: 10px; bottom: 10px; width: 40px; height: 40px; background-color: #121212; border: 1px solid transparent; overflow: hidden; text-indent: -999px; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out } #toTop:hover span { opacity: 0.75 !important } #toTop span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 1 !important; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff } #toTopHover { float: left; display: block; width: 51px; height: 51px; overflow: hidden; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0) } #toTop:active, #toTop:focus { outline: none } .main-navigation li.menu-item-has-children ul.sub-menu { top: 62px; border-top: 0; overflow: hidden } #site-navigation ul.sub-menu li { border-bottom: 1px solid #7A7A7A } #site-navigation ul.sub-menu li:first-child { border-top: 1px solid #7A7A7A } #site-navigation ul.sub-menu li:last-child { border-bottom: 0 } #site-navigation ul.sub-menu li a { display: inline-block; } #site-navigation li.dd-pe ul.sub-menu li.cta { background: #26a69a; color: #fff; } #site-navigation li.dd-pe ul.sub-menu li.cta a { background: #26a69a; } #ticketing .card .card-action a { color: #26a69a } #ticketing h3 { font-size: 2.28rem } .card-reveal p, .card .card-content p { font-size: 13.5px } .card .card-content span i { right: 0 } /* ========================================================================== 11.0 Media Queries ============================================================================= */ nav a.button-collapse { display: none; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block; } @media screen and (max-width: 1560px) { .page-template-page-private-events #gallery { margin-top: 0; background: none; } .page-template-page-private-events #gallery .container { width: 100%; max-width: 100%; margin: 0; } .page-template-page-private-events .owl-carousel { margin: -140px auto 0; padding: 0; } .owl-nav { display: none; } } @media screen and (max-width: 1440px) { .owl-carousel .owl-nav.disabled { display: none; } .page-template-page-private-events #private-events-gallery a { width: 100%; height: inherit; } .page-template-page-private-events #private-events-gallery a:hover img { transform: scale(1); } } @media screen and (max-width: 1400px) { .secondary-contact ul.social { border-right: 0; } .nav-wrapper .contact { display: none } .nav-wrapper .social { border-right: 0 } .page-template-page-private-events ul#primary-menu { margin-left: 185px; text-align: left; } } @media screen and (max-width: 1366px) { .page-template-page-private-events .hero-section h1 { font-size: 21px; padding: 30px 15px 30px 15px; } .page-template-page-private-events .hero-section h1 span { font-size: inherit; top: inherit; margin-right: 0; } } @media screen and (max-width: 1350px) { .social-icons { display: none } } @media screen and (max-width: 1280px) { .nav-wrapper .cta-wrapper { display: none; } .page-template-page-private-events ul#primary-menu { margin-left: 0; text-align: center; } } @media screen and (max-width: 1260px) { #contact .col.s12 { position: inherit; top: 0 } #contact .col.s12 .s4 { width: 100% } #contact .col.s12 section { margin: 2rem 0; background: rgba(0, 0, 0, 0.85) } #contact.container { margin-top: 2rem; margin-bottom: 2rem } } @media only screen and (max-width: 1160px) { .nav-wrapper .logotype { position: inherit; display: block; margin: 0 auto } .site-branding img.logotype { display: none } .main-navigation ul { display: none } .secondary-contact { left: 180px; } .secondary-contact ul.social { display: none; } nav a.button-collapse { position: absolute; top: 0; right: 20px; display: inherit } nav a.button-collapse i { color: #fff } } @media screen and (max-width: 1040px) { p.filter-descrip, ul#menu-filter-menu { display: none; } .page-template-page-private-events .hero-section h1 { text-align: center; } } @media only screen and (max-width: 992px) { #widget-02, #widget-03 { margin-top: 20px; padding: 0 4%; } #about img { width: 100% } #event-listing .section-header h2 { display: inline-block; width: 100%; margin-bottom: 10px; text-align: center; } #main .show-wrapper .section-header a { position: inherit; right: inherit; bottom: inherit; display: none; margin-bottom: 10px; text-align: center; } ul#menu-filter-menu li, ul#menu-event-filter-single-page li { width: 23.5%; } .hero-section .entry-content { width: inherit; } #sponsors h3, #sponsors ul { float: none; text-align: center; } #sponsors h3 { margin-top: 0; margin-right: 0; margin-left: 0; } #sponsors ul { clear: both; } #sponsors .sponsor-wrapper { padding-top: 0; } .page-template-page-private-events .hero-section h1 span { font-size: inherit; top: inherit; margin-right: 0; } .page-template-page-private-events #rt.spaces .wrapper { background: #f5f5f5; } .page-template-page-private-events #womh.spaces .wrapper { background: #fff; box-shadow: none; } .page-template-page-private-events .spaces a.btn { display: flex; align-content: center; justify-content: center; align-items: center; } .page-template-page-private-events .spaces .space { margin-bottom: 85px; } .page-template-page-private-events .spaces .capacity { margin-top: 0; } .page-template-page-private-events .spaces .vertical-text { display: none; } .page-template-page-ticketing #social-widgets, .page-template-template-social-footer #social-widgets { display: none; } } @media screen and (max-width: 880px) { .custom-calendar-wrap .custom-header { margin-top: 20px; } .fc-calendar-container { top: 20px; } .footer-copyright aside, .footer-copyright .site-info { float: none; } .footer-copyright aside { display: none; } footer.page-footer .footer-copyright { height: initial; overflow: inherit; } } @media screen and (max-width: 780px) { .logged-in header#masthead nav { top: 46px } .page-template-page-private-events #services { display: none; } } @media screen and (max-width: 600px) { #wpadminbar { position: fixed !important } body.page #wpadminbar { z-index: 9999 !important } #event-listing .section-header h2 { font-size: 2.75rem; } .page .slider .slides img { width: 100%; height: auto } .secondary-contact a.modal-trigger { background: none !important } .page-template-page-private-events .hero-section a.btn { margin: 5px auto 15px; } .page-template-page-private-events .hero-section a.btn:last-child { margin-bottom: 0; } } @media screen and (max-width: 500px) { .search-form .search-field { width: 70%; } #animatedModal .modal-content form { margin-top: 60px; } .secondary-contact .social, .secondary-contact .contact li:first-child { display: none } .nav-wrapper .contact { display: inherit } } @media screen and (max-width: 414px) { #sponsors { padding-top: 15px; padding-bottom: 15px; } #sponsors h3 { margin-bottom: 20px; } #sponsors img { max-height: 45px; } .sponsor-wrapper li:nth-child(4), .sponsor-wrapper li:nth-child(5) { margin-top: 10px; } .search-form .search-field { width: 66%; } #event-listing .section-header h2 { font-size: 2rem; } #event-listing .section-header h2 span { font-size: 1.33rem; } .show-wrapper .section-header a.search { font-size: 1rem; } ul#menu-filter-menu li, ul#menu-event-filter-single-page li { width: 23%; } ul#menu-filter-menu li a, ul#menu-event-filter-single-page li a { padding: .5rem 0; font-size: .887rem; text-align: center; } h1.entry-title { font-size: 3.157rem; } .section-header h2 { font-size: 2.5rem } .footer-copyright .site-info a { display: block; margin-top: -30px; } .footer-copyright .site-info span:after { display: none; } .page .carousel { height: 400px; margin-top: 0px; } .page .carousel .carousel-item { top: -50px; width: 75%; } .page-template-page-private-events .owl-carousel { display: none; } .page-template-template-galleries .entry-header a.cta { display: none; } } @media screen and (max-width: 300px) { html, body { min-width: 300px; } } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rsvp_button { display: block; width: 100%; color: #26a69a; text-decoration: underline; text-align: left; font-family: 'Roboto', sans-serif; text-decoration: none; } .inside-buttons {position:absolute;z-index:100;} .inside-buttons i {text-shadow: 0px 0px 75px black;} .inside-buttons a, .inside-buttons button {background:0;border:0;font-size:1.5em;color:white;opacity:0.75;padding:0px 9px;display:block;} .simplefavorite-button .tooltip, .simplefavorite-button .tooltiptext {margin-left:-1px;} /* Tooltip container */ .tooltip { position: relative; display: inline-block; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 85px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext, .tooltip:active .tooltiptext, .tooltip:focus .tooltiptext { visibility: visible; } .tooltip .tooltiptext { opacity: 0; transition: opacity 1s; } .tooltip:hover .tooltiptext, .tooltip:active .tooltiptext, .tooltip:focus .tooltiptext { opacity: 1; } .tooltip .tooltiptext { top: -1px; left: 105%; } .tooltip .tooltiptext::after { content: " "; position: absolute; top: 50%; right: 100%; /* To the left of the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; } .tooltiptext {font-family:Raleway;font-size:1rem;} .blue-btn { display: block; width: 100%; margin: 0; padding: 15px 1%; text-align: center; background: #26a69a; color: #fff; border: 1px solid #26a69a; text-transform: uppercase; -webkit-transition: all 0.33s ease-in-out; transition: all 0.33s ease-in-out } button.blue-btn:disabled, button.blue-btn[disabled] { background:#26a69a52!important; } .stage-sponsor {float:right;width:50px;} /* Carousel */ #preloader { position: absolute; z-index: 900; top: 30%; right: 0; bottom: 0; left: 0; text-align: center; display: block; max-width: 800px; margin: 0 auto; padding: 40px 0; } #preloader span { display: block; clear: both } .carousel { position: relative; z-index: 500; opacity: 0; width: 100%; height: 700px; overflow: hidden; -webkit-perspective: 500px; perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin:0% 50%; } .carousel .carousel-item { width: 200px; position: absolute; top: 0; left: 0 } .carousel .carousel-item img { width: 100% } .carousel.carousel-slider { top: 0; left: 0; height: 0 } .carousel.carousel-slider .carousel-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .home.page .carousel{ height: 900px !important; overflow: hidden; margin-top: -210px; display:none; } .home.page .carousel .carousel-item { margin: 0 auto; max-width: 400px !important; aspect-ratio: auto 298 / 460 !important; } .home.page .carousel{display:block !important;} .carousel .carousel-item img { width: 100%; height: 600px; max-height: 600px; object-fit: contain; } .carousel-item.current h3 { margin-top: -6px; background: black; color: #fff; font-size: 25px; padding: 10px; text-align: center; } .carousel-item h3 { padding-left: 10px; font-size: 25px; } .carousel .carousel-item a { pointer-events: none; } .carousel .carousel-item.current a { pointer-events: auto; } @media screen and (max-width:767px){ }