/* Theme Name: Hotel Winn Theme URI: http://hotelwinn.com Description: A custom theme for the Hotel Winneshiek. Based on the ReboundHosptality Theme. Author: Paul Stroot with Sean Hayford Oleary, Supervox Agency Author URI: http://supervoxagency.com Template: reboundhospitality Version: 2016 */ @import url("//hello.myfonts.net/count/32177a"); html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} textarea, input, button { outline: none; } @font-face {font-family: 'BerkeleyStd-Bold';src: url('fonts/32177A_0_0.eot');src: url('fonts/32177A_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/32177A_0_0.woff2') format('woff2'),url('fonts/32177A_0_0.woff') format('woff'),url('fonts/32177A_0_0.ttf') format('truetype'); font-weight: normal;} h1, h2, h3, h4, h5, h6 {font-family: 'BerkeleyStd-Bold'; color: #c43012;} h1, h2 {font-variant: small-caps; text-transform: capitalize;} p, ul li, #content {font-family: "museo-sans", sans-serif;} #content .cta-solid, #content .cta-solid:focus {background: #dfa10c; padding: 16px 25px 12px; box-shadow: none; line-height: 1em;} .clear {clear: both;} .content-contact .button {margin-top: 20px;} .button {background: #dfa10c; color: #fff !important; text-transform:uppercase; padding: 15px 30px 13px; font-size: 18px;display: inline-block; text-decoration: none; line-height: 20px; text-align: center;} #content p a {color: #333; text-decoration: underline;} #content p a.button {text-decoration: none;} .entry-header .entry-title {font-family: 'BerkeleyStd-Bold'; color: #c43012; font-size: 64px; font-variant: small-caps; text-transform: capitalize; line-height: 1em; padding-top: 50px; padding-bottom: 50px;} .page-id-160 #content ul {margin-top: 20px;} #masthead #reservations input.datepicker {background: rgba(0, 0, 0, 0) url("./images/input-calendar.png") no-repeat scroll 5px center !important;} #masthead #reservations input.datepicker:hover {cursor: pointer;} #masthead #reservations select {background: rgba(0, 0, 0, 0) url("./images/downArrow.png") no-repeat center right 5px;} #masthead #reservations select:hover {cursor: pointer;} select::-ms-expand {display: none;} sup {top: -0.3em;} tCenter {text-align: center;} .fa {color: #230f0b;} .menu-item .fa {color: #fff;} .presentation-block h2 {text-align: center;} .content-contact {text-align: center;} @media screen and (min-width: 768px) { /******************************* ********** GENERAL *************** ********************************/ #content h1 {font-size: 70px; line-height: 56px;} #content h2 {font-size: 56px; line-height: 47px; letter-spacing:2px;} #content h2, #content h3 {font-weight: normal; color: #c43012;} #content h3 {font-size: 46px; line-height: 38px; font-variant: small-caps; text-transform: capitalize;} #content h4 {font-size: 30px; line-height: 28px; font-variant: small-caps; text-transform: capitalize;} #content a.flex-active {background: #c43012;} body.page:not(.home) {position: relative;} body.page:not(.home) #main {background: none;} .entry-content .wrap {position: relative; z-index: 0;} body.page:not(.home) .backgroundTop {background: url('./images/topBG.jpg') no-repeat top center; background-size: cover; position: absolute; top: 0; width: 100%; height: 398px; z-index:0;} body.page:not(.home) .intPages, body.page.home .intPages {display: none;} body.page:not(.home) #masthead {background: transparent;} body.page:not(.home) #content {padding-bottom: 50px;} body.page.error404 #content {padding-bottom: 0;} .button:hover {opacity: 0.8; text-decoration:none;} body.page-id-160 #content h3, body.page-id-71 #content h3 {padding-top: 10px;} /******************************* ********** HEADER*************** ********************************/ #masthead {position: relative; background: rgba(0,0,0,0.5); z-index:9;} #masthead .wrap, #masthead .desktop-only-wrap {max-width: 1190px;} #masthead .site-title a {background-image: url('images/logo.png');} #masthead .logo {padding: 27px 0;} #masthead #reservations label, #masthead #reservations input {font-family: "museo-sans", sans-serif;} #masthead #reservations input, #masthead #reservations select {outline-color: rgba(255,255,255,0.5);} #masthead #reservations input[type="submit"] {background: #dfa10c; color: #fff;} #site-navigation {position: relative !important; z-index:9; background: #c43012;} #site-navigation .wrap, #site-navigation .desktop-only-wrap {max-width: 1190px;} #site-navigation ul li a {color: #fff; font-family: "museo-sans", sans-serif; font-weight: 300; padding: 7px 15px; letter-spacing:1px; height: 28px;} #site-navigation ul li:first-of-type a {padding-left: 10px;} .fa.fa-caret-down {color: #fff;} #site-navigation ul .sub-menu-wrap {background: rgba(196,48,18,0.95); z-index: 99;} #site-navigation ul li ul {background: transparent;} #site-navigation ul li a:hover {background-color: #c43012;} #site-navigation ul ul li a {font-family: 'BerkeleyStd-Bold'; color: #fff; font-weight: normal; font-size: 28px; line-height: 25px; font-variant: small-caps; text-transform: capitalize;} #site-navigation ul ul li#menu-item-829 a {padding: 30% 30px 40%;} #menu-item-826 a {position: relative; /*top: -12px;*/} #menu-item-829 a {position: relative; top: -25px;} #site-navigation ul ul li .nav-link-wrapper:before{background-color: rgba(52,24,18,.8);} /******************************* ********** HOME *************** ********************************/ .home .metaslider {position: relative; top: -140px;} .metaslider .caption span {font-family: 'BerkeleyStd-Bold'; font-size: 53px; line-height: 1em; margin-bottom: 0; font-variant: small-caps; text-transform: capitalize;} .metaslider .caption {font-family: "museo-sans", sans-serif; font-weight: 500; line-height: 1em; } .metaslider .caption-wrap {padding: 11px 0 45px !important;} .metaslider .flex-control-nav {bottom: 40px !important;} /******************************* ********** ACCOMODATIONS *************** ********************************/ #content #accommodations-slideshow div .slideshow-content h3 {font-family: 'BerkeleyStd-Bold'; font-weight: 500; font-variant: small-caps; text-transform: capitalize; font-size: 46px; line-height: 1em; margin-bottom: 0;} #accommodations-slideshow > div p {font-family: "museo-sans", sans-serif; font-weight: 300;} #accommodations-nav li {width: 25% !important; height: 125px; margin-bottom: 20px;} #accommodations-nav li .highlight {background-color: rgba(196,48,18,0.8);} #accommodations-nav li a {font-family: 'BerkeleyStd-Bold'; font-weight: 500; font-size: 30px; font-variant: small-caps; text-transform: capitalize; } #accommodations-nav li .accommodations-nav-inner {margin-right: 10px; margin-left: 10px; background-position: top center; background-repeat: no-repeat; background-size: cover;} #accommodations-slideshow div .slideshow-content {width: 100%; background-position: center top; background-size: 100% 100%;} #accommodations-nav {margin-right: -10px; margin-left: -10px;} .page-template-accommodations #content .two-grey-boxes-header {margin-top: 50px; padding-bottom: 15px;} #content .presentation-block h2 span {display: block;} #content .presentation-block p {text-align: center;} #content .block-gray {height: 375px;} #content .block-gray .leftBox {background: rgba(255,255,255,0.8); height: 100%;} #content .block-gray .leftBox h3 {font-family: 'BerkeleyStd-Bold'; font-weight: normal; font-variant: small-caps; text-transform: capitalize; font-size: 30px;} #content .block-gray ul {padding-left: 20px;} #content .block-gray .colOne, #content .block-gray .colTwo {float: left; width: 50%;} #content .block-gray .colOne {padding-right: 20px;} #content .block-gray .colTwo {padding-left: 10px;} #content .block-gray ul li {font-size: 17px; margin-bottom: 3px; line-height: 1.2em;} /******************************* ********** RESTAURATION *************** ********************************/ .topContent {text-align:center; width: 90%; margin: 0 auto 80px auto;} .restauration .times {background: url('images/squairy_light-Red.jpg') repeat; color: #fff; text-align: center; padding: 60px 0 40px;} .restauration .times .time {width: 20%; float: left;} .restauration .times.nbr-cols-1 .time {width: 100%;} .restauration .times.nbr-cols-2 .time {width: 50%;} .restauration .times.nbr-cols-3 .time, .restauration .times.nbr-cols-6 .time, .restauration .times.nbr-cols-9 .time {width: 33.33%;} .restauration .times.nbr-cols-4 .time, .restauration .times.nbr-cols-7 .time, .restauration .times.nbr-cols-8 .time, .restauration .times.nbr-cols-11 .time, .restauration .times.nbr-cols-12 .time {width: 25%;} .restauration .times.nbr-cols-5 .time, .restauration .times.nbr-cols-10 .time, .restauration .times.nbr-cols-15 .time {width: 20%;} .restauration .times.nbr-cols-7 .time {width: 14.29%;} #content.restauration .times h4 {color: #fff; font-weight: normal; font-size: 40px; margin-bottom: 0;opacity: 0.9; font-variant: small-caps; text-transform: capitalize; line-height: 31px; margin-top: 0;} #content.restauration .times h4 span {font-size: 30px; line-height: 1em;} .restauration .times .button {font-size: 18px;} #content.restauration .times p {font-size: 18px; margin-bottom: 15px; margin-top: 5px;} #content.restauration .times a.white {color: #fff; font-size: 24px; padding-top: 15px; display: block;} #content.restauration h2 {text-align: center; padding-top: 60px;} #content.restauration .map h2 {padding-top: 30px;} .restauration .menuWarnings {margin-top: 30px;} .restauration .menuWarnings p {font-size: 13px; border-top: 1px solid #d4d3d3; border-bottom: 1px solid #d4d3d3; line-height: 1.2em; color: #351812; padding: 30px 0;} .hours {text-align: center; padding-bottom: 80px;} #content .hours h3 {font-family: 'BerkeleyStd-Bold'; font-size: 32px; text-transform: capitalize;} .hours .day {padding-bottom: 30px; padding-top: 10px;} .hours .day:last-of-type {padding-bottom: 50px;} .hours .mealTime {display: inline-block; padding: 0 15px; font-size: 18px;} .hours .mealTime span.meal {padding-right: 10px;} .hours .reserverPhone {padding-left: 20px; font-size: 24px;} .hours h3 span.bar {background: #c43012 none repeat scroll 0 0; display: none; height: 2px; margin: 0 10px; position: relative; top: -7px; width: 100px;} .hours h3.today span.bar {display: inline-block;} .quote {padding: 80px 0 80px; color: #fff; text-align: center;} #content .quote .quoteText p {font-size: 45px; font-family: 'BerkeleyStd-Bold'; line-height: 1.3em; font-weight: normal; margin-bottom: 15px;} .quote .quoteAuthor {font-family: 'BerkeleyStd-Bold'; text-transform:uppercase; font-size: 28px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #fff;} .quote .inner { width: 100%; margin: 0 auto;} .others a .fa {background-color: #fff; height: 40px; width: 40px; margin-left: 7px; padding-top: 8px; color: #4c2f2b; font-size: 24px;} .others span {font-size: 18px; padding-bottom: 10px;} .restauration .map {text-align: center;} .restauration .map p {width: 80%; margin: 0 auto;} .restauration .mapInfo {width: 25%; float: right; text-align: left; padding-top: 65px;} .restauration .mapInfo h5 {font-size: 30px;} .restauration .mapInfo .address {padding-bottom: 10px;} .restauration .mapInfo .button {display: inline-block; margin-top: 10px;} .restauration .map-container {width: 75%; float: right;} .reserverPhone:hover {text-decoration: none;} #content .mapInfo .phone a {color: #333; text-decoration: none;} /******************************* ********** LOUNGE *************** ********************************/ .restauration.lounge .times {background: url('images/squairy_light-gold.jpg') repeat; padding: 60px 0;} .restauration.lounge .times h4 {line-height: 1em;} .restauration.lounge .times h4 span {display: block; line-height: 1em;} /******************************* ********** HISTORY *************** ********************************/ div.history #content .presentation-block h2 {font-size: 60px;} div.history #content h2 {font-size: 50px;} div.history h3 strong {font-variant: small-caps; text-transform: capitalize; font-weight: normal; font-size: 30px;} .page-template-history .row {border-bottom: none; padding-bottom: 0;} .historyBottom {border-top: 1px solid #d4d3d3; margin-top: 60px; padding-top: 60px;} /******************************* ********** DEFAULT *************** ********************************/ .heroImage {padding: 0 0 40px;} .heroImage img {max-width: 100%;} .default .entry-content > .wrap {padding-bottom: 40px; border-bottom: 1px solid #D4D3D3; margin-bottom: 40px;} .defaultBoxes {text-align: center;} #content .defaultBoxes h2 {padding-top: 20px;} .contentBoxes .box {width: 50%; float: left; padding-bottom: 40px; text-align: left;} .contentBoxes .box .boxImage .boxImageInner, .contentBoxes .box .boxImage a {height: 285px; background-size: cover; display: block;} .packageImage {height: 200px; width: 100%;} .contentBoxes .box h3 {font-size: 38px; padding: 20px 0 0;} #content .contentBoxes .box h3 a {color: #AC1A2F;} .contentBoxes .box:nth-of-type(odd) {padding-right: 20px;} .contentBoxes .box:nth-of-type(even) {padding-left: 20px;} .bottomContent {padding-top: 40px; margin-top: 20px;} #content .presentation-block-gray .col-sm-4, #content .presentation-block-gray .col-sm-3 {border-bottom: none;} /******************************* ********** VENUES *************** ********************************/ .venuesDetail .eventBoxes {padding: 40px 0 40px; display: table; width: 100%;} .venuesDetail .eventBoxesContainer {display: table-row;} .venuesDetail .eventBox {width: 25%; padding: 0 40px; text-align: center; color: #fff; display: table-cell; vertical-align:middle;} .venuesDetail .eventBoxesContainer.nbr-cols-1 .eventBox {width: 100%;} .venuesDetail .eventBoxesContainer.nbr-cols-2 .eventBox {width: 50%;} .venuesDetail .eventBoxesContainer.nbr-cols-3 .eventBox {width: 33.33%;} .venuesDetail .eventBoxesContainer.nbr-cols-4 .eventBox {width: 25%;} .venuesDetail .eventBoxesContainer.nbr-cols-5 .eventBox {width: 33.33%;} .venuesDetail .eventBoxesContainer.nbr-cols-6 .eventBox {width: 33.33%;} .venuesDetail .eventBoxesContainer.nbr-cols-7 .eventBox {width: 25%;} .venuesDetail .eventBoxesContainer.nbr-cols-8 .eventBox {width: 25%;} .venuesDetail #content .eventBox h3 {color: #fff; font-size: 32px; font-weight: normal; margin-bottom: 0; line-height: 1em;} .venuesDetail #content .eventBox p {font-size: 17px; line-height: 1.2em; margin-bottom: 0;} .venuesDetail .eventBoxesContainer {width: 90%; margin: 0 auto;} .default.venuesDetail .entry-content > .wrap {border-bottom: none; padding-bottom: 10px;} .venuesDetail .bottomContent {border-top: none;} .venuesDetailSales .eventSalesBoxes {text-align: center;} .venuesDetailSales .eventSalesContent {text-align: left;} .venuesDetailSales .leftBox {float: left; width: 25%;} .venuesDetailSales .fullwidth .leftBox {width: 100%; text-align: center;} .venuesDetailSales .fullwidth .leftBox img {width: 300px; margin: 0 10px; max-width: 100%;} .venuesDetailSales .leftBox img {margin-bottom: 30px;} .venuesDetailSales .rightBox {float: left; width: 75%; padding-left: 30px;} .venuesDetailSales .fullwidth .rightBox {display: none;} .eventSalesBox {float: left; width: 100%; border-bottom: 1px solid #d4d3d3; margin-bottom: 30px; padding-bottom: 60px;} .eventSalesBox:last-of-type {border-bottom: none;} .eventSalesBox .boxTitle {padding-bottom: 50px;} .venuesDetailSales .bottomContent {margin-top: 0; padding-top: 0;} .venuesDetailSales .bottomContent .wrap {/*border-top: 1px solid #D4D3D3*/; padding-top: 30px;} .page.page-id-813 .bottomContent {background: url('images/bottomBG.jpg') no-repeat center; background-size: cover; border-top: none; padding: 80px 0 80px;} .page.page-id-813 .bottomContent p {width: 80%; margin: 0 auto;} .eventSalesImages .imageSizer {height: 175px; background-size: cover; margin-bottom: 20px;} .fullwidth .eventSalesImages .imageSizer {width: 49%; float: left; height: 250px;} .fullwidth .eventSalesImages .imageSizer:nth-of-type(odd) {margin-right: 20px;} .page.page-id-813 #content .defaultBoxes h2 {padding-top: 38px;} .page.page-id-813 #content .defaultBoxes {padding-bottom: 20px;} /******************************* ********** GALLERY *************** ********************************/ .gallery {padding-top: 30px;} .galleryItem {width: 22.8%; float: left; height: 150px; margin-right: 30px; margin-bottom: 30px; position: relative;} .gallery a:nth-of-type(4n+4) .galleryItem {margin-right: 0;} .galleryItem .imageCaption {color: #333; position: absolute; padding: 16px 0 5px 13px; bottom: 0; left: 0; background: url('images/captionBG.png') repeat-x; background-size: 100% 100%; width: 100%;} .fancybox-next:hover span, .fancybox-prev:hover span {opacity:0.4;} /******************************* ********** CONTACT *************** ********************************/ #content .map-address {margin-top: 100px;} /******************************* ********** ABOUT *************** ********************************/ .page-template-about .presentation-block-full .content-contact {text-align: left;} .page-template-about #content .presentation-block h2 span {display: inline-block;} /******************************* ********** 404 *************** ********************************/ .error404 .entry-header {text-align: center;} .error404 .entry-title {padding: 120px 0 15px;} /******************************* ********** FOOTER *************** ********************************/ #colophon {background: url('images/footer_pattern.jpg') repeat; font-family: "museo-sans", sans-serif; padding-top: 50px;} #colophon h3 {color: #fff; font-family: "museo-sans", sans-serif;} #colophon a {color: #fff;} body.home #colophon {position: relative; margin-top: -140px;} #colophon #colophon-logo img {width: auto;} #colophon #colophon-subscribe input[type="submit"] {background: #dfa10c; color: #1b0703;} #colophon #colophon-logo img {margin-bottom: 5px;} #colophon .tel span, #colophon .tel a {font-size: 13px; color: #fff;} #colophon .tel span.divider {padding: 0 5px;} #colophon p {line-height: 1em;} #colophon p.footerAddress {margin-bottom: 0;} #colophon p.tel {margin-bottom: 3px;} #colophon #colophon-directions {border: 1px solid #fff; color: #fff;} #colophon #colophon-directions:hover {background: #dfa10c; border: 1px solid #dfa10c;} #colophon-subscribe p {line-height: 1.3em;} #colophon #colophon-subscribe h3 {margin-top: 0px;} #colophon #colophon-subscribe input[type="submit"] {line-height: 1em; padding: 7px 14px;} p#colophon-copyright {line-height: 1.3em;} .footer-menu li, .footer-menu li:first-of-type {font-size: 18px; margin-bottom: 6px;} #colophon #colophon-social {padding-top: 0;} .menu-footer-menu-container {padding-bottom: 8px; padding-top: 5px;} #colophon-contact {padding-right: 0;} #colophon #colophon-subscribe {padding-left: 0;} #colophon #colophon-social a {width: 27px;} .col-sm-3.unused {width: 20%;} #colophon .headerLogo {display: none;} .footerAddress br {display: none;} #colophon .nameTitle {padding-top: 5px;} #colophon #colophon-social a.knot-icon {background: transparent; padding: 0;} #colophon #colophon-social a.knot-icon img {width: 100%; height: 23px; margin-top: -2px; margin-left: -5px;} } /******************************* ********** MENUS *************** ********************************/ .menuWrapper {float: left; width: 100%;} .lounge .menuWrapper {padding-top: 40px;} .leftCol {float: left; width: 50%; padding-right: 40px;} .rightCol {float: left; width: 50%; padding-left: 40px; border-left: 1px solid #d4d3d3;} .leftCol > .left_aligned_item:first-of-type {padding-top: 40px;} .rightCol > .left_aligned_item:first-of-type {padding-top: 40px;} .menuContent {display: none;} .menuContent.active {display: block;} .menuNavigation {text-align: center; padding-bottom: 20px; padding-top: 10px; width: 75%; margin: 0 auto;} .menuNavigation button {background: #fff; color: #351812; border: 1px solid #351812; box-shadow: none; padding: 10px 30px 8px; margin: 0 20px 20px 0; text-transform:uppercase;} .menuNavigation button.active {color: #fff; background: #351812;} .menuContent h5 {font-size: 30px; margin-bottom: 0px; margin-top: 0;} .menuContent h5 sup {color: #333; font-size: 15px;} #content .menuContent p {display: inline; margin-bottom: 0;} .menuContent .leftCol > div, .menuContent .rightCol > div {margin-bottom: 25px; clear: both;} .menuContent span.price {display: inline-block; padding-left: 8px;} .menuContent .imageInner {position: relative;} .menuContent .imageInner .imageCaption {position: absolute; padding: 28px 0 11px 20px; bottom: 0; left: 0; background: url('images/captionBG.png') repeat-x scroll center bottom; width: 100%;} #content .menuContent .section_header h3 {text-transform: uppercase; border-bottom: 1px solid #d4d3d3; color: #000; text-align: center; font-size: 38px; padding: 30px 0 10px;} #content .menuContent .section_header h3 p {font-size: 18px; display: block; text-transform:none; font-family: "museo-sans", sans-serif; line-height: 1.2em; font-variant:normal;} .menuContent .center_aligned_item {text-align: center;} .menuContent .center_aligned_item .price {display: block;} .menuContent .center_aligned_item span {padding: 0 10px; display: inline-block;} .menuContent .left_aligned_item.rightPrice h5, .menuContent .left_aligned_item.noDescription h5 {display: inline-block;} .menuContent .left_aligned_item.rightPrice .price {display: inline-block; float: right;} .menuContent .left_aligned_item h6 {text-transform: uppercase; font-family: "museo-sans", sans-serif; margin: 2px 0; font-size: 15px;} .menuContent .halfWrap {float: left; width: 100%;} .menuContent .halfWrap .item-column {width: 50%; float: left; margin-bottom: 0; padding-right: 10px; clear: none;} .menuContent .halfWrap .item-column .half {padding-bottom: 10px;} .menuContent .halfWrap .item-column .half h5 {font-size: 27px; display: inline;} .sub_section_header { text-align: center;} .sub_section_header h4 {text-transform: uppercase; border-top: 1px solid #351812; border-bottom: 1px solid #351812; text-align: center; color: #351812; font-family: 'BerkeleyStd-Bold'; padding: 15px 40px 10px; display: inline-block;} .sub_section_header h5 {font-size: 18px; color: #351812; font-family: "museo-sans", sans-serif; line-height: 1.2em; width: 80%; margin: 0 auto; font-weight: normal;} .sub_section_header h5 sup {font-size: 13px;} .sub_section_header h5 br {margin-bottom: 5px;} .lounge .menuNavigation {display: none;} #content .presentation-block-gray {background: url('images/allBG.png') repeat; margin-top: 15px;} .fancybox-close {background: url('images/closeX.png') no-repeat; right: 45px; top: 48px; height: 35px; width: 35px; position: fixed;} .fancybox-prev span {background: url('images/leftArrow.png') no-repeat; height: 42px; width: 22px; visibility:visible; left: 40px; position: fixed;} .fancybox-next span {background: url('images/rightArrow.png')no-repeat; height: 42px; width: 22px; visibility:visible; right: 40px; position: fixed;} .fancybox-skin {padding: 0 !important; /*max-width: 96%;*/} .fancybox-outer, .fancybox-inner {max-width: 100%;} .fancybox-skin img {width: 100%; height: auto;} .fancybox-title-float-wrap .child { font-family: "museo-sans", sans-serif; color: #fff; position: absolute; padding: 16px 0 5px 13px; bottom: 2px; left: 0; background:none; width: 100%; margin: 0; text-align: left; border-radius: 0; font-weight: normal; font-size: 20px; text-shadow: 2px 1px 3px #000;} .fancybox-title-float-wrap {margin: 0; left: 0; width: 100%;} #content .additional-contact-detail .telRemoveDT {color: #333;} #content .additional-contact-detail .telRemoveDT:hover {text-decoration: none;} #content .contentBoxes .box h3 a {color: #C43012; font-family: 'BerkeleyStd-Bold'; font-weight: 500; font-variant: small-caps; text-transform: capitalize; } .page-id-71 .default .entry-content > .wrap {border-bottom: none; overflow-wrap: break-word;} .page-id-160 .default .entry-content > .wrap {border-bottom: none; overflow-wrap: break-word;} /******************************* ********** MOBILE *************** ********************************/ @media(max-width: 1150px) { .galleryItem {width: 22%; float: left; height: 150px; margin-right: 30px; margin-bottom: 30px; position: relative;} /** GALLERY **/ .galleryItem .imageCaption {color: #333; position: absolute; padding: 16px 0 5px 13px; bottom: 0; left: 0; background: url('images/captionBG.png') repeat-x; background-size: 100% 100%; width: 100%;} .fancybox-close {height: 35px; width: 35px;} } @media(max-width: 1015px) { #colophon #colophon-subscribe {padding-left: 40px;} .col-sm-3.unused {width: 0;} .col-sm-3 {width: 33%;} .venuesDetail .eventBox {width: 49%; vertical-align: top; display: inline-block; float: none; margin-bottom: 30px;} #site-navigation ul ul li a {font-size: 16px;} #menu-item-826 a, #menu-item-829 a {/*top: -5px;*/} #content.restauration .times h4 {font-size: 35px;} #content.restauration .times h4 span {font-size: 25px; } #content.restauration .times p {font-size: 16px;} #colophon-links.col-sm-3 {padding-left: 8px;} } @media(max-width: 900px) { .restauration .times h4 {color: #fff; font-weight: normal; text-transform:uppercase; font-size: 26px; margin-bottom: 0;opacity: 0.9;} .restauration .times h4 span {font-size: 18px;} .galleryItem {width: 47%; float: left; height: 150px; margin-right: 30px; margin-bottom: 30px; position: relative;} .gallery a:nth-of-type(even) .galleryItem {margin-right: 0;} #content .block-gray ul li {font-size: 16px;} #content .block-gray .col-sm-6 {padding: 18px;} } @media(max-width: 767px) { #content h3 {line-height: 1em; font-variant: small-caps; text-transform: capitalize;} .dt-only {display: none;} #content h1 {font-size: 48px; line-height: 38px; padding: 20px;} #content h2 {line-height: 28px;} #content h2, #content h3 {color: #c43012; font-weight: normal;} .additional-contact-detail br {display: none;} .additional-contact-detail .telRemoveDT {display: block; padding-top: 5px;} body.home #masthead #reservationlink {display: none !important;} .page-template-contact .map-container {margin-left: -36px;} .contentBoxes .box .boxImage .boxImageInner, .contentBoxes .box .boxImage a {height: 185px; background-size: cover; display: block;} .packageImage {height: 175px;} /** HEADER **/ #masthead {background: #c43012;} .logo img {width: 150px;} #masthead #mobile-showhide a {font-family: "museo-sans", sans-serif; padding-top: 4px; display: inline-block;} .menutext {position: relative; padding-right: 5px; top: 3px;} #site-navigation {background: #080603 !important;} #site-navigation ul li.current_page_item > a {background: none;} #site-navigation ul li.current_page_item > a {border-right: 1px solid #dfa10c; border-left: 1px solid #dfa10c;} #site-navigation ul li.current_page_item.menu-item-has-children > a {border-right: none; border-left: none;} #site-navigation ul li.current_page_item:first-of-type > a {border-top: 1px solid #dfa10c;} #site-navigation li a {border-bottom: 1px solid #dfa10c; font-family: "museo-sans", sans-serif; padding: 5px 15px; font-size: 24px; letter-spacing:1px;} #site-navigation li.book a {background: #dfa10c; padding: 13px 15px 10px;} #mobile-welcome #home-reservationlink input[type=submit], #site-navigation .book input[type=submit]{ background: #dfa10c; padding: 13px 15px 10px;font-family: "museo-sans", sans-serif;font-size: 18px; color: #fff; border:none; width:100%; display: block; margin-top: 10px; margin-bottom: 20px; } #mobile-welcome #home-reservationlink form{ padding:0 15px; } /* assuming the last item is a yellow "book now" button, the second to last child should not have an underline */ #site-navigation li:nth-last-child(1) a {border-bottom: none;} #site-navigation li.current_page_item:nth-last-child(1) a {border-bottom: 1px solid #dfa10c;} #site-navigation ul li.open {background: #32231f !important;} #site-navigation ul li.open ul a {font-size: 18px; padding: 8px 15px;} #mobile-welcome #home-reservationlink a {background: #dfa10c; border: none; font-family: "museo-sans", sans-serif; padding: 12px 20px 11px; font-weight: 500; font-size: 18px;} body.page:not(.home) .logo {display: none;} body.page.home .intPages {display: none;} body.page:not(.home) .intPages {display: block; position: relative; top: -3px;} #masthead #reservationlink a {background: #dfa10c; padding: 6px 10px 5px; display: inline-block;} #masthead #reservationlink {padding-top:2px; display: inline-block !important; position: absolute; left: 90px;} #site-navigation ul li.current_page_item > .nav-link-wrapper > a, #site-navigation ul ul li.current_page_item > .nav-link-wrapper > a, #site-navigation ul ul li.current_page_item > .nav-link-wrapper > a {background: none !important; border-right: 1px solid #dfa10c; border-left: 1px solid #dfa10c;} /** HOME **/ .metaslider .flex-control-nav {display: block; top: 340px; height: 30px;} .metaslider .flex-control-nav li a.flex-active {background: #c43012;} .metaslider .caption {font-family: "museo-sans", sans-serif;} .metaslider .caption span {font-family: 'BerkeleyStd-Bold'; font-size: 46px; line-height: 40px; margin-bottom: 5px; font-variant: small-caps; text-transform: capitalize;} /** ACOMMODATIONS **/ .entry-header .entry-title {font-family: 'BerkeleyStd-Bold'; color: #c43012; font-size: 36px; padding: 15px 0; line-height: 1em;} .page-template-accommodations #content .slideshow-content h3 {font-size: 28px !important; text-align: left !important; margin-bottom: 0;} .page-template-accommodations .slideshow-image:first-child img {max-width: 100% !important; margin-left: 0;margin-right: 0;} #content .block-gray {background: #e8e2e0 !important; margin-top: 0 !important; padding-bottom: 70px;} #content .block-gray ul {padding-left: 20px; margin-bottom: 0;} #content .block-gray ul li {margin-bottom: 0;} .page-template-accommodations #content .slideshow-content p {margin-top: 0;} #content .block-gray ul li {font-size: 18px;} .mobile-only-wrap {padding-left: 0;} #content .block-gray .leftBox h3 {font-family: 'BerkeleyStd-Bold'; font-weight: normal; font-variant: small-caps; text-transform: capitalize; font-size: 30px; line-height: 1em;} #content .block-gray {padding-top: 10px;} /** RESTAURATION **/ .heroImage {display: none;} .topContent {padding: 20px 0;} .restauration .times {background: url('images/squairy_light-Red.jpg') repeat; color: #fff; text-align: center; padding: 40px 0 70px;} .restauration .times .time {width: 100%; float: left; padding-bottom: 6px;} .restauration .times h4 {color: #fff; font-weight: normal; font-size: 40px; margin-bottom: 0;opacity: 0.9; font-variant: small-caps; text-transform: capitalize; line-height: 31px} .restauration .times h4 span {font-size: 28px; line-height: 1em;} .restauration .times p {font-size: 18px; opacity: 0.9; margin-top: 0 !important;} #content.restauration h2 {text-align: center;} .restauration .menuWarnings {margin-top: 30px;} .restauration .menuWarnings p {font-size: 13px; border-top: 1px solid #d4d3d3; border-bottom: 1px solid #d4d3d3; line-height: 1.2em; color: #351812; padding: 30px 0;} .hours {text-align: center; padding-top: 20px;} .hours .day {padding-top: 30px;} .hours .day:last-of-type {padding-bottom: 30px;} .hours h3 span.bar {background: #c43012 none repeat scroll 0 0; display: none; height: 2px; margin: 0 10px; position: relative; top: -7px; width: 40px;} .hours h3.today span.bar {display: inline-block;} .reserverPhone {padding-top: 10px; display:block; padding-bottom: 20px;} .menu {padding-top: 20px;} .quote {padding: 40px 0; color: #fff; text-align: center;} #content .quote .quoteText p {font-size: 18px; font-family: 'BerkeleyStd-Bold'; line-height: 1.3em; font-weight: normal; margin-bottom: 15px;} .quote .quoteAuthor {font-family: 'BerkeleyStd-Bold'; text-transform:uppercase; font-size: 16px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #fff;} .others a .fa {background-color: #fff; height: 50px; width: 50px; margin-left: 7px; padding-top: 10px; color: #4c2f2b; font-size: 30px;} .others span {font-size: 18px; display: block; padding-bottom: 10px;} .restauration .map {text-align: center; padding-top: 25px;} .restauration .map-container #map {height: 300px !important;} .restauration .mapInfo h5 {font-size: 30px; padding-top: 20px;} .restauration .mapInfo h5 br {display: none;} .restauration .mapInfo .phone {padding-bottom: 10px;} .restauration .mapInfo .address {padding-bottom: 10px;} #content .mapInfo .phone a {color: #333;} .menuNavigation {padding-bottom: 0; position: relative; overflow: scroll; margin-bottom: 15px;} .menuNavigationScroll {position: abosolute; height: 60px; width: 1000px; overflow-x: scroll;} #content .hours h2 {font-size: 48px; margin-bottom: 0; line-height: 38px;} #content .day h3 {font-size: 30px;} .reserverPhone span {display: block;} .rightCol > .left_aligned_item:first-of-type {padding-top: 0;} #content.restauration .times h4 {font-size: 40px;} #content.restauration .times h4 span {font-size: 30px; } #content.restauration .times p {font-size: 18px;} .leftCol > .left_aligned_item:first-of-type {padding-top: 0;} #content.restauration .times a.white {color: #fff;} /** MENUS **/ .leftCol {float: left; width: 100%; border-right: none; padding-right: 0; height: auto !important;} .rightCol {float: left; width: 100%; padding-left: 0; border-left: none; height: auto !important;} .menuNavigation {width: 100%;} .menuNavigation button {background: #fff; color: #351812; border: 1px solid #351812; box-shadow: none; padding: 10px 20px 8px; margin: 0 10px 10px 0; text-transform:uppercase; font-size: 18px; } .menuContent h5 {font-size: 24px;} #content .menuContent .section_header h3 {padding: 20px 0 10px; font-size: 35px;} .menuContent .halfWrap .item-column {width: 100%; float: none;} .menuContent .left_aligned_item.rightPrice h5, .menuContent .left_aligned_item.noDescription h5 {display: inline;} .sub_section_header h5 {color: #351812; font-family: "museo-sans",sans-serif; font-size: 18px; font-weight: normal; line-height: 1.2em; margin: 0 auto; width: 80%;} #content .menuContent .section_header h3 p {margin-top: 0; padding-bottom: 5px;} /** LOUNGE **/ .restauration.lounge .times {background: url('images/squairy_light-gold.jpg') repeat;} .restauration.lounge .times .time {width: 100%;} .restauration.lounge .times {padding: 55px 0 30px;} .restauration.lounge .times h4 {line-height: 1em; margin-bottom: 30px;} .restauration.lounge .times h4 span {display: block; line-height: 1em;} .lounge .menuWrapper {padding-top: 10px;} /** DEFAULT **/ .default .entry-content > .wrap {padding-bottom: 40px; border-bottom: 1px solid #D4D3D3; margin-bottom: 40px;} .defaultBoxes {text-align: center;} #content .defaultBoxes h2 {font-size: 36px; padding-top: 20px;} .contentBoxes {padding-top: 20px;} .contentBoxes .box {width: 100%; float: left; padding-bottom: 40px; text-align: left;} .contentBoxes .box h3 {font-size: 28px; padding: 20px 0 0;} #content .contentBoxes .box h3 a {color: #c43012;} /** VENUES **/ .venuesDetail .eventBoxes {padding: 60px 0 20px; margin-bottom: 40px;} .venuesDetail .eventBox {width: 100%; float: left; padding: 0 20px 30px; text-align: center; color: #fff; margin-bottom: 0;} .venuesDetail #content .eventBox h3 {color: #fff; font-size: 26px; margin-bottom: 10px; font-weight: normal;} .venuesDetail #content .eventBox p {font-size: 17px; line-height: 1.2em;} .venuesDetail .eventBoxesContainer {width: 100%; margin: 0 auto;} .default.venuesDetail .entry-content > .wrap {border-bottom: none; padding-bottom: 10px;} .venuesDetail .bottomContent {border-top: none;} .page-id-813 .button {margin-right: 0 !important; margin-top: 20px; display: block;} .venuesDetailSales .eventSalesBoxes {text-align: center;} .venuesDetailSales .eventSalesContent {text-align: left;} .venuesDetailSales .leftBox img {margin-bottom: 30px;} .eventSalesBox {float: left; width: 100%; border-bottom: 1px solid #d4d3d3; margin-bottom: 30px; padding-bottom: 40px;} .eventSalesBox .boxTitle {padding-bottom: 30px;} .page.page-id-813 .bottomContent {background: url('images/bottomBG.jpg') no-repeat center; background-size: cover; border-top: none; padding: 50px 0 50px;} .venuesDetailSales .bottomContent {padding-bottom: 15px;} .eventSalesImages .imageSizer {height: 200px; background-size: cover; margin-bottom: 20px;} .fullwidth .eventSalesImages .imageSizer {width: 100%; float: left; height: 200px;} .fullwidth .eventSalesImages .imageSizer:nth-of-type(odd) {margin-right: 0;} /** HISTORY **/ .page-template-history .row {border-bottom: none; padding-bottom: 0;} .page-template-history .col-sm-8 .copy {border-bottom: 1px solid #d4d3d3; padding-bottom: 30px;} .content-under-hero {padding-bottom: 23px;} .historyBottom {padding-top: 30px;} /** PROMOTIONS **/ .page-template-packages #content h3 {margin-top: 20px; text-align: center;} .page-template-packages .row {margin: 0;} .page-template-packages .col-sm-4 {padding: 0;} /** ABOUT **/ .page-id-5 .row {margin: 0;} .page-id-5 .col-sm-4 {padding: 0;} /** 404 **/ .error404 {text-align: center;} .error404 .entry-header p {padding: 0 25px;} .error404 #content h1 {padding-bottom: 5px; padding-top: 25px;} /** FOOTER **/ #colophon {background: url('images/footer_pattern.jpg') repeat; font-family: "museo-sans", sans-serif; padding-top: 20px;} .col-sm-3 {width: 100%;} #colophon #colophon-logo img {width: auto;} #colophon .headerLogo {display: inline-block;} #colophon #colophon-logo img.headerLogo {width: 190px;} #colophon #colophon-logo .nameTitle {font-family: "museo-sans", sans-serif;} .nameTitle {color: #c43012;} .tel, .tel:hover, .tel a, .tel a:hover {font-size: 18px;} #colophon #colophon-directions {color: #fff; border-color: #fff;} #colophon #colophon-subscribe input[type="submit"] {background: #dfa10c;} #colophon #colophon-links #colophon-social a {margin-bottom: 10px;} .footer-menu li:first-child, .footer-menu li {font-size: 24px;} #colophon #colophon-links #colophon-social a {margin: 0 15px 20px;} .footer-menu {margin-top: 0; margin-bottom: 10px;} #colophon #colophon-subscribe {padding-left: 20px;} #colophon #colophon-subscribe h3 {color: #fff; font-family: "museo-sans", sans-serif;} span.divider {padding: 0 5px;} #colophon #colophon-social a.knot-icon {background: transparent; padding: 0;} #colophon #colophon-social a.knot-icon img {width: 44px; height: 41px; margin-top: -2px; margin-left: -7px;} } @media(max-width: 600px) { .galleryItem {width: 100%; float: left; height: 175px; margin-right: 0; margin-bottom: 30px; position: relative;} .galleryItem:nth-of-type(2n+2) {margin-right: 0;} } @media(max-width: 450px) { .page-template-accommodations #content h1 {font-size: 38px;} } /**OLD STYLES********************************************************************************* /* privacy policy and fees pages */ body.page-id-160 #content h3, body.page-id-71 #content h3 {padding-top: 0px;margin-bottom: 0;} body.page-id-71 #content .wrap h3:first-child {padding-top: 0;} #content .presentation-block-yellow{background-image:url(images/bg-bridgesquare-overlay.jpg) ;background-position:center center;background-size:cover;} .phone-and-email-block {margin-top:25px;} .phone-and-email-block .tel {border-right:1px solid #d4d3d3;margin-right: 22px;padding-right: 14px;} @media screen and (max-width: 767px) { #content .presentation-block-yellow h2{background-image:url(images/yellow_bkg_img.jpg) ;} #content .presentation-block-yellow{background-image:none ;} #masthead .site-title a {background-image: url('./images/logo-mobile-narrow.png');} body.home #masthead .site-title a, #masthead.expanded .site-title a {background-image: url('./images/logo-mobile-full.png');} .phone-and-email-block .tel {display:block;border-right:none;margin-right: 0;padding-right: 0;} .phone-and-email-block .cta-solid {display:block;margin-top:10px;} } /* COLORS */ html {background: #8c8179;} #content .block-gray {background-color: #e8e2e0;} hr {border-top-color: #d4d3d3;} .entry-header .wrap{background-color:#FFFFFF;} .entry-content .wrap{background-color:#FFFFFF; } .metaslider .flex-control-nav li a{background-color:#c4c4c4;} .metaslider .flex-control-nav li a:hover{background-color:#c4c4c4;} #colophon #colophon-subscribe input[type="text"] {color: #000;} #colophon #colophon-social a {background: #fff;color: #8c8179;} #masthead #reservations select option{color:#000000;} #masthead #reservations input.datepicker:focus {background-color: #ac1a2f;} #ui-datepicker-div {background: #000;color: #fff;} #ui-datepicker-div a {color: #fff;} .ui-widget-header {color: #fff !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #fff;} #content .presentation-block-full .tel {color: #000;} #content .presentation-block-yellow{color:#FFFFFF;} @media screen and (max-width: 767px) { #content .presentation-block-yellow{color:#000;} #content .block-gray {background: #e8e2e0;} #site-navigation ul li.current_page_item > .nav-link-wrapper > a, #site-navigation ul ul li.current_page_item > .nav-link-wrapper > a , #site-navigation ul ul li.current_page_item > .nav-link-wrapper > a{background: #c99900;} #colophon #colophon-subscribe {border-bottom: 1px solid #645c57;border-top: 1px solid #645c57;} #colophon #colophon-logo {color: #fff;} #masthead #mobile-showhide a {color: #fff;} .metaslider .caption-wrap {background: #FFFFFF none repeat-y center center !important;} .metaslider .caption {color: #000;} #content .presentation-block-gray {border-top:none;} #content .presentation-block-gray .col-sm-6, #content .presentation-block-gray .col-sm-4, #content .presentation-block-gray .col-sm-3{border-bottom: 1px solid #d4d3d3;} #content .presentation-block-yellow .wrap{padding:0;} #content .presentation-block-yellow h2{color:#FFFFFF;} } @media screen and (min-width: 768px) { #site-navigation ul ul li a {color: #fff !important;} #accommodations-slideshow>div {background: #000;color: #fff;background-size:cover;} #accommodations-slideshow>div a {color: #fff;} #accommodations-slideshow>div h3 {color: #fff;} #accommodations-nav li {border-color: #fff;} #accommodations-nav li a {color: #fff;} #accommodations-nav li.active a {color: #28251e;} #site-navigation a {color: #661212;} body.home #masthead #site-navigation a {color: #fff;} #site-navigation ul ul li a:hover {background-color: inherit;color: inherit !important;} #site-navigation ul ul li:hover .nav-link-wrapper:before{background-color: transparent;} #site-navigation ul ul li.current_page_item .nav-link-wrapper:before{background-color: rgba(255,255,255,.8);} #site-navigation ul ul li.current_page_item a {color: #ac1a2f !important;} }