@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&family=Sue+Ellen+Francisco&display=swap'); body, input, select, textarea { font: normal 16px 'Oswald', Helvetica, Arial, sans-serif !important; } .title, h1, h2, h3, h4, h5, .block .list a { text-transform: capitalize; } .clear { height: 0 !important; clear: both !important; font-size: 0px !important; display: block !important; } #nav-category-8 { display: none !important; } html.html-home-page .master-wrapper-page .topic-block-body a { text-decoration: none; } .master-wrapper-page .topic-block-body, .footer-block .list a { font-size: 16px; } .master-wrapper-page .topic-block-body a { text-decoration: none; } .master-wrapper-page .topic-block-body a:hover { color: #333; } .master-wrapper-page .news-list-homepage .news-body, .master-wrapper-page .topic-page p, .master-wrapper-page .private-message-view-page .message-body, .master-wrapper-page .topic-page .page-body, .master-wrapper-page .topic-block-body, .master-wrapper-page .category-description p, .master-wrapper-page .manufacturer-description p, .master-wrapper-page .full-description p, .master-wrapper-page .topic-block p, .master-wrapper-page .topic-page p, .master-wrapper-page .post-body p, .master-wrapper-page .news-body p { text-align: left; line-height: 26px; } /*** CONTACT FORM */ .page.contact-page {} .page.contact-page .page-body { position: relative; display: block; } .page.contact-page .page-body .topic-block { width: 100%; } .page.contact-page .page-body .topic-block .contact-right { width: 100%; margin: auto; line-height: 25px; } .page.contact-page .page-body .topic-block .contact-right > * { vertical-align: top; } .page.contact-page .page-body .topic-block .contact-right h3 { margin: 5px 0 15px; text-transform: uppercase; } .page.contact-page .page-body .topic-block .contact-right strong { display: inline-block; width: 155px; font-size: 15px; } .page.contact-page .page-body .topic-block .contact-right span { display: inline-block; line-height: 25px; } .page.contact-page .page-body .topic-block .contact-right .contact-hours { margin: 40px 0 0; } .page.contact-page .page-body .topic-block .contact-right .contact-hours p { margin: 0; } .page.contact-page .page-body .topic-block .embedded-google-map { margin: 20px 0 0 0; } .page.contact-page .page-body .topic-block .embedded-google-map iframe { } .page.contact-page .page-body > form { width: 100%; } .page.contact-page .page-body > form .fieldset { margin: 0; } .page.contact-page .page-body > form .inputs { width: 100%; } .page.contact-page .page-body > form .inputs label { display: inline-block; width: 30%; } .page.contact-page .page-body > form .inputs input, .page.contact-page .page-body > form .inputs textarea { width: 65%; } .page.contact-page .page-body > form .inputs span.required { width: 5%; } .page.contact-page .page-body > form .buttons { margin: auto; background: #f9f9f9; padding: 10px 0 25px; } /*** LOGO and HEADER */ .master-wrapper-page .header-total-wrapper { background: #01b6a7; } .master-wrapper-page .header-links-wrapper a { color: #fff; } .master-wrapper-page .header-upper { border-bottom: none; } .master-wrapper-page .header-upper #topcartlink { background-color: #ffca22; } .master-wrapper-page .header-menu { border-top: none; border-bottom: none; margin: 0 auto; padding: 10px 0; position: relative; z-index: 2;} .master-wrapper-page .header-links span, .master-wrapper-page .header-links a { font-size: 14px; } .master-wrapper-page .header-lower { padding: 0; position: relative; z-index: 1; background: #F2FBFB; } .master-wrapper-page .header-lower .header-logo { height: 98px; width: 258px; font-size: 0 !important; margin: 15px auto 0; } .master-wrapper-page .header-lower .header-logo a { width: 258px; height: 60px; margin: 19px 0; background-repeat: no-repeat; background-position: center center; background-size: contain; line-height: 0; } html.html-home-page .master-wrapper-page .header-lower { background: #000; display:block; height: 0;} html.html-home-page .master-wrapper-page .header-lower .header-logo { height: 33px; } html.html-home-page .master-wrapper-page .header-lower .header-logo a { margin: 0 auto; } .master-wrapper-page .header-lower .search-box { height: 80px; } .master-wrapper-page .phone-number-group { display: block; margin: 6px 0 8px; } .master-wrapper-page .phone-number-group a { color: #01b6a7; } .master-wrapper-page .footer-info .phone-number-group { font-size: 15px; margin: 0; } /*.master-wrapper-page .header-upper .header-follow { width: auto !important; float: none;} .master-wrapper-page .header-upper .header-follow .social ul { margin: 0; position: relative; top: -5px; border: 0; padding: 0; height: auto; float: none; } .master-wrapper-page .header-upper .header-links > ul > li > a { padding: 5px 0 0; line-height: 40px; } .master-wrapper-page .header-upper .header-follow .social ul li { margin: 0; } .master-wrapper-page .header-upper .header-follow .social ul li a { transform: scale(.6); }*/ html.html-home-page .carousel-overlay.follow-us { float: none; margin: 0 auto -45px; top: -15px; position: relative; z-index: 99; width: 290px; } html.html-home-page .carousel-overlay.follow-us .social ul { border: none; padding: 0; margin: 0; } html.html-home-page .sy-slide > a { position: relative; } html.html-home-page .sy-slide > a:after { content: ' '; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/carousel-overlay.png') center center no-repeat; background-size: contain; } .master-wrapper-page .header-menu > ul > li > a { font-size: 19px; padding: 12px 18px 3px !important;} .master-wrapper-page .social ul li a { /*filter: none; transition: filter .5s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);*/ opacity: 1; transition: opacity .5s; } .master-wrapper-page .social ul li a:hover { /*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);*/ opacity: .6; } /*** Posts and News */ .master-wrapper-page .post-title, .master-wrapper-page .news-title { padding: 20px 10px 10px; } .master-wrapper-page .post-date, .master-wrapper-page .news-date { background: none; padding: 0 10px; color: #999; } html .master-wrapper-page, html.html-home-page .master-wrapper-page #topic-block-12, html.html-home-page .master-wrapper-page #topic-block-6, html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container { background-position: bottom center; background-repeat: no-repeat; background-size: cover; } html.html-home-page .master-wrapper-page #topic-block-12, html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container { /*background-image: url('../images/mid-section-2-bg.jpg');*/ background: #F2FBFB; } /*html.html-home-page .master-wrapper-page #topic-block-6,*/ html.html-home-page .master-wrapper-page #topic-block-14 .map-wrapper .hours-of-operation { background: #01b6a7; /*background-image: url('../images/mid-section-1-bg.png');*/ } html.html-home-page .master-wrapper-page #topic-block-12, html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body, html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p { text-align: center; } html .master-wrapper-page .master-wrapper-content { background: #fff; margin: 40px auto 0; padding: 0; } html .master-wrapper-page .master-wrapper-content .master-column-wrapper { padding: 0 15px; margin: 0 0 50px; } /*** PRODUCTS */ .master-wrapper-page .product-grid .title, .master-wrapper-page .product-essential, .master-wrapper-page .block .title, .master-wrapper-page .page-title { border: none; } .master-wrapper-page .overview .add-to-cart-button, .master-wrapper-page .variant-overview .add-to-cart-button { font-size: 18px !important; line-height: 48px !important; } .master-wrapper-page .item-box .product-box-add-to-cart-button { font-size: 18px !important; line-height: 46px !important; } .master-wrapper-page .new-comment .button-1 { font-size: 18px !important; line-height: 30px !important; } .master-column-wrapper > .center-1 { padding-bottom: 50px; } .html-home-page .master-column-wrapper > .center-1 { padding-bottom: unset; } .master-wrapper-page .center-1 .page-title { padding: 20px 0 15px; border: none; } .master-wrapper-page .center-2, .master-wrapper-page .side-2 { margin: 20px 0 50px; } /*.html-category-page .master-wrapper-page .center-2, .html-category-page .master-wrapper-page .side-2 { margin: 0 0 50px; }*/ .master-wrapper-page .breadcrumb { margin: 0 0 30px; } .html-category-page .master-wrapper-page .center-2 { margin: -20px 0 50px; } /***** home page tweaks*/ html.html-home-page .master-wrapper-page { background: none; } html.html-home-page .master-wrapper-page .center-1 { margin: 0; } html.html-home-page .master-wrapper-page .master-wrapper-content { width: 100%; background: none; margin: 0 auto; } html.html-home-page .master-wrapper-page .master-wrapper-content .master-column-wrapper { padding: 0; margin: 0; } html.html-home-page .master-wrapper-page .product-grid, html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout, html.html-home-page .master-wrapper-page .news-list-homepage, html.html-home-page .home-page-category-grid { width: 90%; margin: 0 auto 50px; } html.html-home-page .master-wrapper-page .topic-block .topic-block-title { display: none; } html.html-home-page .master-wrapper-page .product-grid.home-page-product-grid .title, html.html-home-page .home-page-category-grid > .title, html.html-home-page .master-wrapper-page #topic-block-6 h1 { margin: 45px 0 15px; padding: 10px 0 5px; text-align: center; text-transform: uppercase; line-height: 35px; } html.html-home-page .master-wrapper-page .product-grid.home-page-product-grid .title strong, html.html-home-page .master-wrapper-page .news-list-homepage .title strong, html.html-home-page .home-page-category-grid > .title h2 { font-weight: 700; text-transform: uppercase; } html.html-home-page .master-wrapper-page #topic-block-6 h2 { font-weight: normal; margin: 30px 0; text-align: center; text-transform: none; font-size: 26px; padding: 0 30px; } html.html-home-page .master-wrapper-page .topic-block-body h2.accent-font { font-size: 22px; line-height: 30px; } html.html-home-page .master-wrapper-page .topic-block-body .left-home-slot p { text-align: center; } html.html-home-page .master-wrapper-page .topic-block-body .left-home-slot p a, html.html-home-page .home-page-category-grid .view-all-button a.rep-button { display: inline-block; width: 175px; color: #fff !important; padding: 5px 0; } html.html-home-page .master-wrapper-page .topic-block-body .right-home-slot { padding: 10px 25px; } html.html-home-page .master-wrapper-page #topic-block-12 { margin: 0; padding: 50px 0 40px; } html.html-home-page .master-wrapper-page #topic-block-12 iframe { width: 300px; height: 168px; margin: 15px 0 10px; box-shadow: 0 0 35px rgba(1,182,167,1); border: 1px solid rgba(1,182,167,.6); } html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p { position: relative; width: 95%; width: calc(100% - 40px); padding-top: 56%; margin: 0 20px; } html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p > iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } html.html-home-page .master-wrapper-page #topic-block-6 { width: 90%; margin: 60px auto; } /*html.html-home-page .master-wrapper-page #topic-block-6 { width: 100%; padding: 0; display: table; min-height: 390px; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body { width: 100%; padding: 0; margin: 0; height: 50%; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body > div.group { height: 100%; display: inline-flex; width: 100%; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .stock-container { min-height: 300px; background-size:cover; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .stock-container.container-1 { background: url('../images/container-1.jpg') center center no-repeat; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .stock-container.container-2 { background: url('../images/container-2.jpg') center center no-repeat; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container { vertical-align: middle; color: #fff; width: 90%; max-width: 450px; margin: 0 auto; padding: 10px 0 35px; background: #01b6a7; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > h2 { color: #fff; text-align: center; padding: 0; margin: 20px 0 10px; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > p { color: #fff; font-size: 18px; text-align: center; display: block; margin: 10px 0 30px; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .group:nth-child(n + 2) .text-container { background: #fff; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .group:nth-child(n + 2) .text-container > h2, html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .group:nth-child(n + 2) .text-container > p { color: #01b6a7; }*/ /*** STAGGERED TAB GROUPS */ .horizontal-tab-group { max-width: 450px; margin: 0 auto 10px; } .horizontal-tab-group .tab-group-image, .horizontal-tab-group .tab-group-text { margin: 10px 0 0 0; display: inline-block; padding: 20px; } .horizontal-tab-group .tab-group-text > .sub-header-tag { font-weight: bold; width: 100%; display: block; margin: 0 0 5px; text-transform: uppercase; font-size: 25px; line-height: 30px; } .horizontal-tab-group .tab-group-image { position: relative; overflow: hidden; display:table-cell; vertical-align:middle;} .horizontal-tab-group .tab-group-image > img { max-height: 100%; max-width: 100%; position: relative; top: 3px; } .horizontal-tab-group .tab-group-image > a, .horizontal-tab-group .tab-group-image > a > img { max-height: 100%; max-width: 100%; position: relative; top: 3px; } html.html-home-page .master-wrapper-page #topic-block-14 { margin: 0; padding: 0; } html.html-home-page .master-wrapper-page #topic-block-14 .map-wrapper { } html.html-home-page .master-wrapper-page #topic-block-14 .map-wrapper .hours-of-operation { text-align: center; width: 100%; min-height: 42px; color: #fff; margin: -8px 0 0; padding: 12px 60px 4px; font-size: 21px; line-height: 30px; } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container { width: 100%; margin: 0; text-align: center; position: relative; } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul { list-style-type: none; display: inline-block; margin: 0 auto; padding: 0; } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li { display: inline-block; padding: 0 25px; box-sizing: border-box; width: 80%; width: calc(100% - 50px); height: 115px; max-width: 190px; } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a { width: 100%; height: 100%; margin: 0; padding: 0; display: block; overflow: hidden; text-indent: 300px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-size: contain; line-height: 400px; font-size: 0; filter: grayscale(100%); opacity: .7; transition: all .5s ease-in-out; } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a:hover { filter: grayscale(0%); opacity: 1} html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a.steakhouse { background-image: url('../images/okeechobee-steakhouse-logo.png')} html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a.prime-market { background-image: url('../images/okeechobee-prime-meat-logo.png'); } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a.prime-bbq { background-image: url('../images/okeechobee-prime-bbq-logo.png'); } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a.catering { background-image: url('../images/okeechobee-catering-logo.png'); } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a.prime-seafood { background-image: url('../images/okeechobee-prime-seafood-logo.png'); } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li > a.salty-lime { background-image: url('../images/salty-lime-logo.png'); } html.html-home-page .slider-wrapper.theme-custom { background: #000; margin: 0 0 20px; } html.html-home-page .slider-wrapper.theme-custom li { overflow: hidden; } html.html-home-page .sy-slides-wrap { overflow: hidden; } html.html-home-page .sy-caption-wrap { top: 50%; bottom: unset; } html.html-home-page .sy-caption-wrap .sy-caption { background: none; color: #fff; padding: 0; border-radius: 0; text-align: center; font-size: 0; } html.html-home-page .sy-caption-wrap .sy-caption img { transform: scale(.6); } html.html-home-page .sy-caption-wrap .sy-caption a { color: #fff; text-decoration: none; text-shadow: 0 0 25px #000, 0 0 15px #000; } html.html-home-page .home-page-category-grid { padding: 0 10px; } html.html-home-page .home-page-category-grid .item-box { margin: 0 auto 75px; width: 100%; max-width: 400px; float: none; } html.html-home-page .home-page-category-grid .item-box .picture a { min-height: 260px; } html.html-home-page .home-page-category-grid .item-box .title {text-align: left; margin: 10px 0 0;} html.html-home-page .home-page-category-grid .item-box .title > a {padding: 0 0 5px;} html.html-home-page .home-page-category-grid .item-box .view-all-button > a { padding: 8px 0 0; color: #01b6a7; display: inline-block; } html.html-home-page .master-wrapper-page .news-list-homepage .title, html.html-home-page .home-page-category-grid > .title { padding: 10px 0 5px; } /*** PAGES */ .master-wrapper-page .category-description p, .master-wrapper-page .manufacturer-description p, .master-wrapper-page .full-description p, .master-wrapper-page .topic-block p, .master-wrapper-page .topic-page p, .master-wrapper-page .post-body p, .master-wrapper-page .news-body p { line-height: 26px; margin: 10px 0 15px; text-align: left; } .master-wrapper-page .page.topic-page .mini-headline { text-transform: none; width: 100%; text-align: center; margin: 25px; font-weight: normal; color: #01b6a7; } .master-wrapper-page .item-box .picture a img { max-height: unset; } .master-wrapper-page .page.blog-page .page-body .blog-posts, .master-wrapper-page .page.checkout-page { padding: 0 0 50px; } .master-wrapper-page .page.blogpost-page .page-body, .master-wrapper-page .cart-footer { padding: 0 0 1px; } /*** MAGNIFIC MODAL */ .magnific-inline-popup { width: 90%; min-width: 300px; max-width: 800px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 15px 5px 15px 15px; border-radius: 6px; } .magnific-inline-popup > div { max-height: 80vh; overflow: auto; margin: 0; } .product-review-list .title h2, .write-review .title h2 { margin: 0 0 10px 5px; } .write-review .fieldset { width: 95%; width: calc(100% - 10px);} .write-review .fieldset .form-fields .inputs label { width: 20%; text-transform: capitalize; } .write-review .fieldset .form-fields .inputs input[type="text"], .write-review .fieldset .form-fields .inputs textarea { width: 60%; } .write-review .buttons { text-align: center; } html .footer { background: #fff; } html .footer .footer-upper {border: none;} span.hide-mobile { display: none; } html .branding-header { background-color: #ffca22; } html .branding-header .branding-header-inner > div.left { display: none; font-size: 14px; font-weight: bold; padding: 6px 0 10px; } html .branding-header .branding-header-inner > div.right { width: 100%; text-align: center; padding: 3px 0 2px; } html .branding-header .branding-header-inner > div.right > div.social-icons ul { position: relative; top: -9px; } html .branding-header .branding-header-inner > div.right > div.social-icons ul li { transform: scale(.9); margin: 0 -3px 0 0; } .branding-header .branding-header-inner > div.right > div.social-icons ul li a { width: 38px; height: 38px; background: url(../images/social-sprite.png) no-repeat; font-size: 0 !important; } .branding-header .branding-header-inner > div.right > div.social-icons ul li.facebook a { background-position: 0 0; } .branding-header .branding-header-inner > div.right > div.social-icons ul li.twitter a { background-position: -38px 0; } .branding-header .branding-header-inner > div.right > div.social-icons ul li.rss a { background-position: -76px 0; } .branding-header .branding-header-inner > div.right > div.social-icons ul li.youtube a { background-position: -114px 0; } .branding-header .branding-header-inner > div.right > div.social-icons ul li.google-plus a { background-position: -152px 0; } .branding-header .branding-header-inner > div.right > div.social-icons ul li.store-phone a { background-position: -190px 0; } html .magnific-inline-popup.magnific-newsletter .body { margin: 10px 0 20px; } html .magnific-inline-popup.magnific-newsletter .body > p { margin: 15px auto 0; } html .magnific-inline-popup.magnific-newsletter .newsletter-email input[type="text"], html .magnific-inline-popup.magnific-newsletter .newsletter-email input[type="button"] { width: 100% } @media all and (min-width: 370px) { html.html-home-page .master-wrapper-page #topic-block-14 .map-wrapper .hours-of-operation { font-size: 25px; line-height: 30px; } } @media all and (min-width: 481px) { html.html-home-page .home-page-category-grid .item-box { margin: 0 auto 75px; width: 100%; max-width: 400px; float: none; } } @media all and (min-width: 501px) { .html-home-page .master-wrapper-page .header-lower .header-logo a { height: 75px; } html.html-home-page .slider-wrapper.theme-custom li { max-height: 400px; } html.html-home-page .sy-caption-wrap { top: 30%; } html.html-home-page .sy-caption-wrap .sy-caption { font-size: 3em; } html.html-home-page .sy-caption-wrap .sy-caption img { transform: scale(.7); } .page.contact-page .page-body .topic-block .contact-right { max-width: 500px; } html .magnific-inline-popup.magnific-newsletter .newsletter-email input[type="text"] { width: calc(100% - 96px); } html .magnific-inline-popup.magnific-newsletter .newsletter-email input[type="button"] { width: 96px; box-sizing: border-box; } } @media all and (min-width: 577px) { html.html-home-page .home-page-category-grid { padding: 0; } html.html-home-page .home-page-category-grid .item-box { margin: 0 1% 75px; width: 48%; float: left; } html.html-home-page .carousel-overlay.follow-us { margin: 0 auto -65px; top: -25px; top: -65px; } html.html-home-page .carousel-overlay.follow-us .social .facebook a { background-position: 0 0; } html.html-home-page .carousel-overlay.follow-us .social .twitter a { background-position: -38px 0; } html.html-home-page .carousel-overlay.follow-us .social .rss a { background-position: -76px 0; } html.html-home-page .carousel-overlay.follow-us .social .youtube a { background-position: -114px 0; } html.html-home-page .carousel-overlay.follow-us .social .google-plus a { background-position: -152px 0; } html.html-home-page .carousel-overlay.follow-us .social .store-phone a { background-position: -190px 0; } /*html.html-home-page .sy-slides-wrap { overflow: inherit; } Bring back if necessary. Doesn't seem to be. */ } @media only screen and (max-device-width: 600px), screen and (max-width: 600px) { html.html-home-page .sy-caption-wrap {left: 50%;} html.html-home-page .sy-caption-wrap .sy-caption { left: -50%; } } @media all and (min-width: 615px) { html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p { width: 95%; width: calc(100% - 60px); margin: 0 30px; } html.html-home-page .sy-caption-wrap .sy-caption img { transform: scale(.8); } html.html-home-page .carousel-overlay.follow-us { top: -80px; } } @media all and (min-width: 690px) { html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li { width: 18%; width: calc(20% - 30px); padding: 0 15px; height: 130px; max-width: 195px; } } @media all and (min-width: 769px) { .html-home-page .master-wrapper-page .header-lower .header-logo a { height: 100px; } html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout h1, html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout .accent-font { max-width: 700px; margin: auto; } html.html-home-page .master-wrapper-page #topic-block-12 .location-holder { margin: 60px 0 0; height: 350px; } html.html-home-page .slider-wrapper.theme-custom li { max-height: 500px; } html.html-home-page .sy-caption-wrap { top: 40%; } html.html-home-page .sy-caption-wrap .sy-caption { font-size: 4em; line-height: 70px; } .master-wrapper-page .footer-block.information .title, .master-wrapper-page .footer-block.customer-service .title, .master-wrapper-page .footer-block.my-account .title { background: none !important; } html.html-home-page .master-wrapper-page .product-grid, html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout, html.html-home-page .master-wrapper-page .news-list-homepage, html.html-home-page .home-page-category-grid, html.html-home-page .master-wrapper-page #topic-block-6 { width: 94%; } html.html-home-page .home-page-category-grid .item-box { margin: .5% 1% 75px; width: 31.3333% } /*html.html-home-page .master-wrapper-page #topic-block-6 { max-height: 900px; }*/ html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body { padding: 0; margin: 0; } /*html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body > div { height: 100%; display: table-cell; }*/ html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .stock-container { width: 45%; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container { width: 55%; padding: 0 0 0 35px; margin: 0; max-width: unset; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > h2 { text-align: left; margin: 10px 0 5px; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > p { width: 90%; text-align: left; margin: 5px 0 20px; } html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p { width: 100%; margin: 0; position: relative; padding-top: unset; } html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p > iframe { position: unset; top: unset; left: unset; bottom: unset; right: unset; width: 707px; height: 396px; } .horizontal-tab-group { max-width: none; margin: 0; padding: 0; width: 100%; min-height: 290px; display: table; } .horizontal-tab-group:nth-child(2n) {background: #F2FBFB;} .horizontal-tab-group .tab-group-image, .horizontal-tab-group .tab-group-text { margin: 0; width: 50%; min-height: 290px; padding: 0; } .horizontal-tab-group .tab-group-image > img { transition: all .2s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .horizontal-tab-group:hover .tab-group-image > img { -webkit-transform: scale(.90); -ms-transform: scale(.90); transform: scale(.90); } .horizontal-tab-group.right-tab-group .tab-group-image { float: right; } .horizontal-tab-group.left-tab-group .tab-group-text { float: right; padding: 35px; } .horizontal-tab-group.right-tab-group .tab-group-text { float: left; padding: 35px; } .horizontal-tab-group.left-tab-group .tab-group-image { float: left; } .master-wrapper-page .page.blog-page .page-body .blog-posts { padding: 0; } span.hide-full { display: none; } span.hide-mobile { display: unset; } html.html-home-page .master-wrapper-page #topic-block-14 .connected-brands-container > ul > li { height: 130px; max-width: 195px; } } @media all and (min-width: 850px) { html .branding-header .branding-header-inner > div.left { display: block; } html .branding-header .branding-header-inner > div.right { width: auto; text-align: right; padding: 3px 20px 2px 0; } } @media all and (min-width: 900px) { .horizontal-tab-group .tab-group-text > .sub-header-tag { font-size: 28px; line-height: 34px; } } @media all and (min-width: 1001px) { html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout h1, html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout .accent-font { text-align: left; padding: 20px 0; } html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout iframe { width: 500px; height: 281px; max-width: 100%; } html.html-home-page .master-wrapper-page #topic-block-12 .location-holder { height: 450px; } html.html-home-page .master-wrapper-page .topic-block-body .home-slot { width: 50%; box-sizing: border-box; margin: 0 0 20px; border: 0; min-height: 245px; line-height: 30px; } html.html-home-page .master-wrapper-page .topic-block-body .left-home-slot { padding: 10px 15px 10px 0; float: left; } html.html-home-page .master-wrapper-page #topic-block-12 .left-home-slot { height: 370px; padding: 10px 25px; } html.html-home-page .master-wrapper-page .topic-block-body .right-home-slot { padding: 10px 0 10px 15px; float: right; } html.html-home-page .slider-wrapper.theme-custom li { max-height: 700px; } html.html-home-page .sy-caption-wrap .sy-caption { font-size: 5.2em; line-height: 86px; } html.html-home-page .sy-caption-wrap .sy-caption img { transform: scale(1); } .master-wrapper-page .footer-info { line-height: 21px; } .master-wrapper-page .footer-info .phone-number-group { text-align: right; } .master-wrapper-page .footer-block.follow-us .social ul { margin: 0 0 20px; padding: 0 0 20px; } .master-wrapper-page .block.block-manufacturer-navigation .list a { font-size: 15px; padding: 0; } .master-wrapper-page .header-menu > ul > li { border: none; } .master-wrapper-page .header-menu > ul > li > a { font-size: 23px; color: #fff; padding: 18px !important; } .master-wrapper-page .header-upper .header-links > ul > li > a { padding: 0; } .master-wrapper-page .header-lower .header-logo { height: 145px; } .master-wrapper-page .header-lower .header-logo a { height: 104px; width: 400px; margin: auto; display: block; } html.html-home-page .sy-caption-wrap { top: 50%; } .html-home-page .master-wrapper-page .header-lower .header-logo { position: relative; width: 100%; height: 0; margin: 0; display: inline-block; } .html-home-page .master-wrapper-page .header-lower .header-logo a { position: relative; top: 30px; height: 140px; width: 400px; margin: 0 auto; display: block; text-shadow: 0 0 30px #000; } /*.html-home-page .master-wrapper-page .header-lower .header-logo a { height: 100%; width: 100%; position: relative; left: -50%; background-image: url('/Themes/Okeechobee/Content/images/home-page-logo.png') !important; }*/ html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .stock-container { width: 50%; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container { width: 50%; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > p { width: 75%; } .master-wrapper-page .product-grid .title, .master-wrapper-page .product-essential, .master-wrapper-page .block .title, .master-wrapper-page .page-title { padding-left: 0; border: none; } .master-wrapper-page .also-purchased-products-grid.product-grid .title, .master-wrapper-page .related-products-grid.product-grid .title { padding-left: 10px; } .master-wrapper-page .breadcrumb { margin: 0; } .master-wrapper-page .mini-shopping-cart { font-size: 14px; } .master-wrapper-page .item-box .product-title a, .master-wrapper-page .post-title, .master-wrapper-page .news-title { font-size: 20px; font-weight: 400; } .master-wrapper-page #topcartlink > a > span { font-size: 16px; font-weight: 400; position: relative; top: 2px; } .master-wrapper-page .full-description p { padding: 0 15px; } .master-wrapper-page .overview .short-description { margin: 0 15px 25px 0; } .master-wrapper-page .center-2, .master-wrapper-page .side-2 { min-height: 450px; } .page.contact-page .page-body .topic-block .topic-block-body { margin: 0; height: 430px; width: 100%; max-width: 40%; } .page.contact-page .page-body > form { position: absolute; top: 0; right: 0; width: 100%; max-width: 60%; height: 410px; } .page.contact-page .page-body > form .fieldset { width: 90%; margin: 0 auto; } .page.contact-page .page-body > form .inputs label { width: 20%; } .page.contact-page .page-body > form .inputs input, .page.contact-page .page-body > form .inputs textarea { width: 75%; } .page.contact-page .page-body > form .inputs span.required { width: 5%; } .page.contact-page .page-body > form .buttons { width: 90%; } .page.contact-page .page-body .topic-block .embedded-google-map { margin: 50px 0 0 0; } html.html-home-page .master-wrapper-page .product-grid, html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout, html.html-home-page .master-wrapper-page .news-list-homepage, html.html-home-page .home-page-category-grid, html.html-home-page .master-wrapper-page #topic-block-6 { width: 980px; } .master-wrapper-page .page.blogpost-page .page-body .blog-posts { padding: 0; } .html-category-page .master-wrapper-page .center-2 { margin: 20px 0 50px; } .horizontal-tab-group.left-tab-group .tab-group-text, .horizontal-tab-group.right-tab-group .tab-group-text { padding: 60px; } } @media all and (min-width: 1367px) { .html-home-page .master-wrapper-page .header-lower .header-logo a { height: 150px; width: 400px; } html.html-home-page .master-wrapper-page #topic-block-12 .topic-block-body > p > iframe { width: 800px; height: 448px; } html.html-home-page .slider-wrapper.theme-custom li { max-height: 869px; } html.html-home-page .sy-caption-wrap .sy-caption { font-size: 6em; line-height: 115px; } html.html-home-page .master-wrapper-page .product-grid, html.html-home-page .master-wrapper-page #topic-block-12 .extra-callout, html.html-home-page .master-wrapper-page .news-list-homepage, html.html-home-page .home-page-category-grid, html.html-home-page .master-wrapper-page #topic-block-6 { width: 1200px; } /*html.html-home-page .master-wrapper-page #topic-block-6 { height: 900px; }*/ html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > h2 { margin: 20px 0 10px; } html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > p { margin: 10px 0 30px; } } @media all and (max-width: 1000px) { .master-wrapper-page .header-selectors-wrapper { padding: 0; border: 0; } .master-wrapper-page .header-links-wrapper { padding: 0; border: 0; } } .accent-color, .cart a, .data-table a, .forum-table a, .cart .product a:hover, .data-table .product a:hover, .data-table .info a:hover, .cart .product .edit-item a, .cart td.subtotal .discount, .eu-cookie-bar-notification a, .footer-block .list a:hover, .footer-tax-shipping a, .footer-powered-by a, .block .list .active > a, .block .list a:hover, .block .view-all a, .block .tags li a:hover, .product-tags-all-page li a:hover, .breadcrumb a:hover, .product-filter .group li a:hover, .filtered-items .item, .item-box .product-title, .item-box .tax-shipping-info a, .manufacturer-grid .title a:hover, .vendor-grid .title a:hover, .product-review-links a:hover, .overview .value a, .variant-overview .value a, .overview .tax-shipping-info a, .variant-overview .tax-shipping-info a, .variant-overview .variant-name, .ui-datepicker-calendar .ui-state-active, .product-reviews-page h1 a, .product-review-item .review-info a, .product-review-helpfulness .vote, .wishlist-page .share-info a:hover, .compare-products-table .remove-button:hover, .compare-products-table .product-name td a:hover, .email-a-friend-page .title h2, .accept-privacy-policy span, .login-page .returning-wrapper .inputs.reversed a:hover, .external-auth-association a, .add-more-external-records a, .address-list-page .button-2:hover, .order-list-page .button-2:hover, .return-request-list-page a, .cart-total .order-total, .terms-of-service a, .order-completed .details a, .opc .back-link a:hover, .order-details-page .order-overview .order-total strong, .order-details-page .download a, .order-details-page .tax-shipping-info a, .sitemap-page a:hover, .post-title:hover, .news-title:hover, .blog-page .tags a, .blogpost-page .tags a, .blog-posts .buttons .read-comments:hover, .comment-info a.username:hover, .news-list-homepage .view-all a:hover, .forum-search-box .advanced a:hover, .forums-table-section-title a:hover, .forums-table-section .forum-title a:hover, .forums-table-section .topic-title a:hover, .topic-post a.username:hover, .topic-post .post-actions .edit-post-button:hover, .topic-post .post-actions .delete-post-button:hover, .topic-post .post-actions .post-link-button, .private-message-send-page a, .ui-tabs-nav li.ui-state-active a, .private-messages-page td.subject a.pm-unread, .latest-posts .topic-title a:hover, .shipment-details-page .tracking-number .tracking-url, .mini-shopping-cart .name a, .wishlist-content .tax-shipping-info a, .shopping-cart-page .checkout-attributes a, .shopping-cart-page .tax-shipping-info a, .master-wrapper-page .topic-block-body a, .horizontal-tab-group .tab-group-text > .sub-header-tag { color: #01b6a7; color: #01b6a7 !important; } /* STUPID JQuery UI Nonsense */ .accent-back, .ui-dialog-content .back-in-stock-subscription-page .button-1, .eu-cookie-bar-notification button, .search-box .search-box-button, .newsletter-subscribe-button, .contact-vendor .button-2, .item-box .product-box-add-to-cart-button, .pager li span, .overview .add-to-cart-button, .variant-overview .add-to-cart-button, .ui-datepicker-header, .color-squares .selected-value .color-container, .write-review .button-1, .wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button, .compare-products-page .clear-list, .enter-password-form input[type="submit"], .contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1, .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .shopping-cart-page .common-buttons input:first-child, .cart-footer .checkout-button, .checkout-page .button-1, .opc .allow .step-title, .order-details-page .page-title a.print-order-button, .order-details-page .repost .button-2, .user-agreement-page .button-1, .order-details-page .actions input:first-child, .search-input .button-1, .blog-posts .buttons .read-more, .news-items .buttons .read-more, .new-comment .button-1, .forums-table-section .view-all a, .forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .private-messages .buttons .button-1, .mini-shopping-cart input[type="button"], html.html-home-page .sy-pager li.sy-active a, .footer-block.information .title, .footer-block.customer-service .title, .footer-block.my-account .title, html.html-home-page .master-wrapper-page .topic-block-body .left-home-slot p a, html.html-home-page .home-page-category-grid .view-all-button a.rep-button { background-color: #01b6a7; background-color: #01b6a7 !important; } /* STUPID JQuery UI Nonsense */ .header-menu > ul > li > a:hover, .header-links a:hover, .footer-block .title strong {color: #ffca22; color: #ffca22 !important; } .header-links #topcartlink a:hover { color: #fff; color: #fff !important; } .menu-toggle {background-color: #ffca22; background-color: #ffca22 !important; } .item-box .product-title a:hover, .mini-shopping-cart .name a:hover { color: #f05e22; color: #f05e22 !important; } /* STUPID JQuery UI Nonsense */ .ui-dialog-content .back-in-stock-subscription-page .button-1:hover, .eu-cookie-bar-notification button:hover, .search-box .search-box-button:hover, .newsletter-subscribe-button:hover, .contact-vendor .button-2:hover, .item-box .product-box-add-to-cart-button:hover, .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover, .write-review .button-1:hover, .wishlist-content .update-wishlist-button:hover, .wishlist-content .wishlist-add-to-cart-button:hover, .compare-products-page .clear-list:hover, .enter-password-form input[type="submit"]:hover, .contact-page .button-1:hover, .email-a-friend-page .button-1:hover, .apply-vendor-page .button-1:hover, .registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover, .return-request-page .button-1:hover, .shopping-cart-page .common-buttons input:first-child:hover, .cart-footer .checkout-button:hover, .checkout-page .button-1:hover, .opc .allow .step-title .number, .order-details-page .page-title a.print-order-button:hover, .order-details-page .repost .button-2:hover, .user-agreement-page .button-1:hover, .order-details-page .actions input:first-child:hover, .search-input .button-1:hover, .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover, .new-comment .button-1:hover, .forums-table-section .view-all a:hover, .forum-edit-page .buttons .button-1:hover, .move-topic-page .buttons .button-1:hover, .private-messages .buttons .button-1:hover, .mini-shopping-cart input[type="button"]:hover, html.html-home-page .master-wrapper-page .topic-block-body .left-home-slot p a:hover { background-color: #5e5e5e; background-color: #5e5e5e !important; } /* STUPID JQuery UI Nonsense */ html.html-home-page .home-page-category-grid h2 > a:first-child, .accent-font, html.html-home-page .sy-caption-wrap .sy-caption, .footer-block .title strong, .master-wrapper-page .header-menu > ul > li > a, html.html-home-page .master-wrapper-page .product-grid.home-page-product-grid .title strong, html.html-home-page .master-wrapper-page .news-list-homepage .title strong, html.html-home-page .home-page-category-grid > .title h2, html.html-home-page .master-wrapper-page #topic-block-6 .topic-block-body .text-container > h2, .master-wrapper-page .block .title strong, .master-wrapper-page .page-title h1, .master-wrapper-page .item-box .product-title a, .master-wrapper-page .overview .product-name h1, .master-wrapper-page .product-grid .title strong, .master-wrapper-page .overview .add-to-cart-button, .master-wrapper-page .variant-overview .add-to-cart-button, .master-wrapper-page .item-box .product-box-add-to-cart-button, .master-wrapper-page .new-comment .button-1, .master-wrapper-page .post-title, .master-wrapper-page .news-title, .master-wrapper-page .home-page-category-grid .title a, .master-wrapper-page .sub-category-grid .title a, .master-wrapper-page #topcartlink > a > span, html.html-home-page .master-wrapper-page #topic-block-14 .map-wrapper .hours-of-operation, .horizontal-tab-group .tab-group-text > .sub-header-tag { font-family: 'Sue Ellen Francisco','Palatino Linotype', 'Book Antiqua', Palatino, serif !important; text-transform: uppercase; font-weight: bold; } .accent-font { color: #929292;} /*.master-wrapper-page .follow-us .social .facebook a { background-position: 0 -38px; } .master-wrapper-page .follow-us .social .twitter a { background-position: -38px -38px; } .master-wrapper-page .follow-us .social .rss a { background-position: -76px -38px; } .master-wrapper-page .follow-us .social .youtube a { background-position: -114px -38px; } .master-wrapper-page .follow-us .social .google-plus a { background-position: -152px -38px; } .master-wrapper-page .follow-us .social .store-phone a { background-position: -190px -38px; }*/ @media all and (max-width: 769px) { .master-wrapper-page .footer-upper .footer-block.information .title strong, .master-wrapper-page .footer-upper .footer-block.customer-service .title strong, .master-wrapper-page .footer-upper .footer-block.my-account .title strong { color: #fff !important; } }