/* Theme Name: Ampersand Child Template: ampersand Version: 2.0.1 */ /*------------------------ * GENERAL STYLES * ---------------------*/ /* Page formatting */ #main-content .container .wpb-content-wrapper > .vc_row {padding: 55px 0;} #main-content .container .wpb-content-wrapper .vc_row-has-fill + .vc_clearfix + .vc_row > .vc_column_container > .vc_column-inner {padding: 0;} .vc_row + .vc_row {margin-top: 40px;} h2 + .vc_row {margin-top: 30px;} ul + p {margin-top: 15px;} .title-container {display: none;} /* Typography */ h2 {font-size: 38px; line-height: 1.3em;} h3 {line-height: 1.3em;} /* Form fields + buttons */ input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], textarea, select {margin-bottom: 15px; max-width: 500px; width: 100%;} select {font-family: Signika; font-size: 15px;} .wpcf7-list-item {display: block; margin-left: 0;} .wpcf7-acceptance .wpcf7-list-item {display: inline-block;} .two-col-form {display: flex;} .two-col-form div {width: 50%;} /* DG */ .wpcf7-form-control {margin-bottom: 10px;} .vc_row + .vc_btn3-container, h2 + .vc_btn3-container {margin-top: 40px;} #main-content .vc_btn3-container .vc_btn3.vc_btn3-color-grey {background-color: #ed174c; border: thick solid #ed174c; color: #fff; font-size: 20px; font-weight: bold; padding: 10px 15px; text-transform: uppercase;} #main-content .vc_btn3-container .vc_btn3.vc_btn3-color-grey:hover {background-color: #fff; color: #ed174c;} input[type="submit"] {border-radius: 50px; border: thick solid #ed174c; color: #fff; font-size: 20px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; transition: 0.1s ease-in all;} input[type="submit"]:hover {background-color: #fff; color: #ed174c;} .tribe-events button.tribe-common-c-btn {background-color: #ed174c; border-radius: 50px; border: thick solid #ed174c; color: #fff; font-weight: bold; padding: 5px 15px; text-transform: uppercase; transition: 0.1s ease-in all;} .tribe-events button.tribe-common-c-btn:hover {background-color: #fff; border: thick solid #ed174c; border-radius: 50px; color: #ed174c; padding: 5px 15px;} button.btn-modal {background-color: #ed174c !important; border: thick solid #ed174c !important; border-radius: 50px !important; font-family: Signika; font-size: 20px !important; font-weight: bold; padding: 10px 15px; text-transform: uppercase;} button.btn-modal:hover {background-color: #fff !important; color: #ed174c !important;} /* Elements: icons */ #main-content .vc_icon_element {margin-bottom: 15px;} #main-content .vc_icon_element .vc_icon_element-outline {border-color: #ed174c; border-width: thick;} #main-content .vc_icon_element .vc_icon_element-outline .vc_icon_element-icon:before {color: #ed174c;} /* ID: timetable */ #timetable td {line-height: 1.5em;} #timetable .day {width: 120px;} /* Class: dark-bg */ .dark-bg h2, .dark-bg h3 {color: #fff;} .dark-bg p, .dark-bg td {color: #fff;} /* Class: button-group */ .button-group {text-align: center;} .button-group .vc_btn3-inline {margin: 0 10px;} .button-group .vc_btn3-inline.vc_btn3-container .vc_btn3.vc_btn3-color-grey {min-width: 280px;} /* Class: empty */ .empty {display: none;} /* Class: two-col */ .two-col {column-count: 2; column-gap: 30px;} /*------------------------ * HEADER STYLES * ---------------------*/ /* Top bar */ .header .topbar-show {color: rgba(255, 255, 255, 0.8);} .header .topbar-show #topbar-left {display: none;} .header .topbar-show #topbar-right {align-items: center; display: flex; justify-content: flex-end; width: 100%;} .header .topbar-show #topbar-right .menu-top-bar-menu-container li {display: inline-block;} .header .topbar-show #topbar-right .menu-top-bar-menu-container {padding-right: 20px;} .header .topbar-show #topbar-right .menu-top-bar-menu-container li::after {color: #fff; content: '\2022'; position: absolute; top: 10px;} .header .topbar-show #topbar-right .menu-top-bar-menu-container li a {color: #fff; padding: 0 20px; text-decoration: none; text-transform: uppercase;} .header .topbar-show #topbar-right .menu-top-bar-menu-container li a:hover {text-decoration: underline;} /* Logo */ .header #nav-container #logo a img {max-width: 250px;} .header #nav-container #sticky-logo a img {max-width: 250px;} /* Main menu */ .header #nav-container .nav-menu {background-color: #ed174c; display: inline-block;} .header #nav-container .nav-menu::before {background: #ed174c; clip-path: polygon(100% 0, 0% 100%, 100% 100%); content: ''; height: 42px; margin-left: -23px; position: absolute; width: 24px;} .header #nav-container .nav-menu::after {background: #ed174c; clip-path: polygon(0 0, 0% 100%, 100% 0); content: ''; height: 42px; margin-right: -23px; position: absolute; width: 24px;} .header #nav-container .nav-menu li::after {color: #fff; content: '\2022'; position: absolute; top: 7px;} .header #nav-container .nav-menu li a {color: #fff; display: block; padding: 10px 20px;} .header #nav-container .nav-menu li#menu-item-5094 a {color: #ffe95c;} .header #nav-container .nav-menu li#menu-item-5094 .sub-menu a {color: #fff;} .header #nav-container .nav-menu li:hover a {text-decoration: underline;} header #nav-container .nav-menu li .sub-menu {top: 42px; border: none; background-color: #cb0b3a;} header #nav-container .nav-menu li .sub-menu li::after {content: ""} header #nav-container .nav-menu li .sub-menu a {text-decoration: none !important;} header #nav-container .nav-menu li .sub-menu a:hover {text-decoration: underline !important;} /* Social icons */ .topbar-show .container #topbar-right .fab, footer .fab {width: 27px;} /*------------------------ * FOOTER STYLES * ---------------------*/ .footer {background-color: #ed174c;} .footer h3, .footer td {color: #fff;} .footer .fab {color: #ed174c;} .home .footer .container {display: none;} .home .footer #footer-copyright {border-top: none; display: block; margin-top: 0; padding-top: 0;} .home .footer #footer-copyright .vc_col-sm-6:first-of-type {line-height: 2em;} /*------------------------ * HOME STYLES * ---------------------*/ /* Hero slide */ #hero-slide {background-position: bottom right !important; height: 600px;} #hero-slide .vc_column-inner {margin: 0 auto; /*max-width: 1200px;*/ max-width: 1500px;} #hero-slide .vc_column-inner .wpb_wrapper {/*background-color: rgba(255, 255, 255, 0.5); max-width: 590px; padding: 30px;*/ padding: 50px;} #hero-slide .uvc-type-wrap {color: #000; font-family: Signika, sans-serif; font-size: 100px;} #hero-slide .uvc-type-wrap .ultimate-ticker-prefix, #hero-slide .uvc-type-wrap .ultimate-ticker-suffix {display: block; font-size: 40px;} #hero-slide .uvc-type-wrap .ultimate-ticker-prefix {font-size: 100px; font-weight: bold !important; text-transform: uppercase !important;} #hero-slide .uvc-type-wrap .ultimate-vticker {margin: 0 !important;} #hero-slide .uvc-type-wrap .ultimate-vticker ul li {font-weight: bold; text-transform: uppercase;} #hero-slide .upside-down {color: #000; font-family: Signika, sans-serif; font-size: 20px; font-style: italic; margin: 10px auto 0 auto;} #hero-slide .vc_btn3-container {display: block; margin: 20px auto 0 auto;} #hero-slide .vc_btn3-container .vc_btn3.vc_btn3-color-grey {font-size: 24px;} /* Fancy Text */ .serving-fancy-text {opacity: 0;} /* Callouts */ #home-callouts {background-repeat: no-repeat; background-position: bottom left; background-size: cover;} #home-callouts > .vc_col-sm-12 {padding: 50px 30px;} #home-callouts > .vc_col-sm-12 h4 {text-align: center; text-transform: uppercase;} #home-callouts > .vc_col-sm-12 h2 {text-align: center;} /* Flavor of the day */ #home-flavor-of-the-day #flavor-of-the-day-heading {text-align: center;} #home-flavor-of-the-day #flavor-of-the-day-heading .wpb_wrapper {padding: 0 !important;} #home-flavor-of-the-day .flavor-of-the-day-text {text-align: center;} #home-flavor-of-the-day .flavor-of-the-day-text .wpb_wrapper {padding: 0 !important;} .nonflavor-event {font-weight: bold; text-align: center; text-transform: uppercase;} .nonflavor-event + .nonflavor-event {margin-top: 20px;} /* Extra Info box */ #home-extra-info {background-color: #008c9a;} #home-extra-info .vc_custom_heading {color: #FFF; } #home-extra-info .container .wpb-content-wrapper > .vc_row {padding: 30px auto;} /* GMap */ #map-canvas .infoBox {font-family: Signika;} #map-canvas .infoBox span {font-size: 20px; font-weight: bold; color: #fff;} #map-canvas .infoBox a {color: #fff; display: block; font-size: 20px; font-weight: bold;} /*------------------------------- * CALENDAR - BACKEND STYLES * ----------------------------*/ table#event_tribe_venue {display: none;} .tribe-events-l-container {padding-top: 250px !important;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover {background-color: #f6f6f6;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after {display: none;} .tribe-events .tribe-events-calendar-month__day-date-link {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 34px;} .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content {margin-left: 15px; position: absolute; z-index: 10000;} .tribe-common button.print-btn, .tribe-common .tribe-common-c-btn-border {background-color: #ed174c; border-radius: 50px; border: thick solid #ed174c; color: #fff; font-weight: bold; padding: 5px 15px; text-transform: uppercase; transition: 0.1s ease-in all;} .tribe-common .tribe-common-c-btn-border {margin-right: 10px;} .tribe-common .tribe-common-c-btn-border button {text-transform: uppercase;} .tribe-common button.print-btn:hover, .tribe-common .tribe-common-c-btn-border:hover, .tribe-common .tribe-common-c-btn-border:focus, .tribe-common .tribe-common-c-btn-border:focus-within {background-color: #fff !important; color: #ed174c !important;} .tribe-common .tribe-events-calendar-month__day--other-month .tribe-common-h4 {opacity: .2;} .tribe-events-calendar-month__day.tribe-events-calendar-month__day--current {border: 1px solid #ed174c !important; margin: -1px 0 0 -1px;} .tribe-events-calendar-month__multiday-event-wrapper + .tribe-events-calendar-month__multiday-event-wrapper {margin-top: 10px;} .tribe-events-calendar-month__multiday-event-bar {background-color: transparent !important; border-radius: 100px !important;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner {background-color: transparent !important; border-radius: 100px; padding: 0 !important;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3 {border-radius: 100px; font-size: 14px !important; line-height: 1.3em !important; opacity: 1 !important; padding: 5px 15px; text-overflow: unset !important; text-wrap: wrap !important; width: 100%; white-space: normal;} h3[data-flavor-slug~="apple-cider"] {background-color: #f8c268;} h3[data-flavor-slug~="banana-pudding"] {background-color: #faecaf;} h3[data-flavor-slug~="birthday-cake"] {background-color: #92d1f4;} h3[data-flavor-slug~="blueberry"] {background-color: #9acdea;} h3[data-flavor-slug~="burgundy-cherry"] {background-color: #e599a5;} h3[data-flavor-slug~="butter-pecan"] {background-color: #fce08d;} h3[data-flavor-slug~="chocolate-chip-cookie-dough"] {background-color: #f6e9d8;} h3[data-flavor-slug~="chocolate-malt"] {background-color: #f6e9e0;} h3[data-flavor-slug~="cinnamon-bun"] {background-color: #eac380;} h3[data-flavor-slug~="cinnamon-choc-cake"] {background-color: #ce9876;} h3[data-flavor-slug~="coconut"] {background-color: #ebe4da;} h3[data-flavor-slug~="eggnog"] {background-color: #f6e9d6;} h3[data-flavor-slug~="gingerbread"] {background-color: #f6bd86;} h3[data-flavor-slug~="jamocha"] {background-color: #dddcd8;} h3[data-flavor-slug~="key-lime"] {background-color: #c2f2a8;} h3[data-flavor-slug~="lemon"] {background-color: #fff89d;} h3[data-flavor-slug~="maple-almond"] {background-color: #ffc49a;} h3[data-flavor-slug~="mint-chocolate-chip"] {background-color: #9fd59b;} h3[data-flavor-slug~="nutella"] {background-color: #f4c790;} h3[data-flavor-slug~="orange-cream"] {background-color: #feb145;} h3[data-flavor-slug~="peach"] {background-color: #ffaf96;} h3[data-flavor-slug~="peanut-butter"] {background-color: #ffce6f;} h3[data-flavor-slug~="peppermint"] {background-color: #7feba0;} h3[data-flavor-slug~="pina-colada"] {background-color: #f2e9ae;} h3[data-flavor-slug~="pistachio"] {background-color: #e0e086;} h3[data-flavor-slug~="pumpkin"] {background-color: #ffaf6a;} h3[data-flavor-slug~="raspberry"] {background-color: #ffa5a5;} h3[data-flavor-slug~="rum-raisin"] {background-color: #f5ca7c;} h3[data-flavor-slug~="salted-caramel"] {background-color: #e7be8a;} h3[data-flavor-slug~="smores"] {background-color: #f5d3a6;} h3[data-flavor-slug~="spiced-apple-cider"] {background-color: #f3c893;} h3[data-flavor-slug~="strawberry"] {background-color: #ff827e;} h3[data-flavor-slug~="sweet-cream"] {background-color: #f2f1ef;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3.non-flavor-event {background-color: transparent; color: #ed174c !important; font-size: 12px !important;} .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner h3 {background-color: #eee; color: #666;} .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner h3.non-flavor-event {background-color: transparent;} .tribe-events-calendar-month__day--past-month .tribe-events-calendar-month__events, .tribe-events-calendar-month__day--next-month .tribe-events-calendar-month__events {display: none;} /*------------------------------- * FOOD MENU STYLES * ----------------------------*/ #food-menu .vc_col-sm-12 .vc_column-inner {background-color: #f6f6f6; padding: 30px 40px;} #food-menu .vc_col-sm-12 .vc_column-inner h2 {font-size: 36px; text-transform: uppercase;} #food-menu .vc_col-sm-12 .vc_column-inner h3 {font-size: 18px; margin-bottom: 0; text-transform: uppercase;} #food-menu .vc_col-sm-12 .vc_column-inner div {line-height: 1.5em;} #food-menu .vc_col-sm-12 .vc_column-inner .food-item {border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; padding: 15px 0;} #food-menu .vc_col-sm-12 .vc_column-inner .food-item-descrip {border-bottom: 1px solid #ccc; padding: 15px 0;} #food-menu .vc_col-sm-12 .vc_column-inner .food-item-descrip p {margin-bottom: 0;} #food-menu .vc_col-sm-12 .vc_column-inner .food-item-two-col {column-count: 2;} /*------------------------ * NEWS STYLES * ---------------------*/ .grid-list {flex-wrap: wrap;} .grid-list .post.post-grid {width: 50%;} .grid-list .post.post-grid .post-image {background-position: center; background-size: cover; height: 200px; margin-top: 0;} .grid-list .post.post-grid .post-title {font-size: 20px;} .grid-list .post.post-grid .post-meta {margin-bottom: 10px;} .grid-list .post.post-grid .post-title a {font-weight: bold; line-height: 1.3em;} /* Single post */ .single-post .post-image {margin-bottom: 30px; max-height: none; overflow: unset;} .single-post .post-image img {margin-top: 0;} .single-post .post-image .post-image-caption {line-height: 1.5em; margin-top: 10px; text-align: center;} /*------------------------ * PRINT STYLES * ---------------------*/ @media print { /* General Print Styles */ #site-navigation {display: none;} .topbar-show {display: none;} header.sticky-nav {position: static;} header.sticky-nav div#logo, header.sticky-nav div#sticky-logo {width: 100% !important; text-align: center !important;} header.sticky-nav div#logo img, header.sticky-nav div#sticky-logo img {max-width: 180px !important;} footer {display: none;} h3 {background: none !important;} /* Events Calendar print styles */ .print-btn {display: none;} .tribe-events-header__events-bar {display: none;} .tribe-common-l-container {padding-top: 10px !important; padding-bottom: 0 !important;} .tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {margin: 0 auto;} .tribe-events-c-top-bar.tribe-events-header__top-bar {margin-bottom: 15px !important;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {min-height: 130px;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {text-align: center; padding-bottom: 0 !important;} .tribe-events-calendar-month__header-column {padding-bottom: 0 !important;} .tribe-events-calendar-month__header {min-height: 25px;} .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {display: none !important;} .tribe-events-calendar-month__day-cell {height: 30px !important;} .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {opacity: 1;} .tribe-events-calendar-month__day-date.tribe-common-h4 {height: 40px;} .tribe-events-c-top-bar__datepicker-mobile {display: none;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3 {font-size: 12px !important;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3[data-flavor-slug*="last-day"] {font-size: 10px !important;} /* Multi-day event bar */ .tribe-events-calendar-month__multiday-event-bar-title.tribe-common-h8 {text-align: center; white-space: normal;} .tribe-common .tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden {display: block !important; visibility: visible !important;} .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner h3 {background-color: #FFF;} .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner {background: none !important;} .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner h3 {background: none !important;} .tribe-events .tribe-events-calendar-month__multiday-event-bar {background-color: transparent;} .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {background: none !important;} } /*------------------------ * RESPONSIVE STYLES * ---------------------*/ @media only screen and (max-width: 1230px) { /* Header */ .header .topbar-show #topbar-right .menu-top-bar-menu-container li a {font-size: 14px;} .header #nav-container .nav-menu li a {font-size: 14px;} .header #nav-container #logo a img, .header #nav-container #sticky-logo a img {max-width: 225px;} .header #nav-container #logo #animated-logo, .header #nav-container #sticky-logo #animated-logo {max-width: 225px !important;} } @media only screen and (max-width: 1080px) { /* Header */ .header .topbar-show #topbar-right .menu-top-bar-menu-container li a {font-size: 13px;} .header #nav-container .nav-menu li a {font-size: 13px;} .header #nav-container #logo, .header #nav-container #sticky-logo {width: 200px;} .header #nav-container #logo a img, .header #nav-container #sticky-logo a img {max-width: 200px;} .header #nav-container #logo #animated-logo, .header #nav-container #sticky-logo #animated-logo {max-width: 200px !important;} } @media only screen and (max-width: 990px) { /* Header */ .header .topbar-show #topbar-right .menu-top-bar-menu-container li a {padding: 0 15px;} .header #nav-container .nav-menu li a {padding: 10px 15px;} /* Footer */ .footer .vc_col-sm-3 {width: 33.3%;} /* Home - hero slide */ #hero-slide .uvc-type-wrap, #hero-slide .uvc-type-wrap .ultimate-ticker-prefix {font-size: 80px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;} #hero-slide .uvc-type-wrap .ultimate-ticker-suffix, #hero-slide .upside-down {text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;} /* Locations */ .locations .vc_row {display: flex; flex-wrap: wrap; margin-top: 0;} .locations .vc_row:first-of-type {margin-top: 40px;} .locations .vc_row .vc_col-sm-3 {margin-bottom: 40px; width: 50%;} .locations .vc_row .vc_col-sm-3 h2 br {display: none;} } @media only screen and (max-width: 920px) { /* Header */ .header .topbar-show #topbar-right .menu-top-bar-menu-container {display: none;} .header #nav-container #menu-toggle, .header #nav-container #dropdown {display: inline-block;} .header #nav-container #menu-toggle + .menu-main-menu-container #menu-main-menu {display: none;} .header #nav-container #logo, .header #nav-container #sticky-logo {width: calc(100% - 110px);} /* Pop out menu */ .header #nav-container .nav-menu::before, .header #nav-container .nav-menu::after, .header #nav-container .nav-menu li::after {display: none;} #popout .nav-menu {display: flex !important; flex-wrap: wrap;} #popout .nav-menu li {order: 2;} #popout .nav-menu li.menu-item-5094 {order: 1;} #popout .nav-menu li.menu-item-5094 a {color: #ffe95c;} #popout .nav-menu li .sub-menu {display: block !important; position: static !important; width: 100% !important;} #popout .nav-menu li .sub-menu li:first-of-type {border-top: 1px solid #444;} #popout .nav-menu li .sub-menu li:last-of-type {border-bottom: none;} #popout .nav-menu li .sub-menu li a {color: #fff; padding-left: 25px !important;} #popout .nav-menu li .sub-menu li a::before {content: '- '; margin-right: 5px;} #popout .top-menu {background-color: #ed174c; margin-left: 0;} #popout .top-menu li {border-bottom: 1px solid #444; box-sizing: border-box; width: 100%;} #popout .top-menu li a {color: #fff; display: block; font-size: 14px; font-weight: bold; padding: 10px 20px; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in all;} /* Home - map & timetable */ #map-timetable .vc_col-sm-8, #map-timetable .vc_col-sm-4 {width: 50%;} } @media only screen and (max-width: 810px) { /* Header */ .header #nav-container #logo, .header #nav-container #sticky-logo {width: 170px;} .header #nav-container #logo a img, .header #nav-container #sticky-logo a img {max-width: 170px;} /* Footer */ .footer .vc_row {display: flex;} .footer .vc_row .vc_col-sm-3 {width: 50%;} .footer .vc_row .vc_col-sm-6 {width: 0;} .footer #footer-copyright .vc_row {display: block;} .footer #footer-copyright .vc_row .vc_col-sm-6 {width: 100%;} /* Home - hero slide */ #hero-slide .upside-down {font-weight: bold;} /* Calendar */ .tribe-events-calendar-month__multiday-event-bar {border-radius: 10px !important;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner {border-radius: 10px;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3 {border-radius: 10px;} /* About */ #about .vc_col-sm-8 .vc_col-sm-6 {width: 100%;} #about .vc_col-sm-8 .vc_col-sm-6 img {margin-top: 30px;} } @media only screen and (max-width: 768px) { /* Page formatting */ .vc_col-sm-8 + .vc_col-sm-4, .vc_col-sm-6 + .vc_col-sm-6 {margin-top: 40px;} /* Header */ .header #nav-container nav {width: calc(100% - 250px);} /* Home - hero slide */ #hero-slide {background-image: url('/wp-content/uploads/2023/06/goodberrys-hero_translucent.jpg') !important; background-position: 90% bottom !important;} #hero-slide .uvc-type-wrap, #hero-slide .uvc-type-wrap .ultimate-ticker-prefix {text-align: center !important;} #hero-slide .uvc-type-wrap .ultimate-vticker ul li {text-align: center !important;} #hero-slide .upside-down {text-align: center !important;} #hero-slide .vc_btn3-container {text-align: center;} /* Home - pros */ #goodberrys-pros img {margin-bottom: 40px;} #goodberrys-pros .vc_col-sm-12 .vc_row + .vc_row .vc_col-sm-6 {order: 1;} #goodberrys-pros .vc_col-sm-12 .vc_row + .vc_row .vc_col-sm-6:first-of-type {order: 2;} /* Calendar - print button */ .tribe-events .tribe-events-header {margin-bottom: 20px;} .tribe-events .tribe-events-header button.print-btn {padding: 5px 20px;} .tribe-events .tribe-events-c-top-bar__datepicker {display: inline-block; margin-right: 20px; width: calc(100% - 170px);} /* Calendar - month view */ .tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {background-color: #ed174c;} .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {color: #fff;} .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {background-color: #ed174c;} /* Calendar - flavor colors */ a[href*="banana-pudding"] {background-color: #faecaf;} a[href*="blueberry"] {background-color: #9acdea;} a[href*="burgundy-cherry"] {background-color: #e599a5;} a[href*="butter-pecan"] {background-color: #fce08d;} a[href*="chocolate-chip-cookie-dough"] {background-color: #f6e9d8;} a[href*="chocolate-malt"] {background-color: #f6e9e0;} a[href*="coconut"] {background-color: #ebe4da;} a[href*="jamocha"] {background-color: #dddcd8;} a[href*="key-lime"] {background-color: #c2f2a8;} a[href*="lemon"] {background-color: #fff89d;} a[href*="mint-chocolate-chip"] {background-color: #9fd59b;} a[href*="nutella"] {background-color: #f4c790;} a[href*="orange-cream"] {background-color: #feb145;} a[href*="peach"] {background-color: #ffaf96;} a[href*="peanut-butter"] {background-color: #ffce6f;} a[href*="peppermint"] {background-color: #7feba0;} a[href*="pina-colada"] {background-color: #f2e9ae;} a[href*="pistachio"] {background-color: #e0e086;} a[href*="pumpkin"] {background-color: #ffaf6a;} a[href*="raspberry"] {background-color: #ffa5a5;} a[href*="salted-caramel"] {background-color: #e7be8a;} a[href*="smores"] {background-color: #f5d3a6;} a[href*="strawberry"] {background-color: #ff827e;} a[href*="sweet-cream"] {background-color: #f2f1ef;} a.tribe-events-calendar-month-mobile-events__mobile-event-title-link.tribe-common-anchor, .tribe-common .tribe-common-anchor-thin {border-radius: 50px; padding: 3px 10px;} /* News */ .grid-list .post.post-grid:nth-child(odd) {margin-right: 30px;} } @media only screen and (max-width: 700px) { /* Calendar */ header.tribe-events-header.tribe-events-header--has-event-search {margin-top: 180px !important;} .tribe-common-l-container.tribe-events-l-container {padding: 10px !important;} .tribe-common .tribe-common-h8, .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3 {font-size: 8.5px !important;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3 {padding: 1px;} .tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar, .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3 {border-radius: 5px !important;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {height: unset;} .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner h3.non-flavor-event {font-size: 8.5px !important;} /* Calendar - day number */ .tribe-events .tribe-events-calendar-month__day-date-link {font-size: 14px;} .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {text-align: center; padding: 0;} /* Calendar - print version */ .tribe-events-header__events-bar {display: none;} .tribe-common-l-container {padding-top: 170px !important; padding-bottom: 0 !important;} .tribe-events-c-top-bar.tribe-events-header__top-bar {margin-bottom: 15px !important;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {min-height: 130px;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {text-align: center; padding-bottom: 0 !important;} .tribe-events-calendar-month__header-column {padding-bottom: 0 !important;} .tribe-events-calendar-month__header {min-height: 25px;} .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {display: none !important;} .tribe-events-calendar-month__day-cell {height: 30px !important;} .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {opacity: 1;} .tribe-events-calendar-month__day-date.tribe-common-h4 {height: 31px;} .tribe-events-c-top-bar__datepicker-mobile {display: none;} /* Calendar - multi-day event bar */ .tribe-events-calendar-month__multiday-event-bar-title.tribe-common-h8 {text-align: center; white-space: normal;} .tribe-common .tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden {display: block !important; visibility: visible !important;} h3.tribe-events-calendar-month__multiday-event-bar-title.tribe-common-h8 {background: auto !important;} } @media only screen and (max-width: 600px) { /* Class: button-group */ .button-group .vc_btn3-inline.vc_btn3-container:first-of-type {margin-bottom: 30px;} /* Class: two-col */ .two-col {column-count: 1;} /* Header */ .topbar-show .container #topbar-right {padding-top: 10px;} /* Footer */ .footer .vc_row {flex-wrap: wrap;} .footer .vc_row .vc_col-sm-3 {width: 100%;} .footer .vc_row .vc_col-sm-3 #timetable {margin: 0 auto;} /* Home - flavor of the day */ #home-callouts .flavor-of-the-day-text, #home-callouts .flavor-of-the-day-text h2 {margin-bottom: 0;} /* Home - map & timetable */ #map-timetable .vc_col-sm-8, #map-timetable .vc_col-sm-4 {width: 100%;} #map-timetable .vc_col-sm-4 {margin-top: 0;} #map-timetable .vc_col-sm-4 h3 {text-align: center !important;} #map-timetable .vc_col-sm-4 #timetable {margin: 20px auto 40px auto;} /* Calendar */ header.tribe-events-header.tribe-events-header--has-event-search {margin-top: 170px !important;} /* News */ .grid-list .post.post-grid {margin-bottom: 0; width: 100%;} .grid-list .post.post-grid:last-of-type {margin-bottom: 30px;} .grid-list .post.post-grid:nth-child(odd) {margin-right: 0;} .grid-list .post.post-grid .post-image {height: 300px;} } @media only screen and (max-width: 480px) { /* Page formatting */ #main-content .container .wpb-content-wrapper > .vc_row {padding: 30px 0} /* Typography */ h2 {font-size: 32px;} /* Home - hero slide */ #hero-slide .uvc-type-wrap, #hero-slide .uvc-type-wrap .ultimate-ticker-prefix {font-size: 60px;} /* Home - flavor of the day */ #home-callouts {background-position: right;} /* Locations */ .locations .vc_row .vc_col-sm-3 {width: 100%;} .locations .vc_row .vc_col-sm-3:last-of-type {margin-bottom: 40px !important;} /* Calendar */ .tribe-events button.tribe-common-c-btn, .tribe-events .tribe-events-header button.print-btn, .tribe-common .tribe-common-c-btn-border {border: none; border-radius: 0; padding: 5px 10px;} } @media only screen and (max-width: 400px) { /* Home - hero slide */ #hero-slide .uvc-type-wrap, #hero-slide .uvc-type-wrap .ultimate-ticker-prefix {font-size: 55px;} /* Calendar */ .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {border: none; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;} .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border #tribe-events-search-container {border: 1px solid #e4e4e4; padding-right: 10px;} .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border a {padding-bottom: 10px !important;} .tribe-events .tribe-events-c-top-bar__datepicker + div {margin-right: 0; width: 100%;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {float: none; margin: 20px 0 0 0;} .tribe-events .tribe-events-header button.print-btn {display: block; margin: 10px auto;} /* Menu */ #food-menu.vc_row.vc_column-gap-30>.vc_column_container {padding: 0;} #food-menu .vc_col-sm-12 .vc_column-inner {padding: 20px 30px;} #food-menu .vc_col-sm-12 .vc_column-inner .food-item-two-col {column-count: 1;} }