/* CENTURYB This file will hold the main styles for your website. */ /* colors dk red #770809 brown #483318 gold #d0a85e tan #e2d0b0 beige #f4f0ea */ /* ============================================================================= DEFAULTS ========================================================================== */ body { font: 13px/1.3 Verdana,Helvetica,Arial,sans-serif; background-color: #440000; /*dk red */ color:#222; } a:link, a:visited { color: #901214; text-decoration: none; } a:hover { color: #901214; text-decoration: underline; } a:active { color: #901214; text-decoration: none; } hr { margin: 0; padding: 0; border: none; height: 1px; background: #999; } h1, h2, h3, h4, h5, h6 { letter-spacing: -0.05em; font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 2.8em;} h2 { font-size: 2em; color: #000; } h3 { font-size: 2em; color: #000; } h4 { font-size: 1.5em; color: #483318; } h5 { font-size: 1.4em; color: #483318; line-height: 1.2em; } h6 { font-size: 1.2em; color: #483318; } ol { list-style: decimal;} ul { list-style: disc; padding-left: 1.5em; } ul ul, ol ol { padding-top: 0.5em;} .node ol { padding-left: 2em;} .node ul { padding-left: 1.5em;} p, dl, hr, h1, h2, h3, h4, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } h5 { margin-bottom: 10px; } /* Prevent Long URL’s From Breaking Out of Container body { -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ /*word-break: break-word; }*/ /* ============================================================================= GLOBAL - UI ========================================================================== */ #page-title { color: #483318; font-family: /*'DejaVuSansBook',*/ Geneva, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: .01em; line-height: 1.1em; } h2.block-title { color: #483318; font-family: 'OpenSansRegular', Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; line-height: 1.2em; font-weight: normal; font-size: 1.6em; letter-spacing: .04em; text-transform: uppercase; } .logo-img { display: block; padding: 30px 0; width: 100%; text-align: center; } .logo-img img { max-width: 90%; } /* burg bar */ .divider1 { background:url(../images/divider1.png) center no-repeat; padding-bottom: 25px; } /* SHARE THIS */ .sharethis-buttons { margin-top: 20px; } /* CTA buttons */ #cta-btns { display: block; text-align: center; } #cta-btns .btn { padding: 4px 2px; } /* @font-face ================================================== */ @font-face { font-family: 'EntypoRegular'; src: url('../fonts/entypo-webfont.eot'); src: url('../fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/entypo-webfont.woff') format('woff'), url('../fonts/entypo-webfont.ttf') format('truetype'), url('../fonts/entypo-webfont.svg#EntypoRegular') format('svg'); font-weight: normal; font-style: normal; } /* TEXT ================================================== */ .red { color: #770809; } /* brown background - room pages */ .block-title1 { color: #eee; font-weight: bold; background-color: #483318; padding: 5px; text-align: center; margin-bottom: 10px; } /* Our Pholosphy intro box on homepage */ .text-title-red { color: #770809; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.5em; letter-spacing: .08em; padding-bottom: 8px; line-height: 1.2em; } span.first-picto { float: left; font-family: 'EntypoRegular'; font-size: 72px; height: 50px; color: #CCC; margin-right: 0.1em; margin-bottom:-0.15em; } /* dropcap */ span.first { float: left; /*font-family: Old English, Georgia,serif;*/ font-family: "Times New Roman", Times, serif; font-size: 500%; line-height: 0.85em; margin-right: 0.1em; margin-bottom:-0.15em; color: #999;} .signature { font-family: 'JournalRegular', "Times New Roman", Times, serif; color: #483318; font-size: 42px; } /* TABLES ================================================== */ tr, td { vertical-align: top; padding: 20px 0; } tr.even { background: none; border-bottom: 1px solid #CCC; } tr.odd { background: none; border-bottom: 1px solid #CCC; } .table1 tr, .table1 td { padding: 3px 0; } .table1 tr { border-bottom: 1px dotted #CCC; } /* LISTS ================================================== */ ul.list1 { list-style: none; list-style-image: none; padding-left: 0; line-height: 1.3em; } .list1 li { border-bottom: 1px dotted #999; padding: 5px 0; } /* ============================================================================= BLOCKS ========================================================================== */ /* default for blocks in Sidebar First and Sidebar Second */ .side-block { margin: 20px; } .block-stay-in-touch { color: #ccc; } .block-stay-in-touch h2.block-title { color: #eee; font-weight: normal; } .block-dining { color: #ccc; padding-left: 30px; } .block-dining h2.block-title { color: #eee; font-weight: normal; } .title2 {font-size: 24px; } .block-visit { background:url(../images/sq-red-80.png) repeat; width: 90%; color: #eee; padding: 15px 5px 5px 15px; margin-top: 10px; font-size:1.1em; } .block-visit h2.block-title { color: #eee; font-weight: normal; } .visit-col1 { float: left; width: 42%; } .visit-col1 .directions { padding-top: 8px; } .visit-col1 .directions a { color: #d0a85e; font-size: 13px; } .visit-col2 { clear: none; float: left; width: 46%; padding-top: 0; } /* phone numbers on mobile */ .block-visit a { color: #d0a85e; } .block-block-21 { margin-left: 10px; } .block-views-events-block-1 { margin-left: 10px; padding-top: 25px; } .block-spotlight-events-title { padding: 25px 15px 0 15px; margin-top: 10px; } .block-spotlight-events-title p { margin-bottom: 0; } .block-spotlight-events { padding: 0 15px 0 15px; } .block-spotlight-events tr.even { background: none; /*border-bottom: 1px dotted #999;*/ } .block-spotlight-events tr.odd { background: none; /*border-bottom: 1px dotted #999;*/ } .block-venues { border-left: none; padding: 15px; margin-top: 10px; } .block-venues p { margin-bottom: 5px; } .block-avail-services { padding: 20px; background-color: #e8dfcf; margin-right: 10px; } .block-avail-services h2.block-title { text-align: center; } .block-search-events2 { text-align: center; margin-left: 10px; } .block-search-events2 h2.block-title { text-align: center; } .block-visit2 h2.block-title { color: #eee; font-weight: normal; background-color: #000099; width: 300px; padding: 15px 30px; } /* SPOTLIGHT EVENTS */ .event-spotlight-thumb { padding-right: 10px; } .event-spotlight-title { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; line-height: 1.3em; } .event-spotlight-with { margin-bottom: 5px; } .event-spotlight-time p { margin-bottom: 5px; } .event-spotlight-date { font-weight: bold; color: #483318; font-size: .9em; } .event-spotlight-date p { margin-bottom: 10px; } /* CLASSES */ .block-download-schedule { margin: 20px; padding-bottom: 50px; } .block-dance-styles { text-align: center; } /* MEMBERSHIP */ .block-tabs-membership-mobi { display: block; } .block-tabs-membership { display: none; } /* MERCHANDISE */ .block-tabs-century-mobile { display: block; } .block-tabs-century { display: none; } #block-quicktabs-merchandise-amazon { display: none; } #block-quicktabs-tabs-merchandise-amazon-mobi { display: block; } /* FAQ */ .block-tabs-faq { display: none; } .block-tabs-faq-mobi { display: block; } /*********************/ /* FIELDS */ /*********************/ /* GLOBAL banners */ .field-name-field-banner-image img { max-width: 100%; height: auto; } /* HOMEAPGE */ .field-name-field-home-slider-images img { max-width: 100%; height: auto; } /* EVENTS */ .field-name-field-event-image { /*float: right;*/ padding-bottom: 20px; } .field-name-field-room { } .field-name-field-room field-label { display: inline; } .field-name-field-event-with2 { padding-bottom: 15px; } /* CLASSES */ .field-name-field-class-instructors { padding-bottom: 50px; } /* RENTALS */ .field-name-field-gallery-images { margin-bottom: 20px; } .field-name-field-gallery-images img { padding: 2px; border: 2px solid #dbd3c8; margin: 0 5px 5px 0; width: 90px; float: left; } .field-name-field-gallery-images img:hover { border: 2px solid #770809; } /* ============================================================================= DIVS ========================================================================== */ /* HOMEPAGE ================================================== */ /* first column */ #node-page-3 img { max-width: 100%; width: auto; height: auto; } /* add div tag to node pages so any images added will get scaled for responsive layouts */ .pagetext { word-wrap: break-word; } .pagetext img { max-width: 100%; } /* FLEXSLIDER */ .flex-nav-container { margin-bottom: 0; } /* social icons */ #soc-icons { display: block; position: relative; height: 50px; } #soc-icons ul { list-style: none; } #soc-icons li { display: inline; } .soc-fb { position: absolute; top: 22px; left: 0; display:block; height: 50px; width: 50px; background:url(../images/soc-facebook.png) 0 0 no-repeat; } .soc-fb * { display: none; } .soc-tw { position: absolute; top: 22px; left: 50px; display:block; height: 50px; width: 50px; background:url(../images/soc-twitter.png) 0 0 no-repeat; } .soc-tw * { display: none; } .soc-yt { position: absolute; top: 22px; left: 100px; display:block; height: 50px; width: 50px; background:url(../images/soc-youtube.png) 0 0 no-repeat; } .soc-yt * { display: none; } /* CB dine & dance block */ .hometext { padding: 0 25px; } .hometext img { max-width:80%; } /* logo */ .cb-dinedance { padding-bottom: 25px; } .event-spotlight-thumb img { width: 100px; height: auto; } .room-thumb-home { padding-top: 10px; } .room-thumb-home img { max-width: 100%; height: auto; max-height: 110px; } .room-title-home { padding: 10px 0 20px 0; /*border-bottom: 1px dotted #999;*/ font-weight: bold; } /* blocks */ .tintable-logo { float: none; width: 150px; } .tintable-text { float: left; width: 80%; background:url(../images/sq-black-80.png) repeat; padding: 10px 20px; } .tintable-text a { color: #ae2628; } .tintable-title { color: #FFF; font-size: 30px; } .tintable-pic img { max-width: 100%; } .openTable { /*float: right; padding: 20px; background:url(../images/sq-black-80.png) repeat; margin-top: 30px;*/ } /* featured items */ .featured-image { border: none; } .featured-image img { max-width: 100%; height: auto; border: 5px solid #cfa75e; } .featured-title { color: #483318; font-family: Geneva, Arial, Helvetica, sans-serif; margin: 5px 5px 0 5px; line-height: 1.3em; font-weight: normal; font-size: 1.8em; letter-spacing: .03em; } .featured-text { color: #483318; margin: 0 5px; line-height: 1.3em; } .featured-text p { margin-bottom: 5px; } .featured-link { margin: 5px; } /* VIDEOS embed YouTube */ .video-wrapper { max-width: 100%; width: 700px; margin: auto; padding-bottom: 40px; } .video-container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .video-container iframe, .video-container object, .video-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* BANNERS */ .banner img { max-width: 100%; height: auto; } /* EVENTS */ .event-title { border-top: 1px dotted #CCC; padding-top: 10px; } .event-with p { margin: 0; padding: 0; } .event-dates { } /* event taxonomy listings */ .view-taxonomy-term .views-field-title p { margin: 0; padding: 0; } .event-day { margin-right: 20px; } /* taxonomy terms table */ table.views-table.cols-3 { width: 100%; } td.views-field.views-field-field-event-date { } td.views-field.views-field-field-event-date .event-day { background-color: #b0822e; padding: 8px; color: #FFF; width: 50px; } td.views-field.views-field-field-event-image { width: 80px; padding-right: 10px; } td.views-field.views-field-title { width: 250px; } td.views-field.views-field-field-event-ages { width: 70px; padding-left: 8px; } .btn-calendar { background-color: #CCC; /*height: 20px;*/ width: 120px; text-align: center; font-size: 14px; padding: 10px; margin-bottom: 15px; } /* CLASSES */ .class-title { font-size: 1.3em; color: #483318; padding-top: 10px; } .class-desc { border-bottom: 1px dotted #CCC; } .class-prereq { font-weight: bold; } .class-prereq label { display: inline; } .class-instr { padding-bottom: 15px; border-bottom: 1px dotted #CCC; } .class-instr label { display: inline; } .btn-register { margin: 8px 15px 10px 15px; } .btn-register a { color: #fff; font-size: 15px; text-align: center; padding: 6px; width: 92%; display: block; text-decoration: none; text-transform: uppercase; border: 1px solid #770809; background: #770809; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; } .btn-register a:hover { color: #770809; background: #fff; } .btn-clSched { margin: 0 15px 25px 15px; } .btn-clSched a { color: #fff; font-size: 15px; text-align: center; padding: 6px; width: 92%; display: block; text-decoration: none; text-transform: uppercase; border: 1px solid #770809; background: #770809; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; } .btn-clSched a:hover { color: #770809; background: #fff; } /* CLASSES */ /* tabs on Series-Classes page */ .block-tabs-series-classes { display: none; } .block-tabs-series-classes-mobi { display: block; } /* container */ #quicktabs-container-classes_info_mobi { background-color: #FFF; padding: 15px; border: 1px solid #999; } /* tabs on Private Lessons page */ .block-tabs-lessons { display: none; } .block-tabs-lessons-mobi { display: block; } /* container */ #quicktabs-container-lessons_mobi { background-color: #FFF; padding: 15px; border: 1px solid #999; } /* INSTRUCTORS */ .instr-name { font-size: 1.2em; font-weight: bold; color: #666; border-top: 1px dotted #CCC; padding-top: 15px; } .instr-info p { margin-bottom: 5px; } .instr-classes { clear: both; padding-bottom: 15px; } .instr-classes label { display: inline; } .instr-pic { float: left; padding: 5px 20px 5px 0; } .field-name-field-picture { float: left; padding: 5px 10px 5px 0; } .field-name-field-instructor-classes { clear: both; padding-top: 10px; } /* VENUES (Rooms) ================================================== */ .image-room-thumb { padding: 2px; border: 2px solid #dbd3c8; margin: 0 5px 5px 0; width: 90px; } .image-room-thumb:hover { border: 2px solid #770809; } /* edits to the View from the homepage */ .room-thumb-rental { margin-top: 10px; /*border-top: 1px dotted #999;*/ padding-top: 10px; } .room-thumb-rental img { max-width: 90%; height: auto; } .room-title-rental { padding: 10px 0 5px 0; font-weight: bold; } .room-capacity { } .room-capacity-label { color: #483318; } /* photo galleries */ .block-thumb-century, .block-thumb-easthall, .block-thumb-westhall, .block-thumb-tintable { margin-bottom: 20px; } /* MERCHANDISE */ .merch-info img { max-width: 100%; width: auto; height: auto; } /* Amazon */ .amazon-bpm { } .amazon-note { color: #990000; width: 120px; line-height: 1.2em; } .ad-block-disclaimer { font-style: italic; color: #666; font-size: .9em; padding-top: 50px; } /* Century .views-field-field-merch-image { padding-left: 50px; }*/ .merch-title { font-size: 1.4em; color: #483318; line-height: 1.1em; margin: 10px 0; font-weight: bold; } .merch-image { } .merch-info { border-bottom: 1px dotted #999; padding-top: 10px; } ul.quicktabs-tabs.quicktabs-style-bullets li.active a, ul.quicktabs-tabs.quicktabs-style-bullets li.active a:hover { color: #770809; } /* container */ #quicktabs-container-tabs_merchandise_century_mobi { background-color: #FFF; padding: 15px; } #quicktabs-container-faq_mobi { background-color: #FFF; padding: 15px; border: 1px solid #999; } /* LOCATION */ .locationL { float: left; width: 95%; } .locationR { clear: both; float: left; width: 95%; text-align: center; background-color: #ece1cd; padding-top: 15px; } /* Fluid Grid */ li.views-fluid-grid-item { /* width and height properties are defined at views_fluid_grid.size.css. */ padding: 3px 3px 10px 3px; overflow: hidden; /* needed to clip content when explicit width/height is specified. */ list-style-type: none; background-image: none; vertical-align: top; color: #444; background-color: #fff; border-top: 1px dotted #aaa; border-bottom: none; border-right: none; border-left: none; } .footerAddress { color: #000; text-align: center; padding: 5px 0; } #footerText { color: #333; font-size: .8em; text-align: center; padding-bottom: 5px; } #footerText a { color:#770809; } /* CONTACT PAGE */ .contact-link { font-size: 1.2em; padding-top: 25px; color: #483318; } /* //////////////////// calendar ///////////////////////*/ .calendar-calendar .calendar { color: #450000; font-weight: normal; } .calendar-calendar .calendar a { color: #450000; font-size: 1.2em; display: block; text-transform: uppercase; line-height: 1.2em; } .calendar-calendar td span.date-display-single, .calendar-calendar td span.date-display-start, .calendar-calendar td span.date-display-end, .calendar-calendar td span.date-display-separator { font-weight: bold; color:#450000; } /* West Hall */ .calendar.event-type-westHall, .calendar.event-type-westHall .cutoff { background-color: #c2b19d !important; } /* East Hall */ .calendar.event-type-eastHall, .calendar.event-type-eastHall .cutoff { background-color: #e1d6c2 !important; } /* Century Ballroom */ .calendar.event-type-centBall, .calendar.event-type-centBall .cutoff { background-color: #e5d199 !important; } .calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview { padding: 7px; } #legend { padding: 30px 0 60px 0; } #centB { float: left; background: /*#c7e6c7*/ #e5d199; height: 16px; width: 16px; } #westH { clear: left; float: left; background: /*#aed1e3*/ #c2b19d; height: 16px; width: 16px; } #eastH { clear: left; float: left; background: /*#fbdfb2*/ #e1d6c2; height: 16px; width: 16px; } .label { float: left; padding: 0 50px 5px 8px; } /* hide on mobile */ .view-events-calendar .calendar-calendar a img { display: none; } /*.view-events-calendar .calendar-calendar td span.date-display-single { display: block; } .view-event-calendar .calendar-calendar td span.date-display-single { display: block; }*/ .calendar-calendar .view-item-event_calendar p { margin: 0; padding: 0; } .cal-event-title { /*text-transform: uppercase;*/ } .calendar-thumb { /*text-align: center;*/ padding: 5px 0; } .calendar-thumb img { max-width: 100%; height: auto; padding: 5px 0; } .cal-with { font-weight: bold; color: #760709; } /* theme */ .view-events-calendar table { border: 1px solid #FFF; } .view-events-calendar .pager { background: none; border: none; padding-bottom: 20px; } .calendar-calendar th.days { background-color: #d9aa4c; border: 1px solid #d9aa4c; color: #FFF; } .calendar-calendar tr { background-color: #f4efe9; } /* days */ .calendar-calendar td { border: 1px solid #d9aa4c; color: #483318; } .calendar-calendar td.empty { background: #666; border: 1px solid #d9aa4c; } .calendar-calendar tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: none; } .calendar-calendar .month-view .full td.single-day .calendar-empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.date-box.empty { background: #f4efe9; color: #f4efe9; } .calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview { background: #e9dfc2; } .date-heading h3 { color: #770809; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; } .view .date-nav-wrapper .date-heading h3 { font-size: 2.2em;} .li date-previous { background: none repeat scroll 0 0 #f4f0ea; } .li date-previous:hover { background: none repeat scroll 0 0 #d9aa4c; color: #FFF;} /* Prev and Next controls */ .view .date-nav-wrapper .date-next { background: none repeat scroll 0 0 #d9aa4c; top: 30px; } .view .date-nav-wrapper .date-next a { color: #770809; } .view .date-nav-wrapper .date-next a:hover { color: #fff; } .view .date-nav-wrapper .date-prev { background: none repeat scroll 0 0 #d9aa4c; top: 30px; } .view .date-nav-wrapper .date-prev a { color: #770809; } .view .date-nav-wrapper .date-prev a:hover { color: #fff; } /* dropdown menu */ .block-search-events { float: right; padding: 20px 50px 0 0; } .block-search-events h2.block-title { color: #483318; font-size: 1.3em; } #block-menu-block-1 select { border: 1px solid #d0a85e; background-color:#fff; text-indent: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; } /* ============================================================================= FORMS ========================================================================== */ /*input { width: 99%; border: 1px solid #ccc; background-color: #f2f2f2; font-size: 14px; padding-left: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }*/ textarea { width: 99%; border: 2px solid #e2d0b0; background-color: #fff; font-size: 14px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; resize: none; } input[type="text"] { width: 99%; border: 2px solid #e2d0b0; background-color: #fff; font-size: 14px; /*padding: 10px;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; } input[type="submit"] { border: 2px solid #770809; background: #770809; color: #FFF; font-size: 14px; /*padding: 10px;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; text-shadow: none; } input[type="submit"]:hover { background: #fff; color: #770809; } .grippie { display: none; } /* ============================================================================= MENUS ========================================================================== */ /* HIDE main menu */ #block-system-main-menu { display: none; } #block-nice-menus-1 { display: none; } /* SHOW main menu mobile #block-menu-menu-main-menu-mobile { display: block; text-align: center; padding: 30px 0 30px 0; } #block-menu-menu-main-menu-mobile .menu li { list-style: none; list-style-image: none; padding: 5px 0; } #block-menu-menu-main-menu-mobile .menu li a:link, #block-menu-menu-main-menu-mobile .menu li a:visited { border-top: 1px solid #ccc; font-size: 1.1em; text-transform: uppercase; background: #e2d0b0; background: -webkit-gradient(linear, left top, left bottom, from(#cfa75e), to(#483318)); background: -webkit-linear-gradient(top, #cfa75e, #483318); background: -moz-linear-gradient(top, #cfa75e, #483318); background: -ms-linear-gradient(top, #cfa75e, #483318); background: -o-linear-gradient(top, #cfa75e, #483318); -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 0; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 0; box-shadow: rgba(0,0,0,0.4) 0 1px 0; text-shadow: rgba(0,0,0,0.4) 0 1px 0; color: #fff; text-align: center; padding: 12px 0 10px 0; width: 98%; display: block; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; } #block-menu-menu-main-menu-mobile .menu li a:hover { color: #000; }*/ #block-menu-menu-main-menu-mobile { display: block; margin: 0; padding: 20px 0; } #block-menu-menu-main-menu-mobile ul li { background-color: #d9aa4c; border-bottom: solid 2px #f4f0ea; font-weight: normal; line-height: 200%; margin: 0; padding: 0; width: 100%; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 18px; color: #483318; list-style: none; } #block-menu-menu-main-menu-mobile ul li a, a.visited { color: #483318; padding-left: 10px; display: block; background: url(../images/menu-arrow.png) no-repeat right; padding-right: 10px; } #block-menu-menu-main-menu-mobile ul li a:hover { color: #fff; } #block-menu-menu-main-menu-mobile ul li a.active { background-color: #770809; color: #fff; text-decoration:none; } /* looking for classes link on Calendar page */ #block-menu-menu-classes-link {} #block-menu-menu-classes-link li { list-style-type: none; list-style: none; } #block-menu-menu-classes-link a { /*color: #e2d0b0;*/ } #block-menu-menu-classes-link li:before { content: "\2190"; display: inline; padding-right: 5px; color: #770809; } /* postscript submenus */ #zone-postscript li { list-style-type: none; list-style: none; } #zone-postscript ul.menu li { margin: 0; /*text-align: center;*/} #zone-postscript a { color: #d0a85e; } #zone-postscript h2.block-title { color: #eee; text-transform: uppercase; font-weight: normal; margin: 15px 0 5px 0; } /* EVENTS submenu */ #block-menu-menu-events-submenu { display: block; text-align: left; } #block-menu-menu-events-submenu .menu { display: inline-block; } #block-menu-menu-events-submenu .menu ul { list-style: none; list-style-image: none; display: inline; padding: 0 10px 0 0; margin: 0; } #block-menu-menu-events-submenu .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-events-submenu .menu li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-events-submenu .menu li a { font-size: 14px; color: #483318; display: inline-block; text-decoration: none; background-color: #d9aa4c; padding: 7px; border:0.06em solid #483318; border-bottom:0; /* CSS 3 elements */ webkit-border-top-right-radius:0.50em; -webkit-border-top-left-radius:0.50em; -moz-border-radius-topright:0.50em; -moz-border-radius-topleft:0.50em; border-top-right-radius:0.50em; border-top-left-radius:0.50em; } #block-menu-menu-events-submenu .menu li a:hover { color: #000; } #block-menu-menu-events-submenu li a.active { color: #760709; background-color: #f4f0ea; } #block-menu-menu-events-submenu .menu li .active-trail { color: #760709; background-color: #f4f0ea; } /* EVENTS Find Events menu */ #block-menu-menu-event-categories { display: block; /*background: #cfa75e; padding: 20px 0;*/ width: 90%; } #block-menu-menu-event-categories .menu { display: inline; text-align: center; list-style: none; } #block-menu-menu-event-categories .menu ul { display: inline-block; padding: 0; margin: 0; list-style: none; list-style-image: none; } #block-menu-menu-event-categories .menu li { list-style: none; list-style-image: none; /*border-bottom: 2px solid #cfa75e;*/ } #block-menu-menu-event-categories .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-event-categories .menu li a { font-size: 15px; color: #770809; display: inline-block; text-decoration: none; background-color: #dfc28e; padding: 10px 0 10px 5px; width: 100%; } #block-menu-menu-event-categories .menu li a:hover { color: #fff; } #block-menu-menu-event-categories .menu li a.active { color: #fff; background-color: #770809; /*margin-top: -2px;*/ } #block-menu-menu-event-categories .menu li .active-trail { color: #fff; background-color: #770809; } /* hide Choose */ #block-menu-menu-event-categories .menu li.nolink { display: none; } /* classes sub menu */ #block-menu-menu-classes-submenu { display: block; text-align: left; } #block-menu-menu-classes-submenu .menu { display: inline-block; } #block-menu-menu-classes-submenu .menu ul { list-style: none; list-style-image: none; display: inline; padding: 0 10px 0 0; margin: 0; } #block-menu-menu-classes-submenu .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-classes-submenu .menu li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-classes-submenu .menu li a { font-size: 14px; color: #483318; display: inline-block; text-decoration: none; background-color: #d9aa4c; padding: 7px; border:0.06em solid #483318; border-bottom:0; /* CSS 3 elements */ webkit-border-top-right-radius:0.50em; -webkit-border-top-left-radius:0.50em; -moz-border-radius-topright:0.50em; -moz-border-radius-topleft:0.50em; border-top-right-radius:0.50em; border-top-left-radius:0.50em; } #block-menu-menu-classes-submenu .menu li a:hover { color: #000; background-color: #f4f0ea; } #block-menu-menu-classes-submenu li a.active { color: #760709; background-color: #f4f0ea; } #block-menu-menu-classes-submenu .menu li .active-trail { color: #760709; background-color: #f4f0ea; } /* CLASSES types submenu */ #block-menu-menu-classes-menu { display: block; /*background: #cfa75e;width: 90%;*/ padding: 20px 0; margin: 10px; } #block-menu-menu-classes-menu .menu { display: inline; text-align: center; list-style: none; } #block-menu-menu-classes-menu .menu ul { display: inline-block; padding: 0; margin: 0; list-style: none; list-style-image: none; } #block-menu-menu-classes-menu .menu li { list-style: none; list-style-image: none; /*border-bottom: 2px solid #cfa75e;*/ } #block-menu-menu-classes-menu .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-classes-menu .menu li a { font-size: 15px; color: #770809; display: inline-block; text-decoration: none; background-color: #dfc28e; padding: 10px 0 10px 5px; width: 100%; } #block-menu-menu-classes-menu .menu li a:hover { color: #fff; } #block-menu-menu-classes-menu .menu li a.active { color: #fff; background-color: #770809; /*margin-top: -2px;*/ } #block-menu-menu-classes-menu .menu li .active-trail { color: #fff; background-color: #770809; } /* ROOMS sub menu */ #block-menu-menu-rooms-submenu { display: block; text-align: left; } #block-menu-menu-rooms-submenu .menu { display: inline-block; } #block-menu-menu-rooms-submenu .menu ul { list-style: none; list-style-image: none; display: inline; padding: 0 10px 0 0; margin: 0; } #block-menu-menu-rooms-submenu .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-rooms-submenu .menu li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-rooms-submenu .menu li a { font-size: 14px; color: #483318; display: inline-block; text-decoration: none; background-color: #d9aa4c; padding: 7px; border:0.06em solid #483318; border-bottom:0; /* CSS 3 elements */ webkit-border-top-right-radius:0.50em; -webkit-border-top-left-radius:0.50em; -moz-border-radius-topright:0.50em; -moz-border-radius-topleft:0.50em; border-top-right-radius:0.50em; border-top-left-radius:0.50em; } #block-menu-menu-rooms-submenu .menu li a:hover { color: #000; } #block-menu-menu-rooms-submenu li a.active { color: #760709; background-color: #f4f0ea; } #block-menu-menu-rooms-submenu .menu li .active-trail { color: #760709; background-color: #f4f0ea; } /* MERCHANDISE submenu */ #block-menu-menu-merchandise { display: block; text-align: left; } #block-menu-menu-merchandise .menu { display: inline-block; } #block-menu-menu-merchandise .menu ul { list-style: none; list-style-image: none; display: inline; padding: 0 10px 0 0; margin: 0; } #block-menu-menu-merchandise .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-merchandise .menu li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-merchandise .menu li a { font-size: 14px; color: #483318; display: inline-block; text-decoration: none; background-color: #d9aa4c; padding: 7px; border:0.06em solid #483318; border-bottom:0; /* CSS 3 elements */ webkit-border-top-right-radius:0.50em; -webkit-border-top-left-radius:0.50em; -moz-border-radius-topright:0.50em; -moz-border-radius-topleft:0.50em; border-top-right-radius:0.50em; border-top-left-radius:0.50em; } #block-menu-menu-merchandise .menu li a:hover { color: #000; background-color: #f4f0ea; } #block-menu-menu-merchandise li a.active { color: #760709; background-color: #f4f0ea; } #block-menu-menu-merchandise .menu li .active-trail { color: #760709; background-color: #f4f0ea; } /*********************/ /* ZONES & REGIONS */ /*********************/ #page { } /* SECTION HEADER */ #section-header { } #zone-user-wrapper {} #zone-user {} #region-user-first {} #region-user-second {} #zone-branding-wrapper { } #zone-branding {background-color: #760709; margin-top: 25px; } #region-branding {} #zone-menu-wrapper { } #zone-menu { background-color: #d9aa4c; } #region-menu {} #zone-header-wrapper { } #zone-header { background-color: #000; } #region-header-first { margin: 0; width: 100%;} #region-header-second {} #region-header-third { } /* SECTION CONTENT */ #section-content { } #zone-preface-wrapper { } #zone-preface {background-color: #483318; padding-top: 8px;} #region-preface-first {} #region-preface-second {} #region-preface-third {} #zone-upper-wrapper {} #zone-upper {background-color: #f4f0ea; } #region-upper { padding: 30px 0 0 5px; } .region-upper-inner p { margin-bottom: 0; } #zone-content-wrapper { } #zone-content { padding: 40px 0 30px 0; background-color: #f4f0ea; } #breadcrumb {} #messages {} #region-content { padding-bottom: 30px; } .region-content-inner { padding: 0 10px; } #region-sidebar-first { padding-top: 30px; } #region-sidebar-second { padding-top: 30px; } #zone-contentbottom-wrapper { } #zone-contentbottom { background-color: #f4f0ea; } #region-contentbottom-first { } #region-contentbottom-second { } #region-contentbottom-third { } #zone-lower1-wrapper { } #zone-lower1 {} #region-lower1-first {} #region-lower1-second { } #zone-lower2-wrapper { } #zone-lower2 {background: url(../images/back-map.jpg) center no-repeat; min-height: 200px; border-top: none; } #region-lower2-first { padding: 10px 0;} #region-lower2-second {} #zone-lower3-wrapper { } #zone-lower3 {} #region-lower3-first {} #region-lower3-second {} #zone-lower4-wrapper { } #zone-lower4 { padding: 30px 0;background-color: #dcc498; } #region-lower4-first {} #region-lower4-second {} #region-lower4-third {} #zone-postscript-wrapper { } #zone-postscript { padding: 15px; background-color: #760709; } #region-postscript-first {} #region-postscript-second {} #region-postscript-third {} #region-postscript-fourth {} /* SECTION FOOTER */ #section-footer { } #zone-footer-wrapper { margin-bottom: 25px; } #zone-footer { padding: 5px 0; background: #d9aa4c; border-top: 10px solid #231f20;} #region-footer-first {} #region-footer-second {} /* * jQuery FlexSlider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { border: none; position: relative; zoom: 1; background: #000; } .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C63b3b2,endColorstr=#4C63b3b2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C63b3b2,endColorstr=#4C63b3b2); zoom: 1;} .flex-caption {width: 940px; height: 240px; padding: 0; position: absolute; left: 0; top: 0; background: rgba(99,179,178,.5); color: #fff; text-shadow: 0 -1px 0 rgba(99,179,178,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: none /*url(../images/flex/bg_direction_nav2.png) no-repeat 0 0*/; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li .next {background-position: -52px 0; right: -2px;} .flex-direction-nav li .prev {left: 0;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 15px; height: 15px; display: block; background: url(../images/flex/bg_control_nav2.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -15px;} .flex-control-nav li a.active {background-position: 0 -30px; cursor: default;}