/* TONY PACKOS SITE COLORS Green: 006f53 Red: B13427 Yellow: FFD65A */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Browser Resets :: Main Structure :: Sub Structure :: Universal Classes :: Universal Facebook Styles */ /* ----------------------------------------- Define Fonts ----------------------------------------- */ /*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300|Kaushan+Script);*/ /*END DEFINE FONTS*/ /* -------------------------------------------------- :: Browser Resets -------------------------------------------------- */ iframe.youtube { width:100%;} body { background: white; color: gray; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } h1, h2, h3, h4, h5, h6 { color:#9D2235; font-weight:bold; line-height: 1.25; text-align:left; font-family: 'Work Sans', sans-serif;} h1, h2 {font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 800; text-transform:none;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#2e4d58 !important; font-weight: inherit;text-decoration: underline; } h1 { font-size: 60px; margin-bottom: 8px;} h2 { font-size: 40px; margin-bottom: 5px; } h3 { font-size: 26px; margin-bottom: 5px; } h4 { font-size: 18px; margin-bottom: 3px; } h5 { font-size: 16px; margin-bottom: 3px; } h6 { font-size: 14px; } /* p tag styles directly after a heading */ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {margin-top: -4px;} /* Elements */ a { color:#2e4d58; font-weight:bold; line-height:inherit; text-decoration:underline; } a:hover { text-decoration:underline; color:#9D2235; } em, i { font-style: italic; line-height: inherit; } hr {border: 0; border-bottom: 1px solid #ded9c6; clear: both; height: 0; display:block; margin:10px 0; *margin:3px 0;} img { border:0; } li { line-height: 24px; } p { line-height: 1.7; color:#000;} p a, p a:visited { line-height: inherit; text-decoration: underline;} ul, ol { color:#000; line-height: 2.4; margin: 0 0 24px; } small { font-size: 60%; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } ul, ol { list-style:disc; } Select {font-size: 12px !important;} .video {position:relative; padding-bottom:56.25% height:0; width:100%;} .box .video object {height:164px; width:100%;} .video iframe {width:100%; height:auto;} .iframe-container iframe {width:100%; height: 100%;} .iframe-container {position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px;} .landing.page .google-map {position: relative; min-height: 529px;} .landing.page .google-map iframe {width:100%; height: 100%;} .landing.page .google-map .iframe-container {position: absolute; top: 60px; right: 0px; left: 0px; bottom: 0px;} /* Forms */ form {color:inherit; font-family:inherit; margin:0;} form .button {padding-bottom: 1.75em; margin: auto; margin-bottom: 40px; display: block;} .simpleAntiSpam {margin-top: 30px;} .simpleAntiSpam div {margin: auto !important; max-width: 600px !important;} input, select, textarea { color:inherit; margin:2px 0; font-family:inherit; font-size:1.4em; height:28px; vertical-align:middle; margin: 7px 0 14px 0;} input[type=text], textarea { background:#fff; border:1px solid #ded9c6; font-family: 'Open Sans', sans-serif; font-size:14px; font-style:italic; line-height:auto; padding:5px 10px; } textarea { height:150px; } input[type=radio] {margin: 0;} input[type=submit] {margin-top: 20px;} div#AllYouCanEat1 .formsTitle {visibility: hidden; position:absolute;} div#AllYouCanEat1 select#IDFormField1_ReservationTime_0_0, div#AllYouCanEat1 select#IDFormField1_ReservationTime_0_1 {width: auto;} form#form_AllYouCanEat1 select {margin: 10px 0px;} ul.small-block-grid-1.medium-block-grid-2.large-block-grid-3 li { padding: 0px 30px; } input.ctaButton118{ margin-bottom: 20px; padding-bottom: 50px!important; } form .date-field {width: 150px; max-width: 100%;} form .time-field-hour {width: 150px; max-width: 45%;} form .time-field-minutes {width: 75px; max-width: 45%;} /* Tables */ table { border-collapse: collapse; border-spacing: 0; width:100%; } caption, th, td {font-weight: normal;} @media only screen and (max-width: 100%) and (min-width: 768px) { table tbody tr td {padding:2% 0;} table tr td input {padding:2% 0;} /* remember to define focus styles! */ /* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } } /* Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /* Address styling not present in IE 8/9.*/ [hidden] { display: none; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ----------------------------------------- Define Main Structure ----------------------------------------- */ html { font-size: 100%; } body { background:#c7c5bf;} .row {background:#F4F5F0; border-right:1px solid #9f9881; border-left:1px solid #9f9881;} .row .row {background:none; border:none;} ::selection {background:#ffebae;} ::-moz-selection {background:#ffebae;} /* Top Navigation */ .top-bar {background: url(graphics/images/newbranding_background_color.png) repeat; height:100px; padding:0; width:100%; position:relative; z-index:2112;} .main-nav .top-bar.row {max-width:1200px;} .top-bar ul {height:100px;} .top-bar ul li {height:100%;} .top-bar ul li a {height:100%; line-height:6; font-size: 13px;} .fixed .top-bar ul li {/*height:100%;*/ font-size: 13px;} .tony-packo-logo a { line-height:0 !important; /*margin-top:-120px;*/ padding:0 !important; font-size:12px !important; text-transform:none !important;} .tony-packo-logo:hover {background:none !important; border:none !important;} #logo-large {/*position:absolute; top:20px;*/ transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;} #logo-small {display:none; position:absolute; top:-90px; left:15px; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;} .main-nav.fixed #logo-small {display:block; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; top:12px;} .main-nav.fixed #logo-large {display:none; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;} .top-nav { background:#ded9c6; font-size:14px; height:35px; line-height:0; margin-left:20px; padding:5px 0; text-shadow: 0 1px #fff; } .top-nav a { color:#716c61; font-family: 'Open Sans', sans-serif; font-weight:normal; } .top-nav ul { list-style:none; margin:0; padding:0; } .top-nav li {float: left; padding:0; margin:0; zoom:1; } .top-nav li a { padding:0 20px; } /* Promotions */ .top-bar.red {background:url(graphics/images/bg_topbar_red.png) repeat;} .top-bar.red .tony_menu li:hover {background: #8e2115;} .promotionsLister a[id] {margin-top: -160px; position: absolute; visibility: hidden;} /* End Top Navigation */ /* Main Navigation */ .main-nav { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:normal; line-height:0; margin:0; position:relative; /*margin-top:72px; Commentd this out for Coronavirus Alert Bar*/ margin-top: 31px; transition:height 1s ease-out; -webkit-transition:height 1s ease-out; z-index: 2002; } .main-nav .row { border:none; max-width:1100px;} /* With TopBar JS Fixed Sticky Class after Scroll */ .main-nav.fixed { margin-top:0; position:fixed; width:100%; top:0; } .main-nav.fixed .top-bar {height:72px;} .main-nav.fixed .top-bar ul {height:72px;} .main-nav.fixed .top-bar ul li a {line-height:4;} .main-nav.fixed .top-bar ul ul { background-color: #273f48; height: auto; } .main-nav a {color:#fff; font-weight:normal; text-decoration: none;} .main-nav ul { list-style:none; line-height:24px; margin:0; padding:0; } .main-nav li {float: left; height:40px; padding:0; margin:0; zoom:1;} .main-nav li:last-child { border:0; } .main-nav li:hover {background:#681824; } .main-nav li a { display:inline-block; padding:0px 17px; padding-top:10px; padding-bottom: 6px; text-align:center; text-transform: uppercase; } .main-nav li a:hover {text-decoration:none;} .main-nav li a.last { padding:10px 17px 6px 17px; } .main-nav li ul {position:absolute; top:40px; left:0; visibility:hidden; width:490px; z-index:1000; height:auto;transition:opacity 400ms ease-out; -webkit-transition:opacity 400ms ease-out;} .main-nav li:hover ul {visibility:visible;background:#273f48;} .main-nav li li ul { background:none; margin-bottom:15px; padding:0; position:relative; top:0; left:0; width:100%; } /*.main-nav ul li ul li:hover {background: #9D2235;}*/ @media screen and (min-width: 768px) { .main-nav li ul {opacity: 0;} .main-nav li:hover ul {opacity: 1;} .main-nav li ul li {background:#681824; border-bottom: 1px solid #9D2235; color:white; line-height: 1.5; } .main-nav li ul li:hover {border-bottom: 1px solid #DAC287;} .main-nav li ul li .last {border-bottom:none;} .main-nav li ul li a { display: block; text-align: left; color: white; line-height: 1.5; padding: 10px 20px; } .main-nav li ul li a:hover {color:#DAC287;} .main-nav li ul li:hover {background: #9D2235;} .main-nav li li a:hover {border-bottom:none!important;} #logo-large {max-width: 100%; margin-top: 18px;} li.name.tony-packo-logo {margin-left: 10px;} } .main-nav h4 { margin:0; font-size:15px; text-align:left; } .main-nav li li {border:0; float:none; height:auto; } .main-nav li li:hover { border:0; background:none; } .main-nav li li a { color:#333333; display:inline; margin-bottom:5px; padding:0; text-transform:none; } .main-nav li li a:hover { background:none; border-bottom: 1px solid #DAC287; text-decoration:none; } .sub-nav-left { float:left; width:235px; } .sub-nav-right { border-left: 1px solid #ded6bb; float:left; padding-left:20px; width:215px; } .main-nav .nav-image { margin-top:10px; } .main-nav .nav-image img { display:block; margin:0; padding:0; } /* Mobile Nav */ ul.mobile {height:100%;} ul.mobile ul.drop1 {left: -99999px; background:#2e4d58; border-bottom:5px solid #DAC287;} ul.mobile li ul {visibility:visible; /* this fixes the main-nav dropdown hovers from above */} ul.mobile > li {margin:18px 6px; border-radius:10px; -webkit-border-radius:10px; background:#273f48; line-height:0 !important; width:64px; height:64px;} ul.mobile li a {background:#681824; color:#fff; text-transform:uppercase; font-size:16px; margin:0; transition:color 400ms ease-out, border 400ms ease-out; -webkit-transition:color 400ms ease-out, border 400ms ease-out;} #mobile-menu {width:100%; height:100%; padding:15px; display:block; background:url(graphics/images/mobile/icon_menu.png) no-repeat 15px 15px; text-indent:-242929px;} #mobile-search {width:100%; height:100%; padding:15px; display:block; background:url(graphics/images/mobile/icon_search.png) no-repeat 15px 15px;text-indent:-242929px;} #mobile-phone {width:100%; height:100%; padding:15px; display:block; background:url(graphics/images/mobile/icon_phone.png) no-repeat 15px 13px;text-indent:-242929px;} ul.mobile li a:hover {background:#9D2235; color:#DAC287;} ul.mobile > li:hover {border-top: 2px solid #DAC287;} ul.mobile > li {background:#681824; border: 2px solid #681824; -webkit-transition: border-top 0.5s ease-in; transition: border-top 0.5s ease-in;} ul.mobile li ul li {margin:0; color:#fff;} ul.mobile li ul a {display:block; padding:14px 0; border-bottom: 1px solid #9D2235; border-radius:0; -webkit-border-radius:0; line-height:1 !important; text-align:left; text-indent:15px; font-size:16px; } ul#drop1 { background-color: #681824; } .main-nav ul ul { position: relative; width: 160px; top: 0px; } .dogs_menu li {position: relative;} .dogs_menu li ul {position: absolute; top: 100px;} .main-nav.fixed .dogs_menu li ul {top: 72px;} .main-nav.fixed .dogs_menu li ul li a {line-height: 1.5;} .mobile-active {border-radius: 10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; height: 77px !important;} #drop1.f-dropdown.open {top:90px !important; width:100% !important; left:0 !important; height:auto; padding:0 25px !important; } #drop2.f-dropdown.open {top:90px !important; width:100% !important; left:0 !important; height:auto; padding:25px !important; } /* Tablet Nav Scroll Fix */ .main-nav.fixed li#mobile-search-li, .main-nav.fixed li#mobile-menu-li {margin: 4px 6px;} /* Promotions Page */ .red ul.mobile li {background: #8e2115;} .red ul.mobile ul {background: #9d2235;} .red ul#drop1 {background: #9d2235;} .red ul.mobile li a {background: #8e2115;} .red ul.mobile li ul a {border-bottom: 1px solid #9d2235;} #fixed-button {background:#9d2235; border:1px solid #5d1206; position:fixed; width:130px; right:-47px; top:230px; color:#fff; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); text-align:center; text-transform:uppercase; z-index:1001;} #fixed-button a { color:#fff; text-decoration:none; display:block; padding:20px 10px 16px; transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s; } #fixed-button a:hover { background:#8a1b09; transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s; } #fixed-button-2 {background:#DAC287; border:1px solid #9E8343; position:fixed; width:130px; right:-47px; top:380px; color:#fff; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); text-align:center; text-transform:uppercase; z-index:1001;} #fixed-button-2 a { color:#222; text-decoration:none; display:block; padding:20px 10px 16px; transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s; } #fixed-button-2 a:hover { background:#9E8343; transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s; } /* Catering Services Page */ .catering-services-anchors {position: absolute; top: -100px;} /* Catering Menu Page */ .catering-menu-page h4 {margin-bottom: 4px;} /* Request a Quote Form */ .request-quote .date-field {width: 100%;} /* Slideshow Styles */ /* Flexslide Styles Towards bottom of CSS */ .row.slideshow {border:none;} .large-12.slideshow {padding:0;} .slideshow .flexslider {margin:-175px 0 0;} .flex-direction-nav {display:none;} /* Homepage Content */ .section {padding:0 25px;} .yellow-box.row {z-index:10; position:relative;} .yellow-box .box {background:#fff; border-top:20px solid #9D2235; border-bottom: 10px solid #9D2235; min-height:300px; padding-top:15px; margin-bottom:25px; margin-left:-1px; float:left !important; /* Margin-left & float left Fixes a 1px spacing issue in Chrome that ocassionally appears when resizing browser */; margin-top:-175px;} .yellow-box .box h3 {font-size:22px; line-height:1.1; font-family:'Work Sans', sans-serif; font-weight: 800; color:#9D2235;} .yellow-box .box h3 img {float:left; margin:0 5px 0 0; height:auto; width:auto;} .yellow-box .box img {width:75%; display:block; margin:0 auto -50px;} .yellow-box .button {display:block; width:100%; margin:0 auto 1.25em; padding:13px;} .yellow-box .button a {color:#fff; text-decoration:none; font-size:18px;margin: 0;} .special {background:#b2ba9b; border-top:1px solid #9f9881; border-bottom:1px solid #9f9881; padding-top:50px; padding-bottom:175px;} .special p {color:#fff;} .yellow-box.hours {margin-bottom:50px;} .yellow-box.hours .box {margin-top:-150px;} .yellow-box .section-container {margin:25px 0;} .yellow-box .section-container section {padding-top:0 !important; margin-left:10% !important;} .yellow-box .section-container .title {width:14em !important; font-size:18px !important; background:none !important; padding-left:20px;} .yellow-box .section-container section.active .title a {background:#e1dccd;} .yellow-box .section-container p {line-height: 1.2; font-weight:300;} .yellow-box .section-container a {color:#2e4d58 !important; font-weight:normal;} .yellow-box .section-container .title a:hover {background: #F1ECDD !important; text-decoration:none;} .yellow-box .section-container section.active .title a:hover {background: #e1dccd !important;} .yellow-box .section-container .content {padding:10px !important;} .review-landing-col {background:#fff; border-top:20px solid #DAC287; border-bottom: 10px solid #e1dccd; padding:20px 20px 0; margin: 15px 0.5%; width: 32.33333%; position:relative; min-height:460px;} .review-landing-button {position:absolute !important; bottom:5px; width: 85%;} @media only screen and (max-width: 767px){ .review-landing-col {width: 100%; clear:both;} .review-landing-button {position:relative !important;;} } /*Promotions Page */ .red .yellow-box .box {margin-top:20px; padding:20px; float:none !important;} .red .yellow-box .box img {width:50%; margin:0 20px 15px 0; float:left;} .red .yellow-box .box img.full {width:100%; margin:0 auto 20px; float:none;} .page.red h1{color:#9d2235;} .page.red h2{color:#9d2235; margin-bottom:25px;} .newhome .box { margin-top: -100px!important; } .row.cateringcta { text-align: center; } .homedog .box {float:none!important; margin-top:30px;padding: 20px 20px 0; min-height:auto;} /* Sub pages */ .header-image {margin-top:-172px; overflow:hidden;} .header-image img {min-width:900px;} .main-content ul { padding-left:45px; } .menu strong { background:#DAC287; padding:2px 10px; float:right; font-size:16px; line-height:1.3; } .menu strong.main-price {color:#2e4d58; background:#DAC287;} .menu p strong {background:#E1DCCD; color:#555;} .main-content ul, .product.page ul {margin-left:20px; font-size:18px;} .main-content ul li, .product.page ul li {line-height:1.6;} .home.page li, .full-width.page li {margin-left:0; padding-left:0px;} /* Contact Us */ .form.page .note strong {color:#2e4d58;} .form.page p {line-height:1.3;} #recipients {font-size:1em; height:auto;} #imgverify { /* img verify input */ width:30%; } /* Rate your Visit Form */ .row.radio .large-1.columns { width:10%; } .row.radio input[type="radio"] { margin-bottom:0; } iframe.survey {border:none; scroll:none;} /* Sidebar */ .sidebar {padding-top:25px; padding-bottom:25px;} .sidebar .box {background:#fff; border-top:20px solid #DAC287; border-bottom: 10px solid #e1dccd; padding:10px;} .sidebar h3 {text-transform:none;} .instagram iframe {max-width:100%;} .instagram iframe #header {display:none !important;} .instagram .iframe {overflow:hidden;} .instagram .iframe iframe {margin-top:-90px;} /* SUB PAGES */ .page ul {margin-left:50px;} .page ul li {margin-bottom:15px;} .row.header .columns {padding:0;} #IDFormField_Number_Of_People_0 {width:40%;} #googlemap img, .GMapEZ img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } #locations .row {background:none;border:none;} .catering-options .box p {line-height:1.3;} .catering-options .box h2 {font-weight:500;} .catering-options .box h2 strong {color:#000; font-size:50px;} .catering-options .box h3 {text-transform:initial; /*font-weight:400;*/ color:#000; font-size:24px;} .catering-options .box img {display:inline-block; width:auto; margin:0;} .catering-options .box img.icon {margin-top:-6px;} .catering-options .box .info-wrapper {border:1px solid #9f9881; background:#F4F5F0; max-width:650px; margin:0 auto 30px; padding:20px;} .catering-options .box .info-wrapper ul {margin:0 0 0 15px;} .catering-options .box .info-wrapper ul li {margin:0;} .catering-options .box .options-wrapper {border:1px solid #9f9881; margin:30px auto; max-width:650px;} .catering-options .box .options-wrapper .header {background:#2e4d58; text-align:center; padding:10px;} .catering-options .box .options-wrapper .header h3 {color:#fff; margin:0; text-align:center;} .catering-options .box .options-wrapper .item {padding:10px; border-bottom:8px solid #9D2235;} .catering-options .box .options-wrapper .item h4 {text-transform:initial; color:#000; font-size:26px; margin-bottom: 10px;} .catering-options .box .options-wrapper .item img {float:right; max-width: 35%; margin-left: 12px;} .catering-options .box .button {display:inline-block; font-family:'Work Sans', sans-serif; text-transform:initial; width:auto;} .catering-options .box .button.red {border:1px solid #681824; background:#9D2235;} .catering-options .box .button.gold {background:#DAC287; border:1px solid #9E8343; color:#000;} .catering-options .box.blue {border-top:none; padding:0; border-color:#2e4d58} .catering-options .box.blue h3 {margin-top:20px;} .catering-options .box.blue h4 {text-transform:initial; color:#000;} .catering-options .box.blue h4 strong {color:#9D2235;} .catering-options .box.blue a {color:#9D2235;} .catering-options .box.blue .image {background:#eee url(graphics/images/header_packos_hotdogs.jpg) no-repeat center center; background-size:cover; height:160px;} @media only screen and (max-width: 767px) { .catering-options .box.blue .box-blue-inner {padding: 1px 20px;} .catering-options .box h2 strong {font-size: 40px;} .catering-options .box .options-wrapper .item img {float: none; display: block; max-width: 100%; margin: 0;} } .brunch-heading h1 {font-size: 44px;} /* ------- Footer ------- */ #footer {background:#2e4d58; padding:40px 25px 25px;} #footer h3, #footer h4 {color:#fff; line-height:1;} #footer .box h3 img {float:left; margin-right:10px;} #footer p {color:#fff; line-height:1.4; font-size:16px; font-weight:300;} #footer a {color:#273f48;} #footer p a {color:#fff; text-decoration:underline;} #footer .button.alert {color:#fff; border:1px solid #681824; font-size:20px; padding:0.8125em 0 .75em; display:block; margin: 0 auto .5em;} a.catering.button.alert {color:#fff; border:1px solid #681824; font-size:20px; padding:0.8125em 0 .75em; display:block; margin: 0 auto .5em;} #footer .phone {text-align:center; margin-top:10px; color:#DAC287; font-size:28px; margin-bottom:20px;} .box .phone{color:#DAC287!important;} .phone a{color:#DAC287!important;} #footer input[type=submit] {color:#003B2C; border:none; border-radius:0; -webkit-border-radius:0; background:#DAC287; height:auto; padding:3px 8px 4px; font-size:12px; text-transform:uppercase; font-weight:700; margin-left:5px; height:25px; cursor:pointer;} #footer .box input {margin:0;} #mc-embedded-subscribe-form input {width:60%; display:inline; height:25px; border:none; color:#4d4d4d; font-size:16px; padding:0 7px;} #mc-embedded-subscribe-form input[type=submit] { width:75px;} /* Alert Bar */ .alert-bar {width:90%; max-width: 1200px; padding:10px 0; background-color:#ffcc00; color: #000; opacity: .95; clear: both; margin: 0 auto;} .alert-bar p {color:#000; font-weight:bold; font-size:14px; margin-bottom:0;} .alert-bar a {color:#000; text-decoration:underline;} .alert-bar.green {background:#01a490;} .alert-bar.blue {background: #0089d0;} .alert-bar.purple {background:#92278f;} .alert-bar.red {background: #ed1c24;} .alert-bar.orange {background:#f47920;} .alert-bar.yellow {background: #ffcc00;} .alert-bar.yellow p, .alert.bar.yellow a {color:#333;} .alert-bar.black {background: #000000;} .alert-bar svg {width: 24px; height: auto; float: left; margin-right: 15px;} .alert-bar .row {background: none;} img.alert {float:left; margin-right:15px;} @media screen and (max-width: 1017px) { .alert-bar {width: 100%;} } @media screen and (max-width: 767px) { .alert-bar {margin-top: 0;} .alert-bar p {font-size:12px;} img.alert {margin-right: 8px; width: 15px; margin-top: 4px;} } /* Promotions page */ #text-club .terms {font-size: 12px; font-weight: 300; color: #e0aea9;} #text-club .terms a {color: #E0AEA9; font-weight: normal; text-decoration: underline;} #footer.red{background:#9d2235;} #footer-bottom.red{background:#881c11;} #footer-bottom.red .copyright{color: #e0aea9;} #footer-bottom.red .copyright a{color: #e0aea9;} #text-club input { width: 45px; display: inline; font-size: 16px; color: #4d4d4d; padding: 3px 5px; font-weight: 300; line-height: 1; height: 25px; margin: 0 0 10px;} #text-club input[type="submit"] { width: 63px; } /* Bottom Footer */ #footer-bottom {background:#273f48; padding-top:40px;} #footer-bottom ul {list-style:none; margin-bottom:25px; text-align:center;} #footer-bottom ul li {display: inline; font-size:15px; text-transform:uppercase; padding:0 2% 0 2%; font-weight:400;} #footer-bottom ul li.last {padding:0;} #footer-bottom a {color:#fff;} #footer-bottom .alert.button {display:block; margin:auto; width:80%;} #footer-bottom .row.show-for-small {width:100%;} #footer-bottom .large-9, #footer-bottom .large-3 {margin-top:40px; padding:0 25px;} .copyright {font-size:13px; color:#adc8d2; font-weight:300; margin-top:10px;} #footer-bottom .copyright a {font-size:13px; color:#adc8d2; font-weight:300; text-decoration:underline;} .social-icons {text-align:right;} .social-icons img {margin-right:20px;} /* -------------------------------------------------- :: Media Queries for Desktop Responsive Resizing ---------------------------------------------------*/ @media only screen and (max-width: 1300px) { .row, .main-nav .row, .main-nav .top-bar.row {max-width:90%;} .yellow-box .box {min-height:325px; font-size:17px;} .homedog .box {min-height:auto;} /*Promotions Page */ .red .yellow-box .box {min-height:inherit;} } @media only screen and (max-width: 1279px) { .main-nav .right a {font-size:16px;} #drop1.open {display:block; opacity: 1;} .main-nav.fixed #drop1.open {top: 70px !important;} } @media only screen and (max-width: 1250px) { .yellow-box .box {min-height:375px;} .homedog .box {min-height:auto;} } @media only screen and (max-width: 1160px) { .yellow-box .box h3 {font-size:19px;} #footer-bottom ul li {font-size:17px;} table#cart-main .buttons input {font-size:1.1em;} } @media only screen and (max-width: 1089px) { /*.main-nav .right a {font-size:14px; line-height:5.5;}*/ .yellow-box .box h3 {font-size:17px;} .yellow-box .box h3 img {width:40px;} .yellow-box a.button {font-size:18px;} #footer-bottom ul li {font-size:15px;} .product-detail .large-9 {width:100%;} .product-image {width:70%;} .yellow-box .box {min-height:400px; font-size:16px;} .homedog .box {min-height:auto;} } @media only screen and (max-width: 1017px) { .main-nav .right a {line-height:6;} .row, .main-nav .row, .main-nav .top-bar.row {max-width:100%; border:none;} #footer .button.alert {font-size: 16px;} } @media only screen and (max-width: 950px) { .row, .main-nav .row {max-width:100%;} .yellow-box a.button {font-size:16px;} #footer h3 {font-size:22px;} #footer-bottom ul li {padding:0 3% 0 0;} } @media only screen and (max-width: 851px) { .main-nav li a {padding:10px 14px 6px} #footer h3 {font-size:20px;} #text-club input {font-size:11px; width:35px;} #text-club input#mobile3 {width:40px;} #footer-bottom ul li {font-size:15px; padding:0 2.5% 0 0;} } @media only screen and (min-width: 768px) { } @media only screen and (max-width: 767px) { #footer .phone {font-size:26px; text-align:center;} #footer .button.alert {margin-bottom:1.25em;} .yellow-box .box {min-height:300px;clear: both;} [class*="column"] + [class*="column"]:last-child {float: none !important; clear:both;} .page img {float: none !important;} } /* -------------------------------------------------- :: Tablet & Mobile Media Queries ---------------------------------------------------*/ /* Media Query Fixes for Tablet & Mobile */ @media only screen and (min-width: 768px) { a.button, button, .button > a {max-width:300px;} } @media only screen and (max-width: 767px) { body {padding:0 !important;} h1 {font-size:46px;} .tony-packo-logo {height:90px !important; margin-left:0px !important; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;} .tony-packo-logo h1 {height:90px !important; line-height:1 !important; margin:0; padding:0; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;} .tony-packo-logo a {line-height: 1 !important; padding:8% 6px !important; margin:0; display:block; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;/* width:100px;*/} .tony-packo-logo a img {height:auto; margin:0; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;} .tony-packo-logo:hover {background:#681824 !important;} #logo-small, .main-nav.fixed #logo-small {display:none;} #logo-large, .main-nav.fixed #logo-large {position:relative; display:block; top:9px; width: 160px;} .main-nav.fixed {position:relative !important;} .main-nav {margin:0; border-bottom:5px solid #DAC287;} .top-bar {height:90px !important; background:#9D2235;} .top-bar ul {height: 90px;} .slideshow {overflow:hidden;} .slideshow .flexslider {margin:0; width:120%; left:-10%;} .yellow-box {margin-top:-150px; padding-top:30px;} .yellow-box .box {margin-top:0;} .yellow-box .box h3 {font-size:22px; text-align:center;} .yellow-box .box h3 img {width:auto; display:inline; float:none;} /*Promotions Page */ .red .yellow-box {margin-top:0;} .red .yellow-box .box img {width:100%; margin:0 auto 20px; float:none;} .yellow-box .section-container section {margin-left:0 !important;} .yellow-box .section-container section .title {padding: 0!important; width: 100% !important; border-bottom: 1px solid #d3cebd;} .yellow-box .section-container section .title a {background:#ebe8df;} .yellow-box .section-container section.active .large-6 {float:none;} .yellow-box .section-container section .content {border-bottom: 1px solid #d3cebd;} #fixed-button, #fixed-button-2, #fixed-cart {display:none;} /* Sub pages */ .header-image {margin-top:0; } .header-image img {margin-left:-450px; left:50%; position:relative; min-height:247px;} #imgverify {width:100%;} /* Product Pages */ .product-detail .product-image {max-width:300px;} #product-options select {width:100%; max-width:none;} /* Locations Page */ .row.header .google-map {margin:0;} .location.page .row.header .google-map iframe {height:500px;} #footer .button.alert {font-size: 18px;} #footer h3 {font-size:26px; } #footer #mc-embedded-subscribe-form input {height:40px; width:68%; padding:0 2%;} #footer #mc-embedded-subscribe-form input[type=submit] {margin-left:1%; width:30%;} #footer-bottom ul li, #footer-bottom ul li.last {padding:0 3% 0; font-size:18px; line-height:3;} #footer-bottom .copyright, #footer-bottom .social-icons {text-align:center;} #footer-bottom .social-icons img {margin:0 15px;} /* Shopping Cart Pages */ table#cart-main table select {width:90%;} table.totals {width:100%;} table#cart-main .buttons input {font-size:1.4em;} #gift-cert-fields input {width:100%; display:block; margin:5px 0 !important;} #gift-cert-fields input[name=giftcert_pin] {width:100%;} table#cart-main table select.ship {width:80%;} .top { background:#d3a957; border:0; display:block; color:#fff; display:block; margin: 0 20px 20px 20px; padding:10px 20px; text-align:center; text-shadow: 0 1px #c09a4f; } .top:hover { background:#000066; text-decoration:none; } .products-image {display:block; clear:both;} } /* Media Query Fixes for Mobile Only */ @media only screen and (max-width: 479px) { .yellow-box .box h3 {font-size:18px;} .yellow-box .box h3 img {width:40px;} .yellow-box {margin-top:-100px; } table#cart-main .buttons input {margin-right:0 !important; display:block !important; text-align:center;} table#cart-main tr th, table#cart-main tr td {padding: 1%;} .button.alert.view-cart {float:none;} } /* Media Query Fixes for Mobile Only */ @media only screen and (max-width: 370px) { } /* -------------------------------------------------- :: Tablet & Mobile Responsive Styles ---------------------------------------------------*/ /* -------------------------------------------------- :: Universal Classes ---------------------------------------------------*/ /* Alignment Classes */ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .clear { clear:both; } .imgleft { float: left !important; padding:0 20px 20px 0; } .imgright { float: right !important; padding:0 0 20px 20px ; } .imgcenter { margin:auto !important; } /* Miscellaneous Classes */ .formtextRequired {font-weight:bold;} .formtextRequired:before {content:"*";} .hide { display: none; } .hideclear {clear:both; height:0; overflow:hidden; visibility:hidden;} .last {margin:0!important;} .shadow-5 img, .shadow-7 img, .shadow-12 img { display:block; margin:auto; } @media only screen and (max-width: 767px) { .locations input, .locations select {width:auto;} } @media only screen and (max-width: 450px) { .locations input[type=submit] {width:80%; margin-top:10px;} } a.button, .button > a { display: inline-block; padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; max-width: 300px; cursor: pointer; font-family: inherit; font-weight: normal; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 20px; text-transform: uppercase; background-color: #2e4d58; color: white; border: none; border-radius: 10px; -webkit-border-radius: 10px; } .button.gold {background:#DAC287; border:1px solid #9E8343; color:#000;} .button.gold:hover {background: #e1ce9d;} /* Pagination Classes */ .prevnextLink {border:1px solid #ccc; padding:5px; text-align:center; text-decoration:none;} a.prevnextWindow {border:1px solid #ccc; float:left; height:23px; margin:0 2px; padding:0 5px; text-align:center; text-decoration:underline;} a.prevnextWindow:hover {border:1px solid #000;} .prevnextCurrent {border:1px solid #ccc; float:left; height:23px; margin:0 2px; padding:0 5px; text-decoration:none;} a.prevnextWindowArrow {border:1px solid #ccc; float:left; margin:0 2px; padding:5px; text-align:center; text-decoration:none;} /* Google Maps & Mapping */ #googlemap img, object, embed, .GMapEZ img { max-width: none; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } /* ---------------------- Facebook Universal Static iFrame Styles ------------------------ */ body.facebook {text-align:center;/*FOR CENTER LAYOUTS IN IE*/ font-family:Arial, Helvetica, sans-serif; color: #10386e; font-size:13px; margin:0; padding:0; line-height:20px;} body.facebook a {color: #10386e; text-decoration:none;} body.facebook a:hover {text-decoration:underline;} #fb_container {text-align:left; margin:0 auto; width:810px;} select#IDFormField_eventTime_0_0 { float: left; margin-right: 10%; } select#IDFormField_eventTime_0_1, select#IDFormField_eventTime_0_0 { width: 45%; margin-bottom: 20px; margin-top: 6px; } /* ------------------ FLEX SLIDER ------------------- */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #fff; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* Location Map Pickle Finder */ select#searchfield_0 {width:150px;} input.directorySearchInput{width:150px;margin-left: 45px;margin-top: -20px;} .miles{margin-bottom: 15px;} form#form_LocationDirectory_search1 .button{float:left;} /* Location Order Now Area */ .order-online-container {margin-top: 94px;} /* Add2Home Add to Home Styles for iOS */ /* Mobile iOS - Add to Home Bubble */ /* MOBILE BOOKMARK BUBBLE */ #addToHomeScreen { z-index:9999; -webkit-user-select:none; -webkit-box-sizing:border-box; width:240px; font-size:15px; padding:12px 14px; text-align:left; font-family:helvetica; background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3)); border:1px solid #505050; -webkit-border-radius:8px; -webkit-background-clip:padding-box; color:#333; text-shadow:0 1px 0 rgba(255,255,255,0.75); line-height:130%; -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5); } #addToHomeScreen.addToHomeIpad { width:268px; font-size:18px; padding:14px; } /** * * The 'wide' class is added when the popup contains the touch icon * */ #addToHomeScreen.addToHomeWide { width:296px; } #addToHomeScreen.addToHomeIpad.addToHomeWide { width:320px; font-size:18px; padding:14px; } /** * * The balloon arrow * */ #addToHomeScreen .addToHomeArrow { position:absolute; background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc)); border-width:0 1px 1px 0; border-style:solid; border-color:#505050; width:16px; height:16px; -webkit-transform:rotateZ(45deg); bottom:-9px; left:50%; margin-left:-8px; -webkit-box-shadow:inset -1px -1px 0 #a9a9a9; -webkit-border-bottom-right-radius:2px; } /** * * The balloon arrow for iPad * */ #addToHomeScreen.addToHomeIpad .addToHomeArrow { -webkit-transform:rotateZ(-135deg); background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee)); -webkit-box-shadow:inset -1px -1px 0 #fff; top:-9px; bottom:auto; left:50%; } /** * * Close button * */ #addToHomeScreen .addToHomeClose { -webkit-box-sizing:border-box; position:absolute; right:4px; top:4px; width:18px; height:18px; line-height:14px; text-align:center; text-indent:1px; -webkit-border-radius:9px; background:rgba(0,0,0,0.12); color:#707070; -webkit-box-shadow:0 1px 0 #fff; font-size:16px; } /** * * The '+' icon, displayed only on iOS < 4.2 * */ #addToHomeScreen .addToHomePlus { font-weight:bold; font-size:1.3em; } /** * * The 'share' icon, displayed only on iOS >= 4.2 * */ #addToHomeScreen .addToHomeShare { display:inline-block; width:18px; height:15px; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==); background-size:18px 15px; text-indent:-9999em; overflow:hidden; } /** * * The touch icon (if available) * */ #addToHomeScreen .addToHomeTouchIcon { display:block; float:left; -webkit-border-radius:6px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); background-repeat:no-repeat; width:57px; height:57px; -webkit-background-size:57px 57px; margin:0 12px 0 0; border:1px solid #333; -webkit-background-clip:padding-box; } /** * * The 'share' icon for retina display * */ @media all and (-webkit-min-device-pixel-ratio: 2) { #addToHomeScreen .addToHomeShare { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); } } /* Freedom 9.6.001 Date Picker Calendar Style Updates: */ #ui-datepicker-div { background: rgba(255, 255, 255, 1); border: 1px solid #ccc; box-shadow: 0 0 45px #ccc; -webkit-box-shadow: 0 0 45px #ccc; margin-left: -20px; padding: 20px; } .ui-datepicker-prev {float: left;} .ui-datepicker-next {float: right;} .ui-datepicker-prev, .ui-datepicker-next {font-size: 11px; margin-top: 4px;} .ui-datepicker-prev:hover, .ui-datepicker-next:hover {cursor: pointer;} .ui-datepicker-title {text-align: center; padding-bottom: 20px;} .ui-datepicker-calendar th {font-size: 12px;} #ui-datepicker-div table td {padding: 8px;} /* ModuleBegin::blog */ .blogModule {} .blogModule .info {margin-bottom: 20px; } .blogModule .author {} .blogModule .date {} .blogModule .thumbnail img { width:350px; max-width:100%; } .blogModule .tags {} .blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; } .blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; } /* ---- Blog Lister ----- */ .blogModule.moduleLister {} .blogModule.moduleLister h2 { margin-bottom:5px; } .blogModule .listerItem {} .blogModule .blurb {} /* ---- Blog Detail ------- */ .blogModule.moduleDetail {} .blogModule.moduleDetail h1 { margin-bottom: 5px; } .blogModule.moduleDetail .fullText {} /* ---- Blog Archives ------ */ .blogModule.archive .month { padding-left:10px; } .blogModule.archive .year { font-weight: bold; } /* ModuleEnd::blog */