/* ============================================================== Updated on: 07 - 18 - 2016 Copyright ITO All Rights Reserved. ============================================================== */ /* ============================================================== INDEX 01 Fonts 02 Buttons, Special Link Classes 03 Bucket Classes 04 Pagination Classes 05 Navigation Classes 06 Carousel Classes 07 Google Translate 08 Utility Classes 09 Media Queries 10 Tag Styles 11 Print Styles ============================================================== */ /* ============================================================== 01 Fonts ============================================================== */ b, strong {font-size: 1em;} /* Bootstrap Carousel - Inside Each Slide */ /* Category Landing Page Filters and Results */ .filters-horizontal .filters-content .filter-link {font-family: pt_sansbold; font-weight: normal; font-style: normal;} .bucket-row-link-bottom a {font-family: pt_sansbold; font-weight: normal; font-style: normal;} .time-block small, .time-block big {font-family: pt_sansbold; font-weight: normal; font-style: normal;} .bucket .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header em {font-family: pt_sansitalic; font-weight: normal; font-style: normal;} .navbar .main_nav .navbar-nav li a span {font-family: pt_sansbold; font-weight: normal; font-style: normal;} .navbar .sub_nav .navbar-nav li a span {font-family: pt_sansregular; font-weight: normal; font-style: normal;} #google-map .map-banner-menu ul li ul li a span {font-family: pt_sansbold; font-weight: normal; font-style: normal;} .navbar .navbar-nav li a span span, #google-map .map-banner-menu ul li ul li a span span, #google-map .map-banner-display span span {font-family: pt_sansregular; font-weight: normal; font-style: normal;} #media-listing-isotope .separator-bar {margin-bottom: 0;} form {font-size: 0.77777777777777777777777777777777em; /* 14 / 18 */} /* Misc Text attributes */ html {} body {top: 0 !important; overflow-x: hidden; overscroll-behavior-y: none;} html, body {width: 100%; height: 100%; position: relative;} a,a:focus,a:hover,a:active {text-decoration: none;} a {} a:focus, a:hover, a:active {outline: 0;} a.full-opacity:hover, a.full-opacity:active, a.full-opacity:focus {opacity: 1;} a:focus, a:hover, a:active, a.full-opacity:focus .opacity, a.full-opacity:hover .opacity,a.full-opacity:active .opacity {opacity: 0.5; filter:alpha(opacity=50);} h1, .h1 {text-align: center; margin-top: 20px;} h2, .h2 { margin-top: 20px;} h3, .h3 { margin-top: 20px;} h4, .h4 {} .img-cover {display: inline !important; max-width: none !important; min-width: 1000%; min-height: 1000%; position: absolute; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; margin: auto; transform: scale(0.1); object-fit: cover;} /* ============================================================== 02 Buttons, Special Link Classes ============================================================== */ /* Email Sign Up Button */ .btn-signup {border: 0; outline: 0;} .btn-signup:hover {opacity: 0.5;} .btn-signup:active, .btn-signup:focus {outline: none !important;} /* Special Link */ .special-link {} .special-link .glyphicon-menu-left {xmargin-right: 5px;} .special-link .glyphicon-menu-right {xmargin-left: 5px;} .special-link-2 {font-size: 0.7777777em; /* 14 / 18 */ text-transform: uppercase;} .special-link-2, .special-link-2 .glyphicon {font-weight: 700;} .special-link-2 .glyphicon-menu-left {xmargin-right: 5px;} .special-link-2 .glyphicon-menu-right {xmargin-left: 5px;} /* Transition Buttons */ .transition-button-1 {text-align: left; display: inline-block; padding: 10px 10px 10px; position: relative; font-size: 0.8em; line-height: 1.3em;} .transition-button-1, .transition-button-1:focus, .transition-button-1:hover, .transition-button-1:active {color: #FFF;} .transition-button-1 .line {background: #FFF; position: absolute; transition: width 0.5s, height 0.5s;} /*html.touchevents .transition-button-1 .line {transition: none;}*/ .transition-button-1 .top-line {top: 0; left: 0;} .transition-button-1 .right-line {top: 0; right: 0;} .transition-button-1 .bottom-line {bottom: 0; right: 0;} .transition-button-1 .left-line {bottom: 0; left: 0;} .transition-button-1 .top-line, .transition-button-1 .bottom-line {width: 0; height: 1px;} .transition-button-1:hover .top-line, .transition-button-1:hover .bottom-line {width: 100%;} .transition-button-1 .left-line, .transition-button-1 .right-line {width: 1px; height: 0;} .transition-button-1:hover .left-line, .transition-button-1:hover .right-line {height: 100%;} .gm-style-iw-chr button {position: absolute !important; right: 28px; top: 5px;} .gm-style-iw-chr button:focus {outline: 0;} .gm-style-iw-d {padding-right: 65px;} .gm-style-iw-d h2 {margin-top: 0;} /* ============================================================== 03 Bucket Classes ============================================================== */ /* EVENT BUCKETS --------------------------------------------------------------*/ /* Event Bucket Clases for Home Page & Landing Page */ .bucket {padding-bottom: 15px;} .bucket .bucket-date-container {position: static; top: 0; left: 0; height: 100%;} .bucket .bucket-date-container-static {position: relative; top: 10px; z-index: 2;} .bucket .bucket-date-container .bucket-date, .bucket .bucket-date-container-static .bucket-date {text-transform: uppercase; font-size: 1.33333333333em; /* 24 / 18 */ text-align: center; padding-top: 4px;} .bucket .bucket-date-container .bucket-date {text-align: right;} .bucket .bucket-date-container-static .bucket-date {padding-left: 15px; padding-right: 15px;} .bucket .bucket-date-container-static .fore-ground {position: relative; z-index: 1;} .bucket .bucket-date-container-static .back-ground {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /*background: #000; opacity: 0.5;*/} .bucket .bucket-content {position: relative;} .bucket .bucket-content .bucket-content-foreground {position: relative; z-index: 1;} .bucket .bucket-content .bucket-content-foreground .bucket-content-foreground-more-info {text-align: right;} .bucket .bucket-content .bucket-content-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: #756C66; opacity: 0.9; filter: alpha(opacity=90);*/ z-index: 0;} .bucket .bucket-image {position: relative;} .bucket .bucket-image img {box-shadow: 0px 0px 20px 2px;} /* NEWS BUCKETS --------------------------------------------------------------*/ /* News Bucket 1 - TO BE TESTED, CONFIRMED AND RELABELED BY CHECKING NewBrunswick.com *\/ .news-bucket {height: 0; padding-bottom: 82.5%; background-repeat: no-repeat; background-size: contain; position: relative;} .news-bucket .block {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity 0.5s;} .news-bucket .block .content {position: relative; width: 100%; height: 100%;} .news-bucket .block .content .back-ground {position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; /*background: #756C66; opacity: 0.9;*\/} .news-bucket .block .content .fore-ground {position: relative; z-index: 1; color: #FFF; overflow: hidden; height: 100%;} .news-bucket .block .content .fore-ground .headline {text-align: center; margin: 0; position: absolute; top: 10%; width: 100%;} .news-bucket .block .content .fore-ground .headline h2 {font-size: 1em; font-family: pt_sansbold; font-weight: normal; font-style: normal; margin: 0 10%;} .news-bucket .block .content .fore-ground .headline p {font-size: 0.9em;} .news-bucket .block .content .fore-ground .see-full-story {text-align: center; position: absolute; bottom: 10%; width: 100%; margin: 0;} .news-bucket .block .content .fore-ground .see-full-story .transition-button {} .news-bucket:hover .block {opacity: 1;} /* News Bucket 2 - TO BE TESTED, CONFIRMED AND RELABELED BY CHECKING NewBrunswick.com *\/ .news-bucket-2 {height: 0; padding-bottom: 82.5%; background-repeat: no-repeat; background-size: contain; overflow: hidden; position: relative;} .news-bucket-2 .block {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;} .news-bucket-2 .block .content {position: relative; width: 100%; height: 100%; overflow: hidden;} .news-bucket-2 .block .content .back-ground {opacity: 0; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.5s;} .news-bucket-2 .block .content .back-ground .see-full-story {text-align: center; position: absolute; bottom: 10%; width: 100%; margin: 0;} .news-bucket-2 .block .content .fore-ground {opacity: 1; position: relative; z-index: 1; overflow: hidden; height: 100%; transition: opacity 0.5s;} .news-bucket-2 .block .content .fore-ground, .news-bucket-2 .block .content .fore-ground a {color: #FFF;} .news-bucket-2 .block .content .fore-ground .headline {text-align: center; margin: 0; position: absolute; top: 10%; width: 100%;} .news-bucket-2 .block .content .fore-ground .headline h2 {font-size: 1em; /*font-family: pt_sansbold; font-weight: normal; font-style: normal;*\/ margin: 0 10%;} .news-bucket-2 .block .content .fore-ground .headline p {font-size: 0.9em;} .news-bucket-2:hover .block .content .back-ground {opacity: 1; z-index: 2;} .news-bucket-2:hover .block .content .fore-ground {opacity: 0;}*/ /* Live Music Event Bucket - TO BE TESTED, CONFIRMED AND RELABELED BY CHECKING SOVillageCenter.com *\/ .live-music-event-bucket {position: relative; height: 0; padding-bottom: 50%;} .live-music-event-bucket .event-bucket-fore-ground {position: relative; z-index: 1;} .live-music-event-bucket .event-bucket-fore-ground .event-day-name {transform: rotate(-90deg); transform-origin: right bottom; position: absolute; bottom: 100%; right: 0; font-size: 6.5vw; line-height: 0.9em; text-transform: uppercase; padding-right: 5px; color: #756C66; font-family: pt_sansbold; font-weight: normal; font-style: normal;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket {background-repeat: no-repeat; background-size: cover; height: 0; padding-bottom: 66.66666666667%; border-radius: 0 50px; overflow: hidden; position: relative;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .event-day {color: #FFF; text-transform: uppercase; margin: 5px; position: absolute; top: 0; left: 0; font-size: 1.25em; text-shadow: 2px 2px #756C66; z-index: 2;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block {position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content {position: relative; z-index: 1; height: 100%; width: 100%; display: inline-block;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-learn-more {position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; z-index: 0; transition: height 0.5s;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket:hover .block .content .event-bucket-learn-more {height: 100%;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-learn-more .full-block {position: relative; height: 100%; z-index: 1;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-learn-more .full-block .eblm-fore-ground {position: relative; z-index: 1; height: 100%; top: -5%; text-align: center; opacity: 0; transition: opacity 0.5s;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket:hover .block .content .event-bucket-learn-more .full-block .eblm-fore-ground {opacity: 1;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-learn-more .full-block .eblm-back-ground {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #756C66; z-index: 0; opacity: 0.9;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-heading {position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; z-index: 1;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-heading h3 {font-size: 3.5vw;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-heading h3 {color: #FFF; margin-left: 25px; margin-right: 15px;} .live-music-event-bucket .event-bucket-back-ground {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; z-index: 0; border-radius: 0 50px;}*/ /* Most Probable: Window Shading - TO BE TESTED, CONFIRMED AND RELABELED BY CHECKING SOVillageCenter.com *\/ .init_open_exception {cursor: pointer;} .init_open_close_handle .glyphicon-label {color: #CB333B; font-size: 0.58333333333333333333333333333333em;} .init_open_close_handle .transformicon .display_up {position: relative; top: -6px;} .init_open_close_handle .transformicon .display_down {position: relative; top: -6px;} .no-break {white-space: nowrap;}*/ /* MTS BUCKETS - IN DEVELOPMENT --------------------------------------------------------------*/ .mts-bucket .bucket-image {position: relative;} .mts-bucket .bucket-image img {box-shadow: 0px 0px 20px 2px;} .mts-bucket .mts-bucket-overlay-row {padding-bottom: 100% !important; margin-bottom: -100% !important; overflow: hidden !important;} /* MTS BUCKET 1 --------------------------------------------------------------*/ /* My TownSight Bucket #1 (MTS B#1) */ .mts-bucket-1 {position: relative; display: block; overflow: hidden; height: 0; margin-top: 15px; margin-bottom: 0; padding-bottom: 82.5%;} /* MTS Bucket */ .mts-bucket-1 .mts-bucket-content {position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;} /* MTS Bucket Overlay */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay {width: 100%; height: 100%; position: relative; transition: all 0.5s;} /* MTS Bucket Overlay */ /* MTS B#1 Overlay 2 */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-background {position: absolute; width: 42.5%; padding-bottom: 100%; top: -10%; left: -25%; /* Background of the Event Content Overlay */ -webkit-transform: rotate(30deg) skewY(-30deg); -ms-transform: rotate(30deg) skewY(-30deg); transform: rotate(30deg) skewY(-30deg);} .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content {position: relative; width: 42.5%; overflow: hidden; margin-left: 2%; color: #FFF; /* Content of the Event Content Overlay */} .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .bucket-content-overlay-content-header {width: 95%;} /* Specifies width for text inside the red area */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .bucket-content-overlay-content-header span {text-transform: uppercase;} /* Makes text uppercase */ /* Event Count Down Styling inside MTS B#1 Overlay 2 */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .time {font-size: 0.6em; position: relative; top: -10px;} /* Styles the time */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .time .time-block {display: inline-block; width: 12%; vertical-align: middle;} /* Styles the time - vertical alignment */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .time .time-block big {position: relative; top: 12px; display: block; text-align: center; font-size: 1.6666666667em;} /* Increases time font size */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .time .time-block small {text-transform: uppercase; font-size: 0.7em; position: relative; top: 8px; display: block; text-align: center;} /* Decreases time font size */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay .mts-bucket-content-overlay-content .time .time-block-seperator {font-size: 0.8em;} /* Font of time separator (the bullet) */ /* MTS B#1 Overlay 1 */ .mts-bucket-1 .mts-bucket-overlay {position: absolute; width: 100%; height: 100%; transition: all 0.5s;} /* MTS Bucket Overlay */ .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content {position: relative; height: 100%; margin-left: 15px; margin-right: 15px;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content .mts-bucket-overlay-content-vertical-center {height: 40%;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content .mts-bucket-overlay-content-vertical-center .mts-bucket-content-vertical-center-ghost {display: inline-block; vertical-align: middle; width: 0; height: 100%;} /* Center the Headline of the Sliding Up Overlay Content */ .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content .mts-bucket-overlay-content-vertical-center .mts-bucket-content-vertical-center-content {display: inline-block; vertical-align: middle; width: 100%; white-space: normal;} /* Style the Headline of the Sliding Up Overlay Content */ .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content .mts-bucket-overlay-content-vertical-center .mts-bucket-content-vertical-center-content h2 {margin: 0;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content .mts-bucket-overlay-content-inner-close {position: absolute; top: -20px; right: 0; width: 0; height: 0; border-bottom: 20px solid; border-left: 20px solid transparent; border-right: 20px solid transparent;} /* Close (triangle) in the Sliding Up Overlay Content */ .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-content .mts-bucket-overlay-content-inner-close .transformicon {position: absolute; right: -16px; top: -15px;} /* Close transforicon icon */ .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-headline {text-align: center; margin-top: 5%;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-headline h2 {margin: 0 5%;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-headline h2 a:hover {opacity: 1;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-headline p {font-size: 0.9em;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-see-full-story {text-align: center; position: absolute; bottom: 0%; margin-bottom: 35%; left: 0; width: 100%;} .mts-bucket-1 .mts-bucket-overlay .mts-bucket-overlay-see-full-story-2 {text-align: right;} /* Starting Position of Overlay 1 */ .mts-bucket-1 .mts-bucket-overlay {top: 60%;} /* Ending Position of Overlay 1 */ html.no-js .mts-bucket-1:hover .mts-bucket-overlay, .mts-bucket-over .mts-bucket-1 .mts-bucket-overlay {top: 0%;} html.no-js .mts-bucket-1:hover .mts-bucket-overlay, .mts-bucket-over .mts-bucket-1 .mts-bucket-overlay-n0 {top: 20%;} /* Starting Position of Overlay 2 */ .mts-bucket-1 .mts-bucket-content .mts-bucket-content-overlay {left: 0;} /* Ending Position of Overlay 2 */ html.no-js .mts-bucket-1:hover .mts-bucket-content .mts-bucket-content-overlay, .mts-bucket-over .mts-bucket-content .mts-bucket-content-overlay {left: -100%;} /* Moves date / time triangle */ /* Close Button for Mobile Devices */ .mts-bucket-1 .mts-bucket-overlay-inner-close {position: absolute; bottom: 100%; left: 0; width: 100%; height: 1.1em; font-size: 1.5em; margin: 0; padding: 0; overflow: hidden; transition: all 0.5s;} html.no-js .mts-bucket-1:hover .mts-bucket-overlay-inner-close, .mts-bucket-over .mts-bucket-1 .mts-bucket-overlay-inner-close {bottom: 5%;} html.no-js .mts-bucket-1 .mts-bucket-overlay-inner-close, html.no-touchevents .mts-bucket-1 .mts-bucket-overlay-inner-close {display: none;} .mts-bucket-1 .mts-bucket-overlay-inner-close .glyphicon {margin-right: 5%; padding: 0; display: block; text-align: right; color: #FFF;} /* MTS BUCKET 2 --------------------------------------------------------------*/ /* My TownSight Bucket #2 (MTS B#2) */ .mts-bucket-2 {position: relative; display: block; margin-top: 15px; margin-bottom: 15px; } /* MTS Bucket */ .mts-bucket-2 .mts-bucket-overlay {padding: 0 15px; overflow: hidden;} .mts-bucket-2 .mts-bucket-content {position: relative; top: 10px; z-index: 2; margin-top: -10px;} .mts-bucket-2 .mts-bucket-content-overlay-content h2 {text-transform: uppercase; margin: 0; font-size: 1.333333333333333333333333333em; font-family: inherit; line-height: 1.5em;} /* MTS BUCKET 3 --------------------------------------------------------------*/ /* My TownSight Bucket #3 (MTS B#3) */ .mts-bucket-3 {height: 210px;} /* MTS Bucket */ .mts-bucket-3 .mts-bucket-content-overlay-background {position: absolute; left: 0; width: 100%; bottom: 0; line-height: 40px; height: 40px;} .mts-bucket-3 .mts-bucket-overlay-see-full-story {position: absolute; left: 0; width: 100%; bottom: 0; margin: 0; line-height: 40px; height: 40px; z-index: 2;} .mts-bucket-3 .mts-bucket-overlay-see-full-story p {text-align: right; } .mts-bucket-3 .mts-bucket-overlay-see-full-story p a {} .mts-bucket-3 .mts-bucket-image {background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;} .mts-bucket-3 .mts-bucket-overlay h2 {font-size: 4.5833333333333333333333333333333vw; /* 22 / 18 */ margin-top: 10px;} /* ORG REAL ESTATE BUCKETS --------------------------------------------------------------*/ /* Real Estate */ #real_estate_available_space .row .item {margin-bottom: 0;} #real_estate_available_space .row .clearfix {display: block; width: 100%;} #real_estate_available_space .row .listing {min-height: 350px;} #real_estate_available_space .row .listing .thumblink {height: 0; padding-bottom: 75%; background-size: cover; background-repeat: no-repeat; position: relative;} #real_estate_available_space .row .listing .thumblink a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} /* ============================================================== 04 Pagination Classes ============================================================== */ /* News Pagination */ .news-pagination-links {position: relative;} .news-pagination-links .back-ground {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /*background: #756C66; opacity: 0.9;*/} .news-pagination-links .fore-ground {position: relative; z-index: 1; overflow: hidden; height: 50px;} .news-pagination-links .fore-ground .previous {display: inline; float: left; margin-left: 17px;} .news-pagination-links .fore-ground .next {display: inline; float: right; margin-right: 17px;} /* Event Pagination */ .pagination-links {color: #000;z-index: 1; position: relative; line-height: 50px;} .page-link-text {cursor: pointer; display: inline-block; line-height: 32px; width: 32px; text-align: center; margin-top: 4px; margin-bottom: 4px; vertical-align: middle;} span.page-link-text {border-radius: 50%;} span.page-link-text-active {color: #FFF !important;} a.page-link-text:hover, a.page-link-text:link, a.page-link-text:focus {opacity: 1;} /* Live Music Event Pagination */ .more-gigs-button {display: inline-block; width: 152px; height: 152px; vertical-align: middle; background: url(../images/pub/more-gigs.png) 0 0 no-repeat;} .page-link {vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 10px;} .page-link span, .page-link a {width: 100%; height: 100%; display: inline-block; border-radius: 50%; border: 1px solid;} .page-link span span, .page-link a span {display: none;} .page-link span {background: #FFF; color: #FFF;} .page-link a, .page-link a:focus, .page-link a:hover, .page-link a:active {background: #756C66; color: #756C66; opacity: 1;} /* ============================================================== 05 Navigation Classes ============================================================== */ .nav-tabs {border-color: #A2AAAD;} .nav-tabs > li > a {opacity: 1 !important; padding: 10px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-color: #A2AAAD; border-bottom-color: transparent;} /* Search Form Components */ .search-form .under-search {cursor: pointer;} .search-form form { z-index: 100; position: absolute; top: 13px; left: 15px; right: 15px; height: 100%; } .search-form form .input-group .input-group-addon { background-color: transparent; border: 0; padding: 0; } .search-form form .input-group button.btn { padding: 0px 12px; color: #CB333B; background: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; outline: 0; } .search-form form .input-group button.btn .glyphicon { font-size: 1.2857142857142858em; /* 18 / 14 */ } .search-form form .input-group input { height: 24px; border: 0; border-radius: 4px !important; } /* Top Homepage Bar */ #header {position: fixed; top: 0; left: 0; right: 0; z-index: 50;} /*#header #header-logo-bar {position: relative; z-index: 30; height: 0;} #header #header-logo-bar #header-logo-extension {position: absolute; top: 0; left: -99999px; width: 99999px; height: 100px; margin-left: 15px;} #header #header-logo-bar #header-logo-image {position: absolute; /*width: 172px; height: 100px;*//*}*/ #header #header-top-bar {height: 30px; line-height: 30px; color: #FFF; position: relative;} #header #header-top-bar .container-fluid {z-index: 50;} /* z-index to make translate text in front of logo and behind search button */ #header #header-top-bar span.text {display: inline-block; position: relative;} #header-nav-bar {position: relative; z-index: 20;} #header-nav-bar .foreground-layer {position: relative;} #header-nav-bar .background-layer {/*background: #D1CDC6; opacity: 0.8;*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} /* Navigation Menu */ .navbar {margin: 0 0; min-height: 0; border: 0; border-radius: 0; padding: 0;} .navbar .navbar-nav li a {padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 13px !important; padding-right: 13px !important; display: block; line-height: 40px;} /* Line height of menu item */ .navbar .navbar-nav li a, .navbar .navbar-nav li a:focus, .navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:active {color: #FFF;} .navbar .navbar-nav li a.selected {color: #224364;} .navbar .navbar-nav li ul {margin-left: 0; padding-left: 0;} .navbar .navbar-nav li ul li {display: block;} .navbar .navbar-nav li ul li .a, .navbar .navbar-nav li ul li a {display: block; line-height: 1.1em !important; padding-top: 0.5615em !important; padding-bottom: 0.5615em !important;} .navbar .navbar-nav li ul li .a, .navbar .navbar-nav li ul li a, .navbar .navbar-nav li ul li a:focus, .navbar .navbar-nav li ul li a:hover, .navbar .navbar-nav li ul li a:active {color: #FFF;} .navbar .navbar-nav li.open a.dropdown-link, .navbar .navbar-nav li.open a.dropdown-link:focus, .navbar .navbar-nav li.open a.dropdown-link:hover, .navbar .navbar-nav li.open a.dropdown-link:active {background-color: transparent; color: #CCC; opacity: 1;} .navbar .navbar-nav li.open a.dropdown-link span {opacity: 0.5;} .navbar .navbar-nav li.open a.dropdown-link .sub-arrow {position: absolute; bottom: 0; display: block; left: 50%; width: 0; height: 0; opacity: 1; border-bottom: 10px solid #009CDE; border-left: 15px solid transparent; border-right: 15px solid transparent; margin-left: -15px; z-index: 50;} .navbar-default {background-color: transparent;} #mobile-collapse {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; display: block !important;} .jump-links li a span {display: block;} .dropdown-menu {z-index: 20; background: #009CDE; font-size: inherit; border: 0;} /* Now Trending - Inside Menu */ .now-trending p {color: #FFF; margin: 0;} .now-trending ul {margin-top: -5px;} .now-trending ul li {color: #07283D; border-bottom: 1px solid; padding-top: 5px; padding-bottom: 5px;} .now-trending ul li a {color: #07283D !important; line-height: normal !important;} /* ============================================================== 06 Carousel Classes ============================================================== */ /* Bootstrap Carousel - Inside Each Slide */ .carousel-inner {-webkit-transform-style: preserve-3d; width: 100%; height: 100%;} .carousel-inner .carousel-item {width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; /* position: relative; - taken out becuase it produced problems upon slide transition */} .carousel-inner .carousel-item a.slide-link {position: relative; top: 0; bottom: 160px; z-index: 15; float: right;} .carousel-inner .carousel-item a.slide-link-whole {position: absolute; top: 50px; left: 0; right: 0; bottom: 160px; z-index: 10;} .carousel-inner .carousel-item a:hover {opacity: 1;} /* Bootstrap Carousel - Inside Each Slide - Carousel Caption Control */ .carousel-inner .carousel-item .carousel-caption {left: 0; width: 100%; right: auto; bottom: 0; padding: 0; height: 160px; text-align: left; text-shadow: none; z-index: 1;} .carousel-inner .carousel-item .carousel-caption .foreground-layer {position: relative;} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-copy {margin-top: 15px;} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-copy .carousel-caption-copy-content {font-size: 1em; /* 18 / 18 */} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-learn-more-float {float: right; height: 46px; width: 135px;} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-learn-more {margin: 0; padding: 0; font-size: 1em; /* 18 / 18 */} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-learn-more .carousel-caption-learn-more-link-button {position: absolute; top: 0; right: 30px; text-transform: uppercase;} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-learn-more .carousel-caption-learn-more-link-button .icomoon {font-size: 56px;} .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-learn-more .carousel-caption-learn-more-link-button span {line-height: 56px; vertical-align: middle;} .carousel-inner .carousel-item .carousel-caption .background-layer {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-top: 4px solid; padding-top: 0;} /* Bootstrap Carousel - Inside Each Slide - Learn More Control */ .carousel-inner .carousel-item .carousel-overlay-button-link-container {bottom: 95px; z-index: 20; position: absolute; width: 100%;} .carousel-inner .carousel-item .carousel-overlay-button-link-container .carousel-overlay-button-link a {/*text-shadow: 3px 3px 2px #0C283D;*/} .carousel-inner .carousel-item .carousel-overlay-button-link-container .carousel-overlay-button-link a .icomoon {font-size: 56px;} .carousel-inner .carousel-item .carousel-overlay-button-link-container .carousel-overlay-button-link a span {line-height: 56px; vertical-align: middle;} /* Bootstrap Carousel - Inside Each Slide - Heading Title Control -- Note: media queries are applied */ .carousel-inner .carousel-item .carousel-header {position: absolute; left: 0; width: 100%;} .carousel-inner .carousel-item .carousel-header .heading-title {font-size: 3.3333333333333333333333333333333em; /* 60 / 18 */ padding: 15px; margin: 0; text-shadow: 3px 3px 2px #0C283D;} /*.carousel-link-only {display: none; width: 100%; height: 100%;} .carousel-link-only a {display: block; width: 100%; height: 100%;} .carousel-link-0 {display: block;} .carousel-links {position: absolute; top: 0; left: 0; right: 0; bottom: 160px; z-index: 10;}*/ /* Bootstrap Carousel - Dot Indicators */ /*.carousel-indicators {bottom: 160px; width: 80%; margin-left: -40%;}*/ .carousel .carousel-indicators {bottom: 160px; left: auto; right: 0%; width: 100%; margin-left: 0; margin-right: 0;} .carousel .carousel-indicators li {width: 14px; height: 14px; margin-right: 19px; margin-left: 19px; border-radius: 50%; border: solid; border-width: 3px; opacity: 1 !important;} .carousel .carousel-indicators li.active {width: 14px; height: 14px; margin-right: 19px; margin-left: 19px;} /* Bootstrap Carousel - In General */ .carousel {width: 100%; height: 100%; position: relative; padding-left: 0 !important; padding-right: 0 !important;} .carousel-logo {z-index: 100; position: absolute; top: 0; left: 0; background: red; width: 200px; height: 200px;} .carousel-control {z-index: 10;} .carousel-overlay {/*position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 0; padding-bottom: 32%; background: url(../images/pub/carousel-base-curve.png) 0 100% no-repeat; background-size: contain;*/} /* Zoom In / Zoom Out Slide Transition Effects */ .carousel.carousel-zoom .carousel-item { transition: transform 1s ease; } .carousel.carousel-zoom .carousel-item-next, .carousel.carousel-zoom .carousel-item-prev { transform: scale(1.5); opacity: 0; } .carousel.carousel-zoom .active { transform: scale(1); opacity: 1; } /* Flip (3D Flip) Slide Transition Effects */ .carousel.carousel-flip .carousel-inner { perspective: 1000px; } .carousel.carousel-flip .carousel-item { backface-visibility: hidden; transition: transform 0.8s ease-in-out; } .carousel.carousel-flip .carousel-item-next.carousel-item-start { transform: rotateY(180deg); } .carousel.carousel-flip .carousel-item-prev.carousel-item-end { transform: rotateY(-180deg); } /* Rotate / Spin Slide Transition Effects */ .carousel.carousel-rotate .carousel-item { transition: transform 0.8s ease-in-out; } .carousel.carousel-rotate .carousel-item-next.carousel-item-start { transform: rotate(90deg) scale(0.9); opacity: 0; } .carousel.carousel-rotate .carousel-item-prev.carousel-item-end { transform: rotate(-90deg) scale(0.9); opacity: 0; } .carousel.carousel-rotate .carousel-item.active { transform: rotate(0) scale(1); opacity: 1; } /* Top / Bottom Slide Transition Effects */ .carousel.carousel-vertical .carousel-item-next.carousel-item-start, .carousel.carousel-vertical .carousel-item-prev.carousel-item-end { transform: translateY(100%); } .carousel.carousel-vertical .carousel-item.active { transform: translateY(0); } /* Blur / Sharpen Slide Transition Effects */ .carousel.carousel-blur .carousel-item { transition: filter 0.8s ease, opacity 0.8s ease; } .carousel.carousel-blur .carousel-item-next.carousel-item-start, .carousel.carousel-blur .carousel-item-prev.carousel-item-end { filter: blur(8px); opacity: 0; } .carousel.carousel-blur .carousel-item.active { filter: blur(0); opacity: 1; } /* Ken Burns Slide Transition Effects */ .carousel.carousel-kenburns .carousel-item img { animation: kenburns 10s ease-in-out infinite; } @keyframes kenburns { from { transform: scale(0.1) translate(0, 0); } to { transform: scale(0.11) translate(-5%, -5%); } } /* Parallax Slide Transition Effects */ .carousel.carousel-parallax .carousel-item { background-size: cover; background-position: center; transition: background-position 1s ease-in-out; } .carousel.carousel-parallax .carousel-item-next.carousel-item-start { background-position: 100% center; } .carousel.carousel-parallax .carousel-item.active { background-position: center; } /* ============================================================== 07 Google Translate ============================================================== */ /* Google Translate */ .skiptranslate {display: none !important;} .goog-text-highlight {background-color: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} /* Google Translate */ #gt-toggle-main {cursor: pointer; top: 0px; left: 0;} #gt-toggle-main img {position: relative; top: -4px;} /* Google Translate Bar */ .gt-bar {position: fixed; z-index: 25; top: 30px; right: -320px; height: 100%; width: 320px; transition: right 0.5s;} .gt-bar .gt-bar-content {position: absolute; top: 0; bottom: 30px; width: 100%; /*background: #756C66;*/ color: #FFF;} .gt-bar .gt-bar-content .gt-bar-content-close {float: left; display: inline; width: 80px; margin-top: 15px;} .gt-bar .gt-bar-content .gt-bar-content-close .gt-bar-close {font-size: 1.5em; margin-left: 30px; cursor: pointer;} .gt-bar .gt-bar-content .gt-bar-content-scroll {overflow: auto; height: 100%; float: left; display: inline; width: 240px;} .gt-bar .gt-bar-content .gt-bar-content-scroll .gt-bar-header {text-transform: uppercase; padding-top: 15px;} .gt-bar .gt-bar-content .gt-bar-content-scroll .gt-bar-language-list {list-style: none; margin-left: 0; padding-left: 0; padding-bottom: 50px;} .gt-bar .gt-bar-content .gt-bar-content-scroll .gt-bar-language-list li {padding: 10px 0;} .gt-bar .gt-bar-content .gt-bar-content-scroll .gt-bar-language-list li a.gt-bar-language {display: block; line-height: 1.1em;} .gt-bar .gt-bar-content .gt-bar-content-scroll .gt-bar-language-list li a.gt-bar-language img {display: inline-block; margin-right: 5px; vertical-align: middle;} .gt-bar .gt-bar-content .gt-bar-content-scroll .gt-bar-language-list li a.gt-bar-language span {display: inline-block; vertical-align: middle;} .gt-bar-open {right: 0;} /* ============================================================== 08 Utility Classes ============================================================== */ /* Donate Link */ .donate,.donate:focus,.donate:hover,.donate:active {color: #FFF; position: relative; top: -3px;} .stuck { position: fixed !important; top: 30px; width: 100%; } /* Equal Height Columns - TBD */ /*.title-bar-absolute {position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}*/ /*.tab-pane-content .row-elem {background: #EEE; margin-top: 15px; margin-bottom: 10px;} .tab-pane-content .row-elem .left-col-elem {background: #FFF;} .tab-pane-content .row-elem .right-col-elem {}*/ /* IMHO better technique of having equal height columns - only con: cannot position absolute elements to the bottom -- if needed then switch to commented code above */ .tab-pane-content .row-elem {overflow: hidden; margin-top: 15px; margin-bottom: 10px;} .tab-pane-content .row-elem .left-col-elem {background: #FFF;} .tab-pane-content .row-elem .right-col-elem {background: #EEE;} .tab-pane-content .row-elem .left-col-elem, .tab-pane-content .row-elem .right-col-elem {margin-bottom: -99999px; padding-bottom: 99999px;} /* Misc. Utility Classes */ .part-screen {width: 100%; height: 58.33333333333333333vw; position: relative; margin-top: 0;} /* */ .full-screen {width: 100%; height: 100%; position: relative; min-height: 600px;} .full-screen .htb-offset, .part-screen .htb-offset {position: absolute; bottom: 0; width: 100%;top: 0px;} .htb-offset {margin-top: 0px; position: relative;} .overflow-hidden {overflow: hidden;} .pipe-seperator {display: inline-block; border-left: 1px solid; height: 14px; margin-left: 10px; margin-right: 10px;} .vertical-ghost {display: inline-block; vertical-align: middle; width: 0; height: 100%;} .vertical-content {display: inline-block; vertical-align: middle; width: 100%; white-space: normal;} .vertical-center {display: inline-block; vertical-align: middle; float: none;} .vertical-center-content {display: inline-block; vertical-align: middle; width: 100%; margin-right: -1px;} .vertical-center-content-column {display: inline-block; vertical-align: middle; margin-right: -1px; float: none;} .vertical-center-ghost {display: inline-block; vertical-align: middle; width: 1px; height: 100%;} .transition {transition: all 1s;} .top-offset {padding-top: 100px; margin-top: -100px;} .border-bottom {border-bottom: 1px solid #A2AAAD !important; padding-bottom: 5px;} .border-top {border-top: 1px solid #999;} .format-new-line {display: block;} .row-equal {overflow: hidden;} .col-equal {margin-bottom: -99999px !important; padding-bottom: 99999px !important;} .gray-box-plain {background: #CCC;} .arrow-link-right {padding-right: 27px; background: url(/images/pub/arrow-right.png) 100% center no-repeat;} .directions {display: inline-block; width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; position: relative; top: -3px;} .parking {display: inline-block; width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; position: relative; top: -3px;} .position-relative {position: relative;} .position-static {position: static;} .full-height {height: 100%;} .no-reletive {position: static;} .sub-menu-placeholder {height: 50px;} /* Utility Colors */ .color-white {color: #FFF;} .color-black, .color-black:hover, .color-black:active {color: #000;} .color-pan-400 {color: #D1CDC6;} .color-pan-404 {color: #756C66;} .color-pan-153 {color: #D77D23;} .color-pan-1595 {color: #F66D22;} .color-pan-143 {color: #FCB53E;} .color-pan-1815 {color: #660000;} .color-pan-180 {color: #CC3333;} .color-pan-646 {color: #3188BB;} .color-pan-647 {color: #224364;} .color-pan-185 {color: #E4002B;} .color-pan-187 {color: #A6192E;} .color-pan-7691 {color: #004C97;} .color-pan-2925 {color: #009CDE;} .color-pan-7678 {color: #68478D;} .color-pan-2074 {color: #9569BE;} .color-pan-427, .color-pan-427:hover, .color-pan-427:active {color: #D0D3D4;} .color-pan-428 {color: #C1C6C8;} .color-pan-429 {color: #A2AAAD;} .color-pan-430 {color: #7C878E;} .color-pan-431, .color-pan-431:hover, .color-pan-431:active {color: #5B6770;} .color-pan-432 {color: #07283D;} .color-pan-433 {color: #1D252D;} .color-pan-tripad {color: #00C094;} .color-EEEEEE, .color-EEEEEE:hover, .color-EEEEEE:active {color: #EEE;} .bg-color-pan-400 {background-color: #D1CDC6;} .bg-color-pan-404 {background-color: #756C66;} .bg-color-pan-153 {background-color: #D77D23;} .bg-color-pan-1595 {background-color: #F66D22;} .bg-color-pan-143 {background-color: #FCB53E;} .bg-color-pan-1815 {background-color: #660000;} .bg-color-pan-180 {background-color: #CC3333;} .bg-color-pan-646 {background-color: #3188BB;} .bg-color-pan-647 {background-color: #224364;} .bg-color-pan-185 {background-color: #E4002B;} .bg-color-pan-187 {background-color: #A6192E;} .bg-color-pan-7691 {background-color: #004C97;} .bg-color-pan-2925 {background-color: #009CDE;} .bg-color-pan-7678 {background-color: #68478D;} .bg-color-pan-2074 {background-color: #9569BE;} .bg-color-pan-427 {background-color: #D0D3D4;} .bg-color-pan-428 {background-color: #C1C6C8;} .bg-color-pan-429 {background-color: #A2AAAD;} .bg-color-pan-430 {background-color: #7C878E;} .bg-color-pan-431 {background-color: #5B6770;} .bg-color-pan-432 {background-color: #07283D;} .bg-color-pan-433 {background-color: #1D252D;} .bg-color-EEEEEE {background-color: #EEE;} .color-0C283D {color: #0C283D;} /* TBD */ .spotlight_circle {background: url(../images/pub/spotlight-spot.png) 100% 0 no-repeat; height: 300px; background-size: contain; position: absolute; top: 30px; right: -15px; width: 100%; padding-right: 30px; } .spotlight_circle_text {padding-top: 120px;} /* Header Image - TBD */ .header-image-container {} .header-image-container .header-image {height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .header-image-container-default {} .header-image-container-default .header-image {height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .header-image-container-300 {} .header-image-container-300 .header-image {height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover;} /* Business Profile Header Image */ .org-menu-container {padding: 10px 0 30px;} .org-menu {} .org-menu .fore-ground {position: relative; z-index: 1;} .org-menu .back-ground {/*background: #FCB566;*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1;} .org-menu ul { padding: 0;} .org-menu ul li {width: 100%; list-style: none;} .org-menu ul li a {display: block; height: 100%; /*color: #000;*/ text-align: left; padding: 5px 15px; position: relative; text-transform: uppercase;} .org-menu ul li a span.org-arrow {position: absolute; left: 0; display: block; top: 50%; width: 0; height: 0; opacity: 1; border-left: 11px solid/* #686868*/; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin-top: -9px; z-index: 50; visibility: hidden;} .org-menu ul li a:hover {opacity: 0.5;} .org-menu ul li.at a {/*color: #FFF;*/} .org-menu ul li.at a, .org-menu ul li.at a:hover {opacity: 1;} .org-menu ul li.at a span.org-arrow {visibility: visible;} /* Category Landing Page Filters and Results */ #category_listings .isotope-container {} #category_listings .isotope_filter_v1 {width: 100%; float: left; padding-left: 15px; padding-right: 15px;} #category_listings .isotope_filter_v2 {width: 33.3332%; float: left; padding-left: 15px; padding-right: 15px;} #category_listings .isotope_filter .teaser {position: relative; min-height: 200px; padding: 10px; margin: 10px 0;} #category_listings .isotope_filter .teaser .see-profile {margin-right: 15px;} #category_listings .isotope_filter_v2 .teaser .see-profile {position: absolute; bottom: 5px; right: 0; margin-right: 15px; margin-bottom: 0;} #category_name {} #category_name h1 {position: relative; z-index: 10;} #category_name h2.h3, #category_name h3 {color: #FFF;} #category_name p {color: #FFF;} #category_name a.back-button {position: relative; z-index: 10;} #category_filters {} /* Filters and Results */ .filters-border {overflow: hidden; /*border-bottom: 1px solid;*/} .filters-group {} .filters-horizontal {} .filters-horizontal .filters-header {padding-top: 15px; padding-bottom: 15px; font-size: 1em; /* 18 / 18 */} .filters-horizontal .filters-content .filter-link {cursor: pointer; text-align: center; text-transform: uppercase; color: #A2AAAD; padding: 0; font-size: 0.8888888888em; /* 16 / 18 */} .filters-horizontal .filters-content .filter-link .filter-span {display: block; margin: 5px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #A2AAAD;} .filters-horizontal .filters-content .filter-link-selected .filter-span {color: #FFF;} /* put more than 1 filter type on single line/row */ .filters-vertical-apply-right {float: right;} .filters-vertical-apply {display: inline-block; margin-bottom: -8px;} .filters-vertical-apply .filters-header {padding-top: 15px; padding-bottom: 15px; font-size: 0.7777777777em; /* 14 / 18 */ } .filters-vertical-apply .filters-header-title {text-transform: none; color: #224364;} .filters-vertical-apply .filters-header .container-fluid {position: relative;} .filters-header .filters-open {margin-right: 5px; margin-left: 37px;} .filters-vertical-apply .filters-header .filters-open, .filters-vertical-apply .filters-header .filters-close, .filters-vertical-apply .filters-content .filters-close {cursor: pointer;} .filters-vertical-apply .filters-header .filters-close {display: none;} .filters-vertical-apply .filters-content .filters-close {color: #FFF; font-size: 1.5em;} .filters-vertical-apply .filters-header .filters-icon {display: inline-block; width: 32px; height: 32px; position: absolute; top: -5px; left: 15px; border-radius: 50%; background-image: url(/images/pub/icon-filter.png);} .filters-vertical-apply .filters-group-open {} .filters-vertical-apply .filters-group-open .filters-border {padding-bottom: 150px;} .filters-vertical-apply .filters-group-open .filters-header {} .filters-vertical-apply .filters-group-open .filters-header .filters-close {display: inline;} /* repositioning of "open field" by making it absolute and 100% width, left 0, etc. */ .filters-vertical-apply .filters {background: transparent; position: absolute; width: 100%; left: 0; z-index: 11;} .filters-vertical-apply .filters .apply-filter, .filters-vertical-apply .filters .clear-filter {display: inline-block; cursor: pointer;} .filters-vertical-apply .filters .filters-content {display: none;} .filters-vertical-apply .filters-group-open {} .filters-vertical-apply .filters-group-open .filters .filters-content {display: block;} .filters-vertical-apply .filters .filters-content .filter-link {cursor: pointer; text-align: left; color: #FFF; padding: 0;} .filters-vertical-apply .filters .filters-content .filter-hide {display: none;} .filters-vertical-apply .filters .filters-content .filter-link .filter-span {display: block; height: 0; width: 100%; position: relative;} .filters-vertical-apply .filters .filters-content .filter-link .filter-span .filter-span-content {display: block; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px; border-width: 1px; border-style: solid; padding: 0 0 0 15px;} /* related to sizing of filter container shapes */ .filters-vertical-apply .filters .filters-content .filter-size-2-3-c .filter-span {padding-bottom: 100%;} .filters-vertical-apply .filters .filters-content .filter-size-2-3-c .filter-span .filter-span-content {border-radius: 50%;} .filters-vertical-apply .filters .filters-content .filter-size-4-6-c .filter-span {padding-bottom: 50%;} .filters-vertical-apply .filters .filters-content .filter-size-4-6-c .filter-span .filter-span-content {border-radius: 25%/50%;} .filters-vertical-apply .filters .filters-content .filter-size-6-s .filter-span {padding-bottom: 25%;} .filters-vertical-apply .filters .filters-content .filter-size-6-s .filter-span .filter-span-content {/*border-radius: 25%/50%;*/} .filters-vertical-apply .filters .filters-content .filter-link .filter-span .filter-span-content .filter-listings-count {/*display: block; position: absolute; bottom: 10%; left: 0; width: 100%; text-align: center;*/} .filters-vertical-apply .filters-header .filter-count {margin: 0 0 0; text-transform: none !important;} .filters-vertical-apply .filters-header .filter-count a.clear-filters {text-transform: uppercase; cursor: pointer;} .isotope-container {/*overflow: hidden;*/} .isotope_filter .teaser {padding-bottom: 10px;} .isotope_filter .teaser h2 a {} /* Custom Calls */ .custom_call_1 .learn-more {position: absolute; bottom: -25px; width: 100%;} .custom_call_1 .learn-more .learn-more-left, .custom_call_1 .learn-more .learn-more-right {display: inline-block; line-height: 56px; background-repeat: no-repeat; background-size: 56px 56px; text-transform: uppercase;} .custom_call_1 .learn-more .learn-more-left {padding-left: 61px; background-image: url(../images/pub/CC-button-large2.png); background-position: 0 center;} .custom_call_1 .learn-more .learn-more-right {padding-right: 61px; background-image: url(../images/pub/CC-button-large1.png); background-position: 100% center;} .custom_call_1 p.h2 {font-size: 5.2vw;} .listings-header-pagination {margin-right: 15px; text-align: right; height: 40px;} .listings-header-pagination .pager-link {cursor: pointer; display: inline-block; line-height: 32px; width: 32px; margin-top: 4px; text-align: center;} .listings-header-pagination .pager-link-active {color: #FFF; border-radius: 50%;} .listings-header-pagination-top {/*margin-top: 30px;*/} .listings-header-pagination-bottom {} .listings-header-bar {} .listings-header-bar-top {} .listings-header-bar-bottom {} .listings-header-bar .listing-header-name {padding: 0 5px; display: inline-block; color: #FFF; position: relative; text-transform: uppercase; line-height: 36px; font-size: 0.7777777777em; /* 14 / 18 */} .listings-header-bar .listing-header-name .listing-header-bar-wedge-top { border-bottom: 36px solid; border-left: 0px solid transparent; border-right: 18px solid transparent; position: absolute; left: 100%; top: 0; margin-left: 0px; width: 0; height: 0; } .listings-header-bar .listing-header-name .listing-header-bar-wedge-bottom { border-top: 36px solid; border-left: 0px solid transparent; border-right: 18px solid transparent; position: absolute; left: 100%; top: 0; margin-left: 0px; width: 0; height: 0; } /* Profile */ /* SPECIFIC TO "OLD" H1 IN PROFILE PAGE */ #profile h1 {} #profile .addthis_inline_share_buttons {overflow: hidden; width: 100%;} #profile .addthis_inline_share_text {line-height: 44px; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; color: #CB333B; display : inline-block; float: left;} #profile .at-share-btn-elements {line-height: 44px; margin-top: 20px; margin-bottom: 10px; display : inline-block; float: left; margin-left: 10px;} #profile .at-share-btn-elements .at-share-btn {background-color: #CB333B !important; vertical-align: middle;} #profile .hours p {margin-bottom: 0;} .button-link {/*font-size: 0.77777777777em;*/ /* 14 / 18 */} .back-button {line-height: 44px; margin-top: 25px; color: #FFF !important; margin-right: 20px; margin-bottom: 15px;} .meet_the_chef {background: #EEE;} .meet_the_chef .meet_the_chef_bio {margin-top: 25px;} .window_shade_ellipsis {position: absolute;} .window_shade_open_or_close {position: absolute;} .window_shade_toggle {} /* Homepage */ .live_music_container {background: url(../images/pub/bckgrd-music-home.jpg) 0 0 no-repeat; background-size: 100% 100%; position: relative; z-index: 1;} /* Flickr */ #more_photos {text-transform: uppercase;} @keyframes header_text_moved { 0% {left: 100%; opacity: 0; font-size: 200px;} 100% {left: 0; opacity: 1; font-size: 40px;} } .home-icon, .home-icon:hover, .home-icon:active, .home-icon:focus {color: #FFF;} .home-event-wrapper {position: relative;} .home-event-wrapper .home-event-wrapper-bckgrd {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .home-event-wrapper .home-event-wrapper-bckgrd .home-event-wrapper-bckgrd-layer {height: 100%; background-size: cover; background-position: center center;} .home-event-wrapper .home-event-heading, .home-event-wrapper .all-upcoming-events {position: relative;} .home-news-wrapper {position: relative;} .home-news-wrapper .home-news-wrapper-bckgrd {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .home-news-wrapper .home-news-wrapper-bckgrd .home-news-wrapper-bckgrd-layer {height: 100%; background-size: cover; background-position: center center;} .home-news-wrapper .home-news-heading, .home-news-wrapper .all-latest-news {position: relative;} .buckets-curve-top {/*background: url(../images/pub/event-header-curve2.png) 0 0 no-repeat; background-size: contain; height: 0; padding-bottom: 15.3333%;*/} .bucket-header h2 {margin-top: 0; margin-bottom: 0; position: relative;} .bucket-header h2.start_right {left: 100%; opacity: 0; font-size: 200px;} .bucket-header h2.moved_left {animation-name: header_text_moved; animation-duration: 1s;} .bucket-header {position: absolute; top: 10px; left: 0; width: 100%;} .secondary-nav-links {text-align: center; text-transform: uppercase; letter-spacing: 2px; line-height: 40px;} .header-image-background {margin-top: 30px; position: relative; z-index: 20;} .header-image-background .container-fluid {position: relative;} .header-image-background .extension {position: absolute; height: 100%; width: 9999px; top: 0;} .header-image-background .left-extension {left: -9999px;} .header-image-background .right-extension {right: -9999px;} .all-upcoming-events {} .all-upcoming-events a {font-size: 1.125em; line-height: 3.20987654321em; /* 65 / (18 * 1.125) */} .all-upcoming-events a span {top: 3px;} .all-latest-news {} .all-latest-news a {font-size: 1.125em; line-height: 3.20987654321em; /* 65 / (18 * 1.125) */} .all-latest-news a span {top: 3px;} /* Flickr Gallery */ .my-gallery {width: 100%; float: left;} .my-gallery img {width: 100%; height: auto;} .my-gallery figure {display: block; float: left; margin: 0 5px 5px 0;} .my-gallery figcaption {display: none;} /* Youtube Videos */ .youtube-video {display: block; width: 100%; position: relative; padding-top: 56.25%;} .youtube-video .youtube-video-link {position: absolute; display: block; height: 100%; width: 100%; background-position: 0 center; background-repeat: no-repeat; top: 0; left: 0; background-size: cover;} .youtube-video .youtube-video-link .youtube-video-view-button {display: block; width: 70px; height: 70px; position: absolute; top: 10px; left: 10px; background: url(../images/pub/video-play-button.png) 0 0 no-repeat;} /* TRENDING NOW */ .trending-now {height: 190px; margin-bottom: 15px;} .trending-now .fill-trending-background {height: 190px; background-position: center center; background-size: cover;} .trending-now .learn-more a {/*display: inline-block; padding-right: 27px; background: url(../images/pub/arrow-right.png) 100% center no-repeat; background-size: 22px 22px; position: relative; line-height: 22px;*/ display: block; padding: 8px 0;} .trending-now .learn-more {position: absolute; left: 0; bottom: 0; width: 100%;} .trending-now .learn-more p {margin: 0;} .trending-now .trending-now-headline {font-size: 4.5833333333333333333333333333333vw; /* 22 / 480 * 100 */ margin-top: 10px;} .trending-now .trending-now-headline-org {margin-top: 0; font-size: 3.75vw; /* 18 / 480 * 100 */} .trending-now .trending-now-date {margin-top: 10px; margin-bottom: 0;} /* Image Map */ .img_map {position: relative;} .img_map img {width: 100%;} .img_map span {display: block;} .img_map span a {position: absolute; display: block; z-index: 10;} #organization .header-line {/*position: absolute; width: 100%;*/} @media screen and (min-width: 0px) { .part-screen {height: 600px;} } @media only screen and (min-width: 481px) { .trending-now .trending-now-headline, .mts-bucket-3 .mts-bucket-overlay h2 {font-size: 1.2222222222222222222222222222222em; /* 22 / 18 */} .trending-now .trending-now-headline-org, .mts-bucket-3 .mts-bucket-overlay-org h2 {font-size: 1em; /* 18 / 18 */} } @media only screen and (min-width: 768px) { .trending-now .trending-now-headline, .mts-bucket-3 .mts-bucket-overlay h2 {font-size: 2.2222222222222222222222222222222vw; /* 22 / 990 * 100 */} } @media only screen and (min-width: 576px) { .carousel-inner .carousel-item .carousel-caption {height: 110px;} .carousel-inner .carousel-item .carousel-overlay-button-link-container {bottom: 45px;} .carousel .carousel-indicators {bottom: 110px;} } @media only screen and (min-width: 768px) { .carousel-inner .carousel-item .carousel-caption {height: 120px;} .carousel-inner .carousel-item .carousel-overlay-button-link-container {bottom: 55px;} .carousel .carousel-indicators {bottom: 120px;} } @media only screen and (min-width: 1400px) { .part-screen {height: 850px;} } @media only screen and (min-width: 992px) { .trending-now .trending-now-headline, .mts-bucket-3 .mts-bucket-overlay h2 {font-size: 1.2222222222222222222222222222222em; /* 22 / 18 */} } /* TRENDING NOW */ /* Medium or smaller */ @media screen and (max-width: 1199px) { .filters-vertical-apply .filters .filters-content .filter-link {font-size: 1.1666666666vw; /* based on 14 at largest size */ /* line height is based on current element's font size */ line-height: 1.14285714286em; /* 16 / 14 */} } /* X-Small */ @media screen and (max-width: 767px) { .filters-vertical-apply .filters .filters-content .filter-link {font-size: 2.6vw; /* 12 / 18 */ /* line height is based on current element's font size */ line-height: 1.0833333333em; /* 13 / 12 */} .filters-vertical-apply .filters .filters-content .filter-link .filter-span .filter-span-content {} .filters-vertical-apply .filters .filters-content .filter-link .filter-span .filter-span-content .filter-listings-count {} } /* Small or Large */ @media screen and (min-width: 768px) and (max-width: 991px), screen and (min-width: 1200px) { .filters-vertical-apply .filters .filters-content .filter-link { /* line height is based on current element's font size */ line-height: 1.14285714286em; /* 16 / 14 */} } /* Footer */ #footer-top-container {padding-top: 0; overflow: hidden;} #footer-top .container-lg {padding-top: 10px; padding-bottom: 25px;} #footer-top ul {list-style: none; padding-left: 0;} #footer-top ul li {line-height: 2.2222222222em; /* 40 / 18 */} #footer-top h3 span.h3 {color: #FCB53E;} #footer-top a {} #footer-top a span {} #footer-top p strong {color: #FFF;} #footer-top h2.h3 {} #footer-top a.h3 {color: #FFF;} #footer-top .right-side {line-height: 2.2222222em;} #footer-bottom {border-top: 20px solid #000000;} #footer-bottom .container-lg {padding-top: 10px; padding-bottom: 25px;} /* Colors */ .txt-col-1 {color: #FFF;} /* Alignmnet */ .text-left-xs {text-align: left;} .text-center-xs {text-align: center;} .text-right-xs {text-align: right;} .pull-left-xs {float: left;} .pull-right-xs {float: right;} .l-m-xs-0 {padding-left: 0;} .l-m-xs-15 {padding-left: 15px;} .r-m-xs-0 {padding-right: 0;} .r-m-xs-15 {padding-right: 15px;} /* Spacing Classes (TOP) */ .t-m-xs-0 {margin-top: 0;} .t-m-xs-5 {margin-top: 5px;} .t-m-xs-10 {margin-top: 10px;} .t-m-xs-15 {margin-top: 15px;} .t-m-xs-20 {margin-top: 20px;} .t-m-xs-25 {margin-top: 25px;} .t-m-xs-50 {margin-top: 50px;} .t-m-xs-75 {margin-top: 75px;} .t-m-xs-100 {margin-top: 100px;} .t-m-xs-125 {margin-top: 125px;} .t-m-xs-150 {margin-top: 150px;} /* Spacing Classes (BOTTOM) */ .b-m-xs-0 {margin-bottom: 0;} .b-m-xs-5 {margin-bottom: 5px;} .b-m-xs-10 {margin-bottom: 10px;} .b-m-xs-15 {margin-bottom: 15px;} .b-m-xs-20 {margin-bottom: 20px;} .b-m-xs-25 {margin-bottom: 25px;} .b-m-xs-50 {margin-bottom: 50px;} .b-m-xs-75 {margin-bottom: 75px;} .b-m-xs-100 {margin-bottom: 100px;} .b-m-xs-125 {margin-bottom: 125px;} .b-m-xs-150 {margin-bottom: 150px;} .position-absolute-xs {position: absolute;} .push-down {height: 70px;} #org-story {margin-bottom: 50px;} #org-story .push-down {display: none;} #org-story #org_header {margin-bottom: 0;} #org-story .htb-offset {margin-top: 0;} #org_header {background: #D1CDC6;} #org_header .arrow-links {position: relative; top: 30px;} #org_header .arrow-link-right {display: inline-block; padding-right: 27px; background: url(../images/pub/arrow-right.png) 100% center no-repeat; line-height: 22px;} #org_header .arrow-link-left {display: inline-block; padding-left: 27px; background: url(../images/pub/arrow-left.png) 0 center no-repeat; line-height: 22px;} #org_header .rightside p {margin-bottom: 20px;} /*#organization h2 {color: #756C66;}*/ .side-links {} .side-links h3 {/*color: #FFF;*/} .side-links .side-link {display: block; /*color: #FFF;*/ border: 1px solid; text-transform: uppercase; padding: 10px; margin-top: 10px;} .side-links br {display: none;} /* Page Bottom */ .bottom-curve-wrapper {position: relative;} .bottom-curve-wrapper .bottom-bar {height: 125px;} .bottom-curve-wrapper .bottom-bar .container-lg {height: 125px;} .bottom-curve-wrapper .curve-bottom {position: absolute; bottom: 75px; left: 0; background: url(../images/pub/bottom-curve2.png) 0 0 no-repeat; background-size: contain; height: 0; padding-bottom: 15.3333%; width: 100%;} .bottom-curve-wrapper .bottom-links {position: absolute; bottom: 0; left: 0; height: 75px; width: 100%; background: url(../images/pub/D1CDC6-pixel.jpg) 0 0 repeat;} /* To Be Determined */ .event_stories {position: relative;} .event_stories .event_stories_logo {position: absolute; top: 100%; width: 100%; left: 0; margin-top: -5%;} .event_stories .event_stories_logo img {position: relative; z-index: 14;} /* ORG Business Tips */ .biz_tip_wrapper {padding-top: 3px;} .biz_tips {} .biz_tips h3 {color: #00426F;} .biz_tips .biz_tip {position: relative; border-bottom: 1px dotted #000;} .biz_tips .biz_tip p {margin-top: 10px; margin-right: 100px;} .biz_tips .biz_tip p strong, .biz_tips .biz_tip p strong a {color: #000;} .biz_tips .biz_tip_link_pdf {position: absolute; bottom: 10px; right: 0;} /* ============================================================== 09 Media Queries ============================================================== */ /* Extra Small Devices, Phones */ @media only screen and (max-width: 619px) { #category_name h1 {font-size: 8vw;} } /* Extra Small Devices, Phones */ @media only screen and (max-width: 767px) { #category_listings .isotope_filter_v2 {width: 100%;} } /* Extra Small */ @media only screen and (max-width: 767px) { .bucket {padding-bottom: 0 !important;} .bucket .bucket {padding-bottom: 15px !important;} .bucket .bucket-content .bucket-content-background {margin-bottom: 0 !important; padding-bottom: 0 !important;} .isotope_filter .teaser h2 {font-size: calc(1.555555em + (2 - 1.555555) * ((100vw - 17.777777em) / (42.666666 - 17.777777)));} /* 2em */ .isotope_filter .teaser p {font-size: calc(0.777777em + (1 - 0.777777) * ((100vw - 17.777777em) / (42.666666 - 17.777777)));} /* 1em */ /* font-size: calc(fminu + (fmax - fmin) * ((100vw - rminu) / (rmax - rmin))); Legend: fminu - font minimum with units fmin - font minimim (unitless) fmax - font maximum (unitless) rminu - ranage minimum with units rmin - range minimum (unitless) rmax - range maximum (unitless) Note: all values must be based from the same units */ .col-xs-push-0 {left: 0;} } @media only screen and (max-width: 767px) and (orientation:portrait) { .bucket .bucket-overlay .bucket-overlay-content .bucket-overlay-content-inner-close .transformicon {right: -14px; top: -5px;} html.no-touchevents .bucket .bucket-overlay .bucket-overlay-content .bucket-overlay-content-inner-close .transformicon {top: -15px;} } @media only screen and (max-width: 767px) and (orientation:landscape) { .bucket .bucket-overlay .bucket-overlay-content .bucket-overlay-content-inner-close .transformicon {right: -15px;} } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { .push-down {height: 40px;} /* Alignmnet */ .text-left-sm {text-align: left;} .text-center-sm {text-align: center;} .text-right-sm {text-align: right;} .pull-left-sm {float: left;} .pull-right-sm {float: right;} .l-m-sm-0 {padding-left: 0;} .l-m-sm-15 {padding-left: 15px;} .r-m-sm-0 {padding-right: 0;} .r-m-sm-15 {padding-right: 15px;} /* Spacing Classes (TOP) */ .t-m-sm-0 {margin-top: 0;} .t-m-sm-5 {margin-top: 5px;} .t-m-sm-10 {margin-top: 10px;} .t-m-sm-15 {margin-top: 15px;} .t-m-sm-20 {margin-top: 20px;} .t-m-sm-25 {margin-top: 25px;} .t-m-sm-50 {margin-top: 50px;} .t-m-sm-75 {margin-top: 75px;} .t-m-sm-100 {margin-top: 100px;} .t-m-sm-125 {margin-top: 125px;} .t-m-sm-150 {margin-top: 150px;} /* Spacing Classes (BOTTOM) */ .b-m-sm-0 {margin-bottom: 0;} .b-m-sm-5 {margin-bottom: 5px;} .b-m-sm-10 {margin-bottom: 10px;} .b-m-sm-15 {margin-bottom: 15px;} .b-m-sm-20 {margin-bottom: 20px;} .b-m-sm-25 {margin-bottom: 25px;} .b-m-sm-50 {margin-bottom: 50px;} .b-m-sm-75 {margin-bottom: 75px;} .b-m-sm-100 {margin-bottom: 100px;} .b-m-sm-125 {margin-bottom: 125px;} .b-m-sm-150 {margin-bottom: 150px;} .position-absolute-sm {position: absolute;} /* Small Container */ .container-sm {width: 750px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;} /* Buckets */ html.no-js .bucket-large:hover .bucket-overlay, .bucket-large-over .bucket-overlay {top: 50%;} html.no-js .bucket-small:hover .bucket-overlay, .bucket-small-over .bucket-overlay {top: 25%;} .bucket-large .bucket-overlay .bucket-overlay-content {font-size: 1.75vw;} .bucket-large .bucket-content .bucket-content-overlay .bucket-content-overlay-content {font-size: 4.0vw;} .bucket-large .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header {margin-top: 2.22222222vw; margin-bottom: 1.1111111vw; line-height: 5.86vw;} .bucket-large .bucket-overlay .bucket-overlay-content .bucket-overlay-content-header {margin-top: 0; margin-bottom: 0;} .bucket-large .bucket-overlay .bucket-overlay-content .bucket-overlay-content-title {margin-bottom: 1.1111111vw;} .bucket-small .bucket-overlay .bucket-overlay-content {font-size: 1.3125vw; text-align: left;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content {font-size: 1.7vw;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content {margin-left: 0;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header {margin-top: 1.111111111vw; margin-bottom: 0.5555555555vw; margin-left: 1.07vw; line-height: 2.93vw;} .bucket-small .bucket-overlay .bucket-overlay-content .bucket-overlay-content-header {margin-top: 0; margin-bottom: 0;} .bucket-small .bucket-overlay .bucket-overlay-content .bucket-overlay-content-title {margin-bottom: 0.5555555555vw;} /* Header */ /*#header #header-logo-bar #header-logo-extension {height: 170px;} #header #header-logo-bar #header-logo-image {/*width: 294px; height: 170px;*//*}*/ /* Custom Calls */ .custom_call_1 p.h2 {font-size: 2.5vw;} /* Bootstrap Carousel - Inside Each Slide */ .carousel-inner .carousel-item .carousel-caption .foreground-layer .carousel-caption-copy .carousel-caption-copy-content {font-size: 1.2222222222222em; /* 22 / 18 */} .org-menu ul {margin: 0;} .top-offset {padding-top: 170px; margin-top: -170px;} .bucket .bucket-date-container {position: absolute;} .bucket .bucket-date-container .featured-content {margin-top: 40px;} /* Event Buckets */ .live-music-event-bucket .event-bucket-fore-ground .event-day-name {font-size: 3.375vw;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-heading h3 {font-size: 1.83333333vw;} #category_listings .isotope_filter_v2 {width: 49.9999%;} } /* Styles for Bootstrap Small and Extra Small sizes */ @media only screen and (max-width: 991px) { .sub-menu-placeholder {height: 0;} .category-background {padding-top: 0 !important;} .navbar-header { text-align: right; width: 100%; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { /*display: none !important;*/ height: 100% !important; } .navbar-nav { float: none !important; margin: 0; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block !important; } .collapsing { overflow: hidden!important; } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } #mobile-button {border: 1px solid #FFF; padding: 0.35em 0.35em 0.3em; margin: 0.4em 0.8em 0.4em 0; line-height: 20px; border-radius: 0.275em;} #mobile-button .lines {top: -5px;} #mobile-collapse.fixed {padding: 0; margin: 0; display: block; visibility: visible; position: fixed; left: -50%; width: 50%; height: 100%; transition: left 0.5s; z-index: 100; top: 30px; border: 0; z-index: 200;} #mobile-collapse.fixed.open {left: 0%; width: 65%;} #mobile-collapse.fixed .jump-links {position: absolute; left: 0; padding: 0; margin: 0; width: 100%; bottom: 0; padding-bottom: 30px; top: 0;} #mobile-collapse.fixed .jump-links .scroller {overflow: auto; height: 100%;} #mobile-collapse.fixed.open li.dropdown a.dropdown-link + ul.dropdown-menu {display: block; visibility: hidden; position: fixed; top: 100px; left: 50%; padding: 0; margin: 0; width: 50%; height: 100%; overflow: hidden; background: transparent; box-shadow: none; z-index: -1;} #mobile-collapse.fixed.open li.dropdown a.dropdown-link + ul.dropdown-menu {} #mobile-collapse.fixed.open li.dropdown.open a.dropdown-link + ul.dropdown-menu {z-index: 100; visibility: visible;} ul.dropdown-menu li.dropdown-container {display: block; position: absolute; bottom: 100px; left: -100%; top: 0; width: 100%; background: #0C283D;} #mobile-collapse.fixed.open li.dropdown a.dropdown-link + ul.dropdown-menu li.dropdown-container {transition: left 0.5s;} #mobile-collapse.fixed.open li.dropdown.open a.dropdown-link + ul.dropdown-menu li.dropdown-container {left: 0;} ul.dropdown-menu li.dropdown-container .container-fluid {padding: 0; overflow: auto; display: inline-block; width: 100%; height: 100%;} ul.dropdown-menu li.dropdown-container .container-fluid .yamm-content {padding: 0; margin: 0 15px;} #mobile-collapse.fixed.open li.dropdown a.dropdown-link:hover,#mobile-collapse.fixed.open li.dropdown a.dropdown-link:focus, #mobile-collapse.fixed.open li.dropdown.open a.dropdown-link:hover,#mobile-collapse.fixed.open li.dropdown.open a.dropdown-link:focus {opacity: 1;} .navbar .navbar-nav li a.dropdown-link .sub-arrow {position: static; display: inline-block; width: 0; height: 0; opacity: 1; border-left: 10px solid #0C283D; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-left: 10px; z-index: 50;} .navbar .navbar-nav li.open a.dropdown-link .sub-arrow {position: static; display: inline-block; width: 0; height: 0; opacity: 1; border-left: 0; border-right: 10px solid #0C283D; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-left: 10px; z-index: 50;} /* Bootstrap Carousel - Inside Each Slide - Heading Title Control (XS and SM) */ .carousel-inner .carousel-item .carousel-header {/*top: 70px;* /* For set situations */} .carousel-inner .carousel-item .carousel-header .heading-title {font-size: 2.6666666666666666666666666666667em; /* 60 / 18 */ line-height: 1;} /* Drop Down Menu */ .no-scrollbar {position: fixed;} .search-form { padding: 10px 15px; height: 50px; } .search-form form {} /* DIV WIDTH LIMIT */ .div-w-limit-xs310 {max-width: 360px;} /* News Buckets */ .news-bucket-2 .block .content .back-ground {opacity: 1; z-index: 1;} .news-bucket-2:hover .block .content .back-ground {opacity: 1; z-index: 1;} .news-bucket-2:hover .block .content .fore-ground {opacity: 1; z-index: 0;} } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { .min-h-md-500 {min-height: 500px;} /* Large Container */ .container-lg {width: 100%; max-width: none;} /* Alignmnet */ .text-left-md {text-align: left;} .text-center-md {text-align: center;} .text-right-md {text-align: right;} .pull-left-md {float: left;} .pull-right-md {float: right;} .l-m-md-0 {padding-left: 0;} .l-m-md-15 {padding-left: 15px;} .r-m-md-0 {padding-right: 0;} .r-m-md-15 {padding-right: 15px;} /* Spacing Classes (TOP) */ .t-m-md-0 {margin-top: 0;} .t-m-md-5 {margin-top: 5px;} .t-m-md-10 {margin-top: 10px;} .t-m-md-15 {margin-top: 15px;} .t-m-md-20 {margin-top: 20px;} .t-m-md-25 {margin-top: 25px;} .t-m-md-50 {margin-top: 50px;} .t-m-md-75 {margin-top: 75px;} .t-m-md-100 {margin-top: 100px;} .t-m-md-125 {margin-top: 125px;} .t-m-md-150 {margin-top: 150px;} /* Spacing Classes (BOTTOM) */ .b-m-md-0 {margin-bottom: 0;} .b-m-md-5 {margin-bottom: 5px;} .b-m-md-10 {margin-bottom: 10px;} .b-m-md-15 {margin-bottom: 15px;} .b-m-md-20 {margin-bottom: 20px;} .b-m-md-25 {margin-bottom: 25px;} .b-m-md-50 {margin-bottom: 50px;} .b-m-md-75 {margin-bottom: 75px;} .b-m-md-100 {margin-bottom: 100px;} .b-m-md-125 {margin-bottom: 125px;} .b-m-md-150 {margin-bottom: 150px;} .b-m-md-500 {margin-bottom: 500px;} .position-absolute-md {position: absolute !important;} /* Buckets */ .bucket-large .bucket-overlay .bucket-overlay-content {font-size: 1.5vw;} .bucket-large .bucket-content .bucket-content-overlay .bucket-content-overlay-content {font-size: 3.0vw;} .bucket-large .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header {margin-top: 1.666666667vw; margin-bottom: 0.833333333vw; line-height: 4.4vw;} .bucket-large .bucket-overlay .bucket-overlay-content .bucket-overlay-content-header {margin-top: 0; margin-bottom: 0;} .bucket-large .bucket-overlay .bucket-overlay-content .bucket-overlay-content-title {margin-bottom: 0.833333333vw;} .bucket-small .bucket-overlay .bucket-overlay-content {font-size: 1.125vw;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content {font-size: 1.35vw;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header {margin-top: 0.833333333vw; margin-bottom: 0.416666667vw; margin-left: 0.8vw; line-height: 2.2vw;} .bucket-small .bucket-overlay .bucket-overlay-content .bucket-overlay-content-header {margin-top: 0; margin-bottom: 0;} .bucket-small .bucket-overlay .bucket-overlay-content .bucket-overlay-content-title {margin-bottom: 0.416666667vw;} /* Buckets */ .bucket-small {padding-bottom: calc(33.333333333% - 7.5px);} .search-form {width: 300px; height: 100%;} .search-form .under-search {float: right;} .search-form form {top: 1px; right: 116px;} /* Medium Container */ .container-md {width: 970px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;} #category_listings .isotope_filter_v2 {width: 33.3332%;} } .part-screen {transition: height; transition-duration: 1s;} .container-carousel-lg {transition: width; transition-duration: 1s;} /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .container-carousel-lg {width: 1183px; margin-left: auto; margin-right: auto;} } @media only screen and (min-width: 1400px) { .container-carousel-lg {width: 100%; margin-left: auto; margin-right: auto;} } @media only screen and (min-width: 1500px) { .container-carousel-lg {width: 1500px; margin-left: auto; margin-right: auto;} } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { /* Alignmnet */ .text-left-lg {text-align: left;} .text-center-lg {text-align: center;} .text-right-lg {text-align: right;} .pull-left-lg {float: left;} .pull-right-lg {float: right;} .l-m-lg-0 {padding-left: 0;} .l-m-lg-15 {padding-left: 15px;} .r-m-lg-0 {padding-right: 0;} .r-m-lg-15 {padding-right: 15px;} /* Spacing Classes (TOP) */ .t-m-lg-0 {margin-top: 0;} .t-m-lg-5 {margin-top: 5px;} .t-m-lg-10 {margin-top: 10px;} .t-m-lg-15 {margin-top: 15px;} .t-m-lg-20 {margin-top: 20px;} .t-m-lg-25 {margin-top: 25px;} .t-m-lg-50 {margin-top: 50px;} .t-m-lg-75 {margin-top: 75px;} .t-m-lg-100 {margin-top: 100px;} .t-m-lg-125 {margin-top: 125px;} .t-m-lg-150 {margin-top: 150px;} /* Spacing Classes (BOTTOM) */ .b-m-lg-0 {margin-bottom: 0;} .b-m-lg-5 {margin-bottom: 5px;} .b-m-lg-10 {margin-bottom: 10px;} .b-m-lg-15 {margin-bottom: 15px;} .b-m-lg-20 {margin-bottom: 20px;} .b-m-lg-25 {margin-bottom: 25px;} .b-m-lg-50 {margin-bottom: 50px;} .b-m-lg-75 {margin-bottom: 75px;} .b-m-lg-100 {margin-bottom: 100px;} .b-m-lg-125 {margin-bottom: 125px;} .b-m-lg-150 {margin-bottom: 150px;} .position-absolute-lg {position: absolute;} /* Buckets */ .bucket-large .bucket-overlay .bucket-overlay-content {font-size: 1em;} .bucket-large .bucket-content .bucket-content-overlay .bucket-content-overlay-content {font-size: 2em;} .bucket-large .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header {margin-top: 20px; margin-bottom: 10px; line-height: 52px;} .bucket-large .bucket-overlay .bucket-overlay-content .bucket-overlay-content-header {margin-top: 0; margin-bottom: 0;} .bucket-large .bucket-overlay .bucket-overlay-content .bucket-overlay-content-title {margin-bottom: 10px;} .bucket-small .bucket-overlay .bucket-overlay-content {font-size: 0.75em;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content {font-size: 0.9em;} .bucket-small .bucket-content .bucket-content-overlay .bucket-content-overlay-content .bucket-content-overlay-content-header {margin-top: 10px; margin-bottom: 5px; line-height: 26px;} .bucket-small .bucket-overlay .bucket-overlay-content .bucket-overlay-content-header {margin-top: 0; margin-bottom: 0;} .bucket-small .bucket-overlay .bucket-overlay-content .bucket-overlay-content-title {margin-bottom: 5px;} /* Custom Calls */ .custom_call_1 p.h2 {font-size: 1.66666666667em; /* 30 / 18 */} /* Large Container */ .container-lg {width: 1183px; margin-left: auto; margin-right: auto;} /* Event Buckets */ .live-music-event-bucket .event-bucket-fore-ground .event-day-name {font-size: 2.25em;} .live-music-event-bucket .event-bucket-fore-ground .event-bucket .block .content .event-bucket-heading h3 {font-size: 1.2222222222222222222222222222222em; /* 22 / 18 */} } /* ============================================================== 10 Tag Styles ============================================================== */ /* ============================================================== 11 Print Styles ============================================================== */ @media print { a:after {content: '' !important;} }