/* STARTER This file will hold styles that are loaded using the same media query as the narrow grid. */ /* ============================================================================= DEFAULTS ========================================================================== */ /* ============================================================================= UI ========================================================================== */ /* CTA buttons */ #cta-btns { display: none; } .logo-img img { max-width: 100%; } /* ============================================================================= BLOCKS ========================================================================== */ /* homepage */ /*.block-spotlight-events { padding: 5px 0 0 0; }*/ .block-venues { /*border-left: 1px solid #999;*/ padding: 0 0 5px 25px; margin-top: 0; } .block-restaurant { padding: 25px 0 0 25px; } /* MERCHANDISE */ /* MEMBERSHIP */ .block-tabs-membership-mobi { display: none; } .block-tabs-membership { display: block; } /* hide mobile tabs */ .block-tabs-century-mobile { display: none; } /* hide normal tabs */ .block-tabs-century { display: block; } /* FAQ */ .block-tabs-faq { display: block; } .block-tabs-faq-mobi { display: none; } /* tabs on Series-Classes page */ .block-tabs-series-classes { display: block; } .block-tabs-series-classes-mobi { display: none; } /* tabs on Private Lessons page */ .block-tabs-lessons { display: block; } .block-tabs-lessons-mobi { display: none; } /* SPOTLIGHT EVENTS */ .event-spotlight-thumb { padding-right: 10px; } /* ============================================================================= DIVS ========================================================================== */ /* HOMEPAGE ================================================== */ /* CB dine & dance block */ .hometext { padding: 0; } .hometext img { max-width:100%; } /* logo */ .cb-dinedance { padding-bottom: 25px; } .event-spotlight-thumb img { width: 150px; height: auto; } /* DINE WITH US */ .tintable-logo { float: left; width: 150px; } .tintable-text { float: left; width: 350px; background:url(../images/sq-black-80.png) repeat; padding: 10px 20px; } .tintable-text a { color: #ae2628; } .tintable-title { color: #FFF; font-size: 30px; } .OTButton { margin: 0; } .openTable { padding-left: 35px; /*float: right; padding-top: 10px; background:url(../images/sq-black-80.png) repeat;*/ } .block-restaurant img { max-width: 100%; } /* VISIT US */ .block-visit { background:url(../images/sq-red-80.png) repeat; width: 375px; color: #eee; padding: 15px 35px 15px 35px; margin-top: 15px; } .block-visit h2.block-title { color: #eee; font-weight: normal; } .visit-col1 { float: left; width: 150px; } .visit-col1 .directions { padding-top: 8px; } .visit-col1 .directions a { color: #d0a85e; font-size: 13px; } .visit-col2 { clear: none; float: right; width: 150px; padding-top: 0; } /* featured items */ .featured-image { border: 5px solid #cfa75e; } .featured-image img { max-width: 100%; height: auto; border: none; } /* VENUES (Rooms) ================================================== */ .image-room-thumb { width: 90px; } /* make the two room signs just a little smaller */ .room-sign img { max-width: 93%; height: auto; } .room-thumb-rental img { max-width: 90%; height: auto; max-height: 80px; } /* LOCATION ================================================== */ .locationL { float: left; width: 400px; } .locationR { clear: none; float: right; width: 450px; text-align: center; background-color: #ece1cd; padding-top: 15px; } /* EVENTS ================================================== */ /* taxonomy terms page - search events results */ td.views-field.views-field-field-event-image { width: 90px; } /* social icons */ .soc-em { position: absolute; top: 0; left: 0; display:block; height: 50px; width: 50px; background:url(../images/soc-emailBW.png) 0 0 no-repeat; } .soc-em * { display: none; } .soc-em span.hover { position: absolute; top: 0; left: 0; display: block; height: 50px; width: 50px; background:url(../images/soc-email.png) no-repeat; } .soc-fb { position: absolute; top: 22px; left: 0; display:block; height: 50px; width: 50px; background:url(../images/soc-facebookBW.png) 0 0 no-repeat; } .soc-fb * { display: none; } .soc-fb span.hover { position: absolute; top: 0; left: 0; display: block; height: 50px; width: 50px; background:url(../images/soc-facebook.png) no-repeat; } .soc-tw { position: absolute; top: 22px; left: 50px; display:block; height: 50px; width: 50px; background:url(../images/soc-twitterBW.png) 0 0 no-repeat; } .soc-tw * { display: none; } .soc-tw span.hover { position: absolute; top: 0; left: 0px; display: block; height: 50px; width: 50px; background:url(../images/soc-twitter.png) no-repeat; } .soc-yt { position: absolute; top: 22px; left: 100px; display:block; height: 50px; width: 50px; background:url(../images/soc-youtubeBW.png) 0 0 no-repeat; } .soc-yt * { display: none; } .soc-yt span.hover { position: absolute; top: 0; left: 0px; display: block; height: 50px; width: 50px; background:url(../images/soc-youtube.png) no-repeat; } /*********************/ /* CALENDAR */ /*********************/ .view-events-calendar .calendar-calendar a img { display: block; float: left; padding: 0 5px 5px 0; } #centB { float: left; height: 16px; width: 16px; } #westH { clear: none; float: left; height: 16px; width: 16px; } #eastH { clear: none; float: left; height: 16px; width: 16px; } .label { float: left; padding: 0 50px 0 8px; } .view .date-nav-wrapper .date-next { background: none repeat scroll 0 0 #d9aa4c; top: 0; } .view .date-nav-wrapper .date-prev { background: none repeat scroll 0 0 #d9aa4c; top: 0; } /* dropdown menu */ .block-search-events { float: right; padding: 20px 50px 0 0; } #legend { padding: 20px 0 30px 0; } /* ============================================================================= QUICKTABS ========================================================================== */ ul.quicktabs-tabs.quicktabs-style-navlist li a:hover { color: #760709; } /* MERCHANDISE ================================================== */ #block-quicktabs-merchandise-amazon { display: block; } #block-quicktabs-tabs-merchandise-amazon-mobi { display: none; } /* SERIES CLASSES ================================================== */ #block-quicktabs-classes-info ul.quicktabs-tabs.quicktabs-style-navlist li { margin-left: 0; } #block-quicktabs-classes-info ul.quicktabs-tabs.quicktabs-style-navlist li a { padding: 10px 25px 10px 10px; } #block-quicktabs-classes-info ul.quicktabs-tabs.quicktabs-style-navlist { padding: 0; width: 175px; } #block-quicktabs-classes-info .quicktabs_main.quicktabs-style-navlist { padding: 25px; min-height: 400px; width: 370px; } /* PRIVATE LESSONS ================================================== */ #block-quicktabs-lessons ul.quicktabs-tabs.quicktabs-style-navlist li a { padding: 10px 25px 10px 10px; } #block-quicktabs-lessons ul.quicktabs-tabs.quicktabs-style-navlist { padding: 0; width: 175px; } #block-quicktabs-lessons .quicktabs_main.quicktabs-style-navlist { padding: 25px; min-height: 400px; width: 370px; } /* FAQ ================================================== */ #block-quicktabs-faq ul.quicktabs-tabs.quicktabs-style-navlist li a { padding: 10px 25px 10px 10px; } #block-quicktabs-faq ul.quicktabs-tabs.quicktabs-style-navlist { padding: 0; width: 210px; } #block-quicktabs-faq .quicktabs_main.quicktabs-style-navlist { padding: 30px; min-height: 600px; width: 600px; } /* ============================================================================= MENUS ========================================================================== */ /* show main menu */ #block-system-main-menu { display: block; text-align: center; } #block-system-main-menu .menu { display: inline-block; text-align: center; } #block-system-main-menu .menu ul { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-system-main-menu .menu ul li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-system-main-menu .menu li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } #block-system-main-menu .menu li a { font-size: 15px; color: #483318; display: inline-block; text-decoration: none; background-color: #d9aa4c; padding: 12px 15px; text-transform: uppercase; margin: 0; } #block-system-main-menu .menu li a:hover { color: #000; background-color: #e2d0b0; } #block-system-main-menu .menu li a.active { color: #fff; background-color: #760709; } #block-system-main-menu .menu li .active-trail { color: #fff; background-color: #760709; } #block-menu-menu-footer-menu .menu { display: block; margin-left: 0; list-style: none; padding-top: 20px; } #block-menu-menu-footer-menu .menu li { display: inline; border-right: 1px solid #666; margin-left: 0; font-size: 14px; } #block-menu-menu-footer-menu .menu li:last-child { border-right: none } #block-menu-menu-footer-menu .menu li a { color: #666; text-decoration: none; } #block-menu-menu-footer-menu .menu li a:hover { color: #fff; } #block-menu-menu-footer-menu .menu li a.active { color: #ccc; } #block-menu-menu-classes-submenu .menu li a { font-size: 14px; padding: 7px; } .menu-classes h2.block-title { margin-left: 15px; } #block-menu-menu-classes { display: block; /*background: #cfa75e;*/ padding: 20px 0; width: 90%; } #block-menu-menu-classes .menu { display: inline; text-align: left; list-style: none; } #block-menu-menu-classes .menu ul { display: inline-block; padding: 0; margin: 0; list-style: none; } #block-menu-menu-classes .menu li { list-style: none; /*border-bottom: 2px solid #cfa75e;*/ } /*#block-menu-menu-classes .menu li:first-child { border-top: 2px solid #cfa75e; }*/ #block-menu-menu-classes .menu ul li { list-style: none; display: inline; padding: 0; margin: 0; } #block-menu-menu-classes .menu li a { font-size: 15px; color: #770809; display: inline-block; text-decoration: none; background-color: #dfc28e; padding: 7px 0 10px 5px; width: 100%; } #block-menu-menu-classes .menu li a:hover { color: #fff; } #block-menu-menu-classes .menu li a.active { color: #fff; background-color: #770809; /*margin-top: -2px;*/ } #block-menu-menu-classes .menu li .active-trail { color: #fff; background-color: #770809; } /* HIDE main menu mobile */ #block-menu-menu-main-menu-mobile { display: none; } /* POSTSCRIPT submenus */ #zone-postscript h2.block-title { margin: 0 0 8px 0; } /****************************** NICE MENUS - Global CSS ******************************/ #block-nice-menus-1 { display: block; } .nice-menu { text-align: center; } ul.nice-menu { text-align: center} ul.nice-menu, ul.nice-menu ul { list-style: none; padding: 0; margin: 0; /*border-top: 1px solid #999;*/ border: none; } ul.nice-menu li { /*border-left: 1px solid #ccc;*/ border-top: 0; border: none; /*float: left;*/ font-size: 15px; text-transform: uppercase; } ul.nice-menu a { padding: 12px 15px; text-decoration: none; background-color: #d9aa4c; color: #483318; } ul.nice-menu a:hover { text-decoration: none; color: #000; background-color: #e2d0b0; } ul.nice-menu a.active { background-color: #760709; color: #FFF; } ul.nice-menu ul { top: 1.8em; left: -1px; border: 0; /*border-top: 1px solid #999;*/ margin-right: 0; } ul.nice-menu ul li { width: 10.5em; top: 24px; } /****************************** HORIZONTAL (down) menus ******************************/ ul.nice-menu-down { display: block; /*float: left; LTR */ border: 0; } ul.nice-menu-down li { /*border-right: 2px solid #fff;*/ } ul.nice-menu-down li li { border-top: 0; } ul.nice-menu-down ul { left: 0; } ul.nice-menu-down ul li { clear: both; } ul.nice-menu-down li ul li ul { left: 12.5em; /* LTR */ top: 5px; } ul.nice-menu-down .menuparent a { padding: 15px; /* LTR */ } ul.nice-menu-down li.menuparent { background: #eee; /*url(arrow-down.png) right center no-repeat; /* LTR */ } ul.nice-menu-down li.menuparent:hover { background: #ccc; /*url(arrow-down.png) right center no-repeat; /* LTR */ } ul.nice-menu-down li li.menuparent { background: #eee; /*url(arrow-right.png) right center no-repeat; /* LTR */ } ul.nice-menu-down li li.menuparent:hover { background: #ccc;/* url(arrow-right.png) right center no-repeat; /* LTR */} ul.nice-menu-down li li.menuparent.active { background-color: #003366; } /* if you want the secondary menu to remain showing */ /*#block-nice-menus-1 .active-trail ul { display: block !important; visibility: visible !important; }*/ /*********************/ /* ZONES & REGIONS */ /*********************/ #page { } /* SECTION HEADER */ #section-header { } #zone-user-wrapper {} #zone-user {} #region-user-first {} #region-user-second {} #zone-upper-wrapper {} #zone-upper {} #region-upper {} #zone-branding-wrapper {} #zone-branding {} #region-branding {} #zone-menu-wrapper { } #zone-menu {} #region-menu {} #zone-header-wrapper {} #zone-header {} #region-header-first {} #region-header-second {} /* SECTION CONTENT */ #section-content { } #zone-preface-wrapper {} #zone-preface {} #region-preface-first {} #region-preface-second {} #region-preface-third {} #zone-content-wrapper { } #zone-content { /*padding: 40px 0 75px 0;*/ } #breadcrumb {} #messages {} #region-content { } .region-content-inner { padding: 0 20px; } #region-sidebar-first { padding-top: 0; } #region-sidebar-second { padding-top: 0; } #zone-contentbottom-wrapper {} #zone-contentbottom {} #region-contentbottom-first {} #region-contentbottom-second {} #zone-lower1-wrapper { } #zone-lower1 { } #region-lower1-first {} #region-lower1-second { } #zone-lower2-wrapper { } #zone-lower2 { border-top: 10px solid #231f20; } #region-lower2-first { } #region-lower2-second {} #zone-lower3-wrapper {} #zone-lower3 { } #region-lower3-first {} #region-lower3-second {} #zone-lower4-wrapper { } #zone-lower4 { padding: 30px 0;} #region-lower4-first {} #region-lower4-second {} #region-lower4-third {} #zone-postscript-wrapper {} #zone-postscript { padding: 20px 0; } #region-postscript-first {} #region-postscript-second {} #region-postscript-third {} #region-postscript-fourth {} /* SECTION FOOTER */ #section-footer { } #zone-footer-wrapper { } #zone-footer { } #region-footer-first {} #region-footer-second {}