/* ========================== Content images for Mobile ========================= */ /* Navigation */ .main-nav .our-drinks .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px 0px;} .main-nav .how-its-made .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -26px;} .main-nav .our-people .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -56px;} .main-nav .our-whiskey .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -84px;} .main-nav .jameson-culture .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -112px;} .main-nav .jameson-first-shot .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -112px;} .main-nav .page-external-visitus .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -140px;} .main-nav .shop .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -167px;} .main-nav .circle-icon .image {background-image: url(../img/sprite-navigation_retina.png?2); background-position:0px -197px;} nav .logo {background: url(../img/jameson-seal_retina.png);} /* Banners */ #our-drinks .banner {background-image: url(../img/banner-our-drinks.jpg);} /*#our-drinks .banner {background-image: url(../img/banner-our-drinks-jfs.jpg);background-color: #24402A}*/ #how-its-made .banner {background-image: url(../img/banner-how-its-made.jpg);} #our-people .banner {background-image: url(../img/banner-our-people.jpg);} #our-whiskey .banner {background-image: url(../img/banner-our-whiskey.jpg);} #jameson-culture .banner {background-image: url(../img/banner-our-culture.jpg);} #visit-us .banner {background-image: url(../img/banner-visit-us.jpg);} #visit-us .banner {background-image: url(../img/banner-visit-us.jpg);} #shop .banner {background-image: url(../img/banner-shop.jpg);} #shop .banner {background-image: url(../img/banner-shop.jpg);} #register .banner {background-image: url(../img/banner-our-drinks.jpg);} #faq .banner {background-image: url(../img/banner-our-drinks.jpg);} #enjoy-responsibly .banner {background-image: url(../img/banner-our-drinks.jpg);} #contacts .banner {background-image: url(../img/banner-our-drinks.jpg);} #site-map .banner {background-image: url(../img/banner-our-drinks.jpg);} #privacy-policy .banner {background-image: url(../img/banner-our-drinks.jpg);} #terms .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} /* Drinks */ #drink-carrousel .drink01 {background-image: url(../img/drink-jameson-neat.jpg);} #drink-carrousel .drink02 {background-image: url(../img/drink-jameson-rocks.jpg);} #drink-carrousel .drink03 {background-image: url(../img/drink-jameson-ginger-lime.jpg);} #drink-carrousel .drink26 {background-image: url(../img/drink-jameson-irish-mule.jpg);} #drink-carrousel .drink04 {background-image: url(../img/drink-jameson-cranberry.jpg);} #drink-carrousel .drink05 {background-image: url(../img/drink-jameson-soda.jpg);} #drink-carrousel .drink06 {background-image: url(../img/drink-jameson-lemonade.jpg);} #drink-carrousel .drink07 {background-image: url(../img/drink-jameson-apple.jpg);} #drink-carrousel .drink08 {background-image: url(../img/drink-jameson-apricot-sour.jpg);} #drink-carrousel .drink09 {background-image: url(../img/drink-jameson-cherry-sour.jpg);} #drink-carrousel .drink10 {background-image: url(../img/drink-jameson-mint-martini.jpg);} #drink-carrousel .drink11 {background-image: url(../img/drink-jameson-caramel-manhattan.jpg);} #drink-carrousel .drink12 {background-image: url(../img/drink-jameson-apple-manhattan.jpg);} #drink-carrousel .drink13 {background-image: url(../img/drink-jameson-apple-crush.jpg);} #drink-carrousel .drink14 {background-image: url(../img/drink-jameson-almond.jpg);} #drink-carrousel .drink15 {background-image: url(../img/drink-jameson-julep.jpg);} #drink-carrousel .drink16 {background-image: url(../img/drink-jameson-coffeetini.jpg);} #drink-carrousel .drink17 {background-image: url(../img/drink-jameson-sour.jpg);} #drink-carrousel .drink18 {background-image: url(../img/drink-jameson-caramel-manhattan.jpg);} #drink-carrousel .drink19 {background-image: url(../img/drink-jameson-whiskey-sour.jpg);} #drink-carrousel .drink20 {background-image: url(../img/drink-jameson-the-tipperary.jpg);} #drink-carrousel .drink21 {background-image: url(../img/drink-irish-cocktail.jpg);} #drink-carrousel .drink22 {background-image: url(../img/drink-jameson-select-reserve.jpg);} #drink-carrousel .drink23 {background-image: url(../img/drink-jameson-irish-wolfhound.jpg);} #drink-carrousel .drink24 {background-image: url(../img/drink-jameson-gold-reserve.jpg);} #drink-carrousel .drink25 {background-image: url(../img/drink-jameson-cherry-manhattan.jpg);} #drink-carrousel-bottom .drink01 hgroup {background-image: url(../img/drink-jameson-neat-bottom.jpg);} #drink-carrousel-bottom .drink02 hgroup {background-image: url(../img/drink-jameson-rocks-bottom.jpg);} #drink-carrousel-bottom .drink03 hgroup {background-image: url(../img/drink-jameson-ginger-lime-bottom.jpg);} #drink-carrousel-bottom .drink04 hgroup {background-image: url(../img/drink-jameson-cranberry-bottom.jpg);} #drink-carrousel-bottom .drink05 hgroup {background-image: url(../img/drink-jameson-soda-bottom.jpg);} #drink-carrousel-bottom .drink06 hgroup {background-image: url(../img/drink-jameson-lemonade-bottom.jpg);} #drink-carrousel-bottom .drink07 hgroup {background-image: url(../img/drink-jameson-apple-bottom.jpg);} #drink-carrousel-bottom .drink08 hgroup {background-image: url(../img/drink-jameson-apricot-sour-bottom.jpg);} #drink-carrousel-bottom .drink09 hgroup {background-image: url(../img/drink-jameson-cherry-sour-bottom.jpg);} #drink-carrousel-bottom .drink10 hgroup {background-image: url(../img/drink-jameson-mint-martini-bottom.jpg);} #drink-carrousel-bottom .drink11 hgroup {background-image: url(../img/drink-jameson-caramel-manhattan-bottom.jpg);} #drink-carrousel-bottom .drink12 hgroup {background-image: url(../img/drink-jameson-apple-manhattan-bottom.jpg);} #drink-carrousel-bottom .drink13 hgroup {background-image: url(../img/drink-jameson-apple-crush-bottom.jpg);} #drink-carrousel-bottom .drink14 hgroup {background-image: url(../img/drink-jameson-almond-bottom.jpg);} #drink-carrousel-bottom .drink15 hgroup {background-image: url(../img/drink-jameson-julep-bottom.jpg);} #drink-carrousel-bottom .drink16 hgroup {background-image: url(../img/drink-jameson-coffeetini-bottom.jpg);} #drink-carrousel-bottom .drink17 hgroup {background-image: url(../img/drink-jameson-sour-bottom.jpg);} #drink-carrousel-bottom .drink18 hgroup {background-image: url(../img/drink-jameson-caramel-manhattan-bottom.jpg);} #drink-carrousel-bottom .drink19 hgroup {background-image: url(../img/drink-jameson-whiskey-sour-bottom.jpg);} #drink-carrousel-bottom .drink20 hgroup {background-image: url(../img/drink-irish-cocktail-bottom.jpg);} #drink-carrousel-bottom .drink21 hgroup {background-image: url(../img/drink-jameson-the-tipperary-bottom.jpg);} #drink-carrousel-bottom .drink22 hgroup {background-image: url(../img/drink-jameson-select-reserve-bottom.jpg);} #drink-carrousel-bottom .drink23 hgroup {background-image: url(../img/drink-jameson-irish-wolfhound-bottom.jpg);} #drink-carrousel-bottom .drink24 hgroup {background-image: url(../img/drink-jameson-gold-reserve-bottom.jpg);} #drink-carrousel-bottom .drink25 hgroup {background-image: url(../img/drink-jameson-cherry-manhattan-bottom.jpg);} #drink-carrousel-bottom .drink26 hgroup {background-image: url(../img/drink-jameson-irish-mule-bottom.jpg);} /* How it's Made */ .i01 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px 0px;} .i02 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -178px;} .i03 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -544px;} .i04 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -689px;} .i05 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -844px;} .i06 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -1098px;} .i07 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -1298px;} /* .i01 {width: 280px; height: 199px;} .i02 {width: 280px; height: 435px;} .i03 {width: 280px; height: 200px;} .i04 {width: 280px; height: 140px;} .i05 {width: 280px; height: 355px;} .i06 {width: 280px; height: 271px;} .i07 {width: 280px; height: 319px;} */ /* Our Whiskey */ .quoteBottle {background-image: url("../img/jameson-quote-bg_retina.jpg?5a89192"); } .jameson-select-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: -803px 0px;} .jameson-signature-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: -401px 0px;} .jameson-special-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: -602px 0px;} .jameson-gold-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: -1005px 0px;} .jameson-limited-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: 0px 0px;} .jameson-vintage-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: -201px 0px;} .jameson-black-barrel.image {background-image: url(../img/sprite-reserves_retina.jpg); background-position: -1206px 0px;} /* Our People */ .sprite-distillery-masters.i01 {background-image:url(../img/sprite-distillery-masters.jpg); background-position: 0px 0px;} .sprite-distillery-masters.i02 {background-image:url(../img/sprite-distillery-masters.jpg); background-position: -201px 0px;} .sprite-distillery-masters.i03 {background-image:url(../img/sprite-distillery-masters.jpg); background-position: -402px 0px;} .sprite-distillery-masters.i04 {background-image:url(../img/sprite-distillery-masters.jpg); background-position: -603px 0px;} .sprite-distillery-masters.i05 {background-image:url(../img/sprite-distillery-masters.jpg); background-position: -804px 0px;} .drink-fancybox .fancybox-close, .reserve-fancybox .fancybox-close {background-image: url(../img/icon-close-popup.png);} /* Culture */ #final-carrousel .image.i01 {background-image:url(../img/sprite-first-shot_retina.jpg); background-position: 0px 0px;} #final-carrousel .image.i02 {background-image:url(../img/sprite-first-shot_retina.jpg); background-position: -201px 0px;} #final-carrousel .image.i03 {background-image:url(../img/sprite-first-shot_retina.jpg); background-position: -402px 0px;} #final-carrousel .image.i04 {background-image:url(../img/sprite-first-shot_retina.jpg); background-position: -603px 0px;} #final-carrousel .image.i05 {background-image:url(../img/sprite-first-shot_retina.jpg); background-position: -804px 0px;} #final-carrousel .image.i06 {background-image:url(../img/sprite-first-shot_retina.jpg); background-position: -1005px 0px;} /* Misc */ #landscape-mobile {background-image: url(../img/landscape-mobile.jpg);} .masthead .logo {background-image: url(../img/jameson-masthead_retina.png);} .masthead .menu a {background-image: url(../img/menu-button.png);} h1 {background-image: url(../img/h1-background-mobile.png);} h1.doubleHeader {background-image: url(../img/h1-double-background-mobile_retina.png);} h2 {background-image: url(../img/h2-background-mobile_retina.png);} h2.doubleHeader {background-image: url(../img/h2-double-background.png);} h3.star {background-image: url(../img/h3-bg_retina.png);} .carrousel .bottom .icon-star {background-image: url(../img/stars-dark.png) !important;} .controlLeft, .controlRight {background-image: url(../img/rightLeftControlsStd_retina.png);} .fancybox-wrap .controlLeft, .fancybox-wrap .controlRight {background-image: url(../img/rightLeftControls_retina.png);} .popup.open .bottom h3 {background-image: url(../img/h3-bg_retina.png);} .close.popup a {background-image: url(../img/bottom-trigger_retina.png);} .video a:after {background-image: url(../img/play_retina.png);} /* #how-its-made {background-image: url(../img/how-its-made-bg.png);} */ #how-its-made {background-color:#1e1e1e;} .slider-nav li a {background-image: url(../img/jump-menu-dot.png);} .slider-nav li.active a {background-image: url(../img/jump-menu-dot-active.png);} .facebookLogin {background-image: url(../img/facebook-agegate_retina.png);} /* Hello Dublin promotion */ #our-drinks .banner.image {position:relative;} #our-drinks .banner.image .hellodublin {position:absolute; right:10px; bottom:20px; width:30%; height:50%;background:url("../img/hellodublin.png") no-repeat bottom;display: block;background-size: contain;} #our-drinks .banner.image .stpatricksday {position:absolute; right:10px; bottom:20px; width:30%; height:50%;background:url("../img/promo/st-patricks-live-logo.png") no-repeat bottom;display: block;background-size: contain;} #our-drinks .banner.image a:nth-child(2) { left:10px; } /* ========================== Content images for Tablet =================================== */ @media (min-width: 768px) { /* How it's Made */ .i01 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px 0px;} .i02 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -355px;} .i03 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -1087px;} .i04 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -1378px;} .i05 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -1688px;} .i06 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -2195px;} .i07 {background-image: url(../img/sprite-illustration.png?5a89192); background-position: 0px -2590px;} /* Our People */ .sprite-distillery-masters.i01 {background-image:url(../img/sprite-distillery-masters_desktop.jpg);} .sprite-distillery-masters.i02 {background-image:url(../img/sprite-distillery-masters_desktop.jpg);} .sprite-distillery-masters.i03 {background-image:url(../img/sprite-distillery-masters_desktop.jpg);} .sprite-distillery-masters.i04 {background-image:url(../img/sprite-distillery-masters_desktop.jpg);} .sprite-distillery-masters.i05 {background-image:url(../img/sprite-distillery-masters_desktop.jpg);} /* hover */ a:hover .sprite-distillery-masters.i01 {background-position: 0px 100%;} a:hover .sprite-distillery-masters.i02 {background-position: -201px 100%;} a:hover .sprite-distillery-masters.i03 {background-position: -402px 100%;} a:hover .sprite-distillery-masters.i04 {background-position: -603px 100%;} a:hover .sprite-distillery-masters.i05 {background-position: -804px 100%;} #drink-carrousel-bottom hgroup {background-image:none !important;} #drink-carrousel-bottom .drink01 .bottom-inner {background-image: url(../img/drink-jameson-neat-bottom_std.png);} #drink-carrousel-bottom .drink02 .bottom-inner {background-image: url(../img/drink-jameson-rocks-bottom_std.png);} #drink-carrousel-bottom .drink03 .bottom-inner {background-image: url(../img/drink-jameson-ginger-lime-bottom_std.png);} #drink-carrousel-bottom .drink26 .bottom-inner {background-image: url(../img/drink-jameson-irish-mule-bottom_std.png?1);} #drink-carrousel-bottom .drink04 .bottom-inner {background-image: url(../img/drink-jameson-cranberry-bottom_std.png);} #drink-carrousel-bottom .drink05 .bottom-inner {background-image: url(../img/drink-jameson-soda-bottom_std.png);} #drink-carrousel-bottom .drink06 .bottom-inner {background-image: url(../img/drink-jameson-lemonade-bottom_std.png);} #drink-carrousel-bottom .drink07 .bottom-inner {background-image: url(../img/drink-jameson-apple-bottom_std.png);} #drink-carrousel-bottom .drink08 .bottom-inner {background-image: url(../img/drink-jameson-apricot-sour-bottom_std.png);} #drink-carrousel-bottom .drink09 .bottom-inner {background-image: url(../img/drink-jameson-cherry-sour-bottom_std.png);} #drink-carrousel-bottom .drink10 .bottom-inner {background-image: url(../img/drink-jameson-mint-martini-bottom_std.png);} #drink-carrousel-bottom .drink11 .bottom-inner {background-image: url(../img/drink-jameson-caramel-manhattan-bottom_std.png);} #drink-carrousel-bottom .drink12 .bottom-inner {background-image: url(../img/drink-jameson-apple-manhattan-bottom_std.png);} #drink-carrousel-bottom .drink13 .bottom-inner {background-image: url(../img/drink-jameson-apple-crush-bottom_std.png);} #drink-carrousel-bottom .drink14 .bottom-inner {background-image: url(../img/drink-jameson-almond-bottom_std.png);} #drink-carrousel-bottom .drink15 .bottom-inner {background-image: url(../img/drink-jameson-julep-bottom_std.png);} #drink-carrousel-bottom .drink16 .bottom-inner {background-image: url(../img/drink-jameson-coffeetini-bottom_std.png);} #drink-carrousel-bottom .drink17 .bottom-inner {background-image: url(../img/drink-jameson-sour-bottom_std.png);} #drink-carrousel-bottom .drink18 .bottom-inner {background-image: url(../img/drink-jameson-caramel-manhattan-bottom_std.png);} #drink-carrousel-bottom .drink19 .bottom-inner {background-image: url(../img/drink-jameson-whiskey-sour-bottom_std.png);} #drink-carrousel-bottom .drink20 .bottom-inner {background-image: url(../img/drink-jameson-the-tipperary-bottom_std.png);} #drink-carrousel-bottom .drink21 .bottom-inner {background-image: url(../img/drink-irish-cocktail-bottom_std.png);} #drink-carrousel-bottom .drink22 .bottom-inner {background-image: url(../img/drink-jameson-select-reserve-bottom_std.png);} #drink-carrousel-bottom .drink23 .bottom-inner {background-image: url(../img/drink-jameson-irish-wolfhound-bottom_std.png);} #drink-carrousel-bottom .drink24 .bottom-inner {background-image: url(../img/drink-jameson-gold-reserve-bottom_std.png);} #drink-carrousel-bottom .drink25 .bottom-inner {background-image: url(../img/drink-jameson-cherry-manhattan-bottom_std.png);} /* Our Whiskey */ .jameson-select-reserve.image {background-image: url(../img/sprite-reserves_desktop.jpg);} .jameson-signature-reserve.image {background-image: url(../img/sprite-reserves_desktop.jpg);} .jameson-special-reserve.image {background-image: url(../img/sprite-reserves_desktop.jpg);} .jameson-gold-reserve.image {background-image: url(../img/sprite-reserves_desktop.jpg);} .jameson-limited-reserve.image {background-image: url(../img/sprite-reserves_desktop.jpg);} .jameson-vintage-reserve.image {background-image: url(../img/sprite-reserves_desktop.jpg);} .jameson-black-barrel.image {background-image: url(../img/sprite-reserves_desktop.jpg);} a:hover .jameson-select-reserve.image {background-position: -803px 100%;} a:hover .jameson-signature-reserve.image {background-position: -401px 100%;} a:hover .jameson-special-reserve.image {background-position: -602px 100%;} a:hover .jameson-gold-reserve.image {background-position: -1005px 100%;} a:hover .jameson-limited-reserve.image {background-position: 0px 100%;} a:hover .jameson-vintage-reserve.image {background-position: -201px 100%;} a:hover .jameson-black-barrel.image {background-position: -1206px 100%;} .bottom.lightbox-whiskey-bottom {background: url(../img/our-whiskey-bottle-jameson-tablet.png) no-repeat;} #select-reserve-bottom {background-image: url(../img/our-whiskey-bottle-select-reserve-tablet.png);} #signature-reserve-bottom {background-image: url(../img/our-whiskey-bottle-signature-reserve-tablet.png);} #special-reserve-bottom {background-image: url(../img/our-whiskey-bottle-special-reserve-tablet.png);} #gold-reserve-bottom {background-image: url(../img/our-whiskey-bottle-gold-reserve-tablet.png);} #old-reserve-bottom {background-image: url(../img/our-whiskey-bottle-old-reserve-tablet.png);} #vintage-reserve-bottom {background-image: url(../img/our-whiskey-bottle-vintage-reserve-tablet.png);} #black-barrel-bottom {background-image: url(../img/our-whiskey-bottle-black-barrel-tablet.png);} /* Culture */ #final-carrousel .image.i01 {background-image:url(../img/sprite-first-shot_desktop.jpg);} #final-carrousel .image.i02 {background-image:url(../img/sprite-first-shot_desktop.jpg);} #final-carrousel .image.i03 {background-image:url(../img/sprite-first-shot_desktop.jpg);} #final-carrousel .image.i04 {background-image:url(../img/sprite-first-shot_desktop.jpg);} #final-carrousel .image.i05 {background-image:url(../img/sprite-first-shot_desktop.jpg);} #final-carrousel .image.i06 {background-image:url(../img/sprite-first-shot_desktop.jpg);} #final-carrousel a:hover .image.i01 {background-position: 0px 100%;} #final-carrousel a:hover .image.i02 {background-position: -201px 100%;} #final-carrousel a:hover .image.i03 {background-position: -402px 100%;} #final-carrousel a:hover .image.i04 {background-position: -603px 100%;} #final-carrousel a:hover .image.i05 {background-position: -804px 100%;} #final-carrousel a:hover .image.i06 {background-position: -1005px 100%;} /* Banner Images */ #our-drinks .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} /*#our-drinks .banner {background-image: url(../img/banner-our-drinks-jfs.jpg);background-color: #24402A}*/ #how-its-made .banner {background-image: url(../img/banner-how-its-made_tablet.jpg);} #our-people .banner {background-image: url(../img/banner-our-people_tablet.jpg);} #our-whiskey .banner {background-image: url(../img/banner-our-whiskey_tablet.jpg);} #jameson-culture .banner {background-image: url(../img/banner-our-culture_tablet.jpg);} #visit-us .banner {background-image: url(../img/banner-visit-us_tablet.jpg);} #visit-us .banner {background-image: url(../img/banner-visit-us_tablet.jpg);} #shop .banner {background-image: url(../img/banner-shop_tablet.jpg);} #shop .banner {background-image: url(../img/banner-shop_tablet.jpg);} #register .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} #faq .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} #enjoy-responsibly .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} #contacts .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} #site-map .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} #privacy-policy .banner {background-image: url(../img/banner-our-drinks_tablet.jpg);} /* Misc */ .reserve-fancybox .fancybox-skin {background-image: url(../img/our-whiskey-detail-background.jpg), url(../img/gray_texture.gif);} #age-gate form {background-image: url(../img/age-gate-form-left.jpg), url(../img/age-gate-form-right.jpg), url(../img/age-gate-form-texture.png);} h1 {background-image: url(../img/h1-background-tablet.png);} h1.doubleHeader {background-image: url(../img/h1-background-tablet.png);} #our-drinks h2, #our-whiskey h2 {background-image: url(../img/h2-background-blue_tablet.png);} #our-people h2, #jameson-culture h2 {background-image: url(../img/h2-background-yellow_tablet.png);} h3.star {background-image: url(../img/h3-bg.png);} .timeline li {background-image: url(../img/timeline_buttons_tablet.png);} .carrousel .bottom-inner {background-image: url(../img/recipe-background_tablet_tablet.jpg);} .productProfile .bottom {background-image: url(../img/our-whiskey-bottle-jameson-tablet.png);} header .logo {background-image: url(../img/jameson-logo_retina.png);} /* #our-drinks h1 .right, #our-whiskey h1 .right {background-image: url(../img/h1-background-right-blue_tablet.png);} #our-people h1 .right, #jameson-culture h1 .right {background-image: url(../img/h1-background-right-yellow_tablet.png);} #how-its-made h1 .right {background-image: url(../img/h1-background-right-black_tablet.png);} */ /* Hello Dublin promotion */ #our-drinks .banner.image .hellodublin {width:18%;height:100%;} #our-drinks .banner.image .stpatricksday {width:18%;height:50%;} } /* end @media 768 */ /* ========================== Content images for Desktop =================================== */ @media (min-width: 960px) { #age-gate .bottle {background-image: url(../img/age-gate-bottle.png); background-repeat:no-repeat;} h2 {background-image: url(../img/h2-background-mobile.png);} h2.doubleHeader {background-image: url(../img/h2-background-mobile.png);} .carrousel.drink .bottom-inner {background-image: url(../img/recipe-background_desktop.jpg);} } /* end @media 960 */ /* ========================== Content images for Retina Mobile =================================== */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Banners */ #our-drinks .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} /*#our-drinks .banner {background-image:url(../img/banner-our-drinks-jfs.jpg);background-color: #24402A}*/ #how-its-made .banner {background-image:url(../img/banner-how-its-made_retina.jpg);} #our-people .banner {background-image:url(../img/banner-our-people_retina.jpg);} #our-whiskey .banner {background-image:url(../img/banner-our-whiskey_retina.jpg);} #jameson-culture .banner {background-image:url(../img/banner-our-culture_retina.jpg);} #visit-us .banner {background-image:url(../img/banner-visit-us_retina.jpg);} #shop .banner {background-image:url(../img/banner-shop_retina.jpg);} #register .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} #faq .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} #enjoy-responsibly .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} #contacts .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} #site-map .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} #privacy-policy .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} #terms .banner {background-image:url(../img/banner-our-drinks_retina.jpg);} /* How it's Made */ /* Use destop for mobile retina */ /* Our People */ .sprite-distillery-masters.i01 {background-image:url(../img/sprite-distillery-masters_retina.jpg); background-position: 0px 0px;} .sprite-distillery-masters.i02 {background-image:url(../img/sprite-distillery-masters_retina.jpg); background-position: -202px 0px;} .sprite-distillery-masters.i03 {background-image:url(../img/sprite-distillery-masters_retina.jpg); background-position: -403px 0px;} .sprite-distillery-masters.i04 {background-image:url(../img/sprite-distillery-masters_retina.jpg); background-position: -603px 0px;} .sprite-distillery-masters.i05 {background-image:url(../img/sprite-distillery-masters_retina.jpg); background-position: -803px 0px;} /* Whiskeys */ .jameson-select-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg);} .jameson-signature-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg);} .jameson-special-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg);} .jameson-gold-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg);} .jameson-limited-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg);} .jameson-vintage-reserve.image {background-image: url(../img/sprite-reserves_retina.jpg);} .jameson-black-barrel.image {background-image: url(../img/sprite-reserves_retina.jpg);} /* Culture */ #final-carrousel .image.i01 {background-image:url(../img/sprite-first-shot_retina.jpg);} #final-carrousel .image.i02 {background-image:url(../img/sprite-first-shot_retina.jpg);} #final-carrousel .image.i03 {background-image:url(../img/sprite-first-shot_retina.jpg);} #final-carrousel .image.i04 {background-image:url(../img/sprite-first-shot_retina.jpg);} #final-carrousel .image.i05 {background-image:url(../img/sprite-first-shot_retina.jpg);} #final-carrousel .image.i06 {background-image:url(../img/sprite-first-shot_retina.jpg);} h1 {background-image: url(../img/h1-background-mobile_retina.png);} h2 {background-image: url(../img/h2-background-mobile_retina.png);} h3.star {background-image: url(../img/h3-bg_retina.png);} .icon-star {background-image: url(../img/stars_retina.png) 10px 0px no-repeat;} .carrousel .bottom .icon-star {background-image: url(../img/stars-dark_retina.png) !important;} } /* end @media retina mobile */ /* ========================== Content images for Retina Tablet =================================== */ @media (min-width : 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width : 768px) and (min-resolution: 192dpi) { /* Banners */ #our-drinks .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} /*#our-drinks .banner {background-image:url(../img/banner-our-drinks-jfs.jpg);background-color: #24402A}*/ #how-its-made .banner {background-image:url(../img/banner-how-its-made_tablet.jpg);} #our-people .banner {background-image:url(../img/banner-our-people_tablet.jpg);} #our-whiskey .banner {background-image:url(../img/banner-our-whiskey_tablet.jpg);} #jameson-culture .banner {background-image:url(../img/banner-our-culture_tablet.jpg);} #visit-us .banner {background-image:url(../img/banner-visit-us_tablet.jpg);} #shop .banner {background-image:url(../img/banner-shop_tablet.jpg);} #register .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} #faq .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} #enjoy-responsibly .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} #contacts .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} #site-map .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} #privacy-policy .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} #terms .banner {background-image:url(../img/banner-our-drinks_tablet.jpg);} .i01 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px 0px;} .i02 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px -355px;} .i03 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px -1087px;} .i04 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px -1378px;} .i05 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px -1688px;} .i06 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px -2195px;} .i07 {background-image: url(../img/sprite-illustration_tablet_retina.png?5a89192); background-position: 0px -2590px;} h1 {background-image:url(../img/h1-background-tablet_retina.png);} .quoteBottle {background-image: url("../img/jameson-quote-bottle_tablet_retina.jpg?5a89192");} } /* .i01 {width: 280px; height: 199px;} .i02 {width: 280px; height: 435px;} .i03 {width: 280px; height: 200px;} .i04 {width: 280px; height: 140px;} .i05 {width: 280px; height: 355px;} .i06 {width: 280px; height: 271px;} .i07 {width: 280px; height: 319px;} */ /* ========================== MOR Solutions - Mobile First CSS ========================== */ /* html, body {min-height:100%; height:100%;} */ html, body {min-height:100%;} .animation, #main-wrapper { -webkit-transform: translate3d(0, 0, 0); } .image { display: block; background-size: cover; background-repeat:no-repeat; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .image.sprite-distillery-masters { background-size:1005px 201px; width:201px; height:201px; margin:auto; background-repeat:no-repeat; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } /* .image.sprite-distillery-masters { background-size:1005px 201px; width:201px; height:201px; margin:auto; background-repeat:no-repeat; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .illustration .image { width:250px; background-size:250px auto; margin:auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .main-nav .image { width:28px; height:28px; background-size:28px 224px; position:absolute; top:7px; left:12px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #final-carrousel .image { width:201px; height:201px; background-size:auto 201px; background-repeat:no-repeat; margin:auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } img { max-width:100%; } #whiskey-carrousel .image, #whiskey-carrousel1 .image, #whiskey-carrousel2 .image { width:201px; height:283px; background-size:auto 283px; margin:auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #landscape-mobile { background-size: cover; position:fixed; background-position:center center; width:100%; height: 100%; top:0px; left:0px; right:0px; bottom:0px; display: none; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } a:link, a:visited { outline: none !important; color:#00512F; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; /* Firefox 4 */ -webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */ -o-transition: all 0.5s ease 0s; /* Opera */ } .fancybox-wrap a:link, a.controlRight, a.controlLeft, a.facebookLogin { transition: none; -moz-transition: none; /* Firefox 4 */ -webkit-transition: none; /* Safari and Chrome */ -o-transition: none; /* Opera */ } a:active, a:hover { color:#00512F;} .zero { padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; } .noBg { background-image: none !important } .boxLinkGreen { background: #00833d; color: #FFF !important; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 15px 15px 13px 15px; border-radius: 4px; text-decoration: none; width: 100px; margin: auto; display: block; text-align: 50px; } .boxLinkGreen:hover { background: #0d964d; margin: 15px auto; } body { color: #000; padding: 0; margin: 0; font-size: 14px; line-height: 1.2em; overflow-x: hidden; background: url(../img/background-texture.png) 0px 0px repeat; font-family: GalderglynnEsqBk-Regular, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased } #viewport { width: 320px; display: block; overflow: hidden; } #main-wrapper { -moz-box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.7); box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.7); position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: 1; } #main { position: relative; z-index: 2; display: block; left: 0px; } header { color: #FFF; position: absolute; top: 0px; left: 0px; bottom: 0px; padding: 5px 20px 0 20px; width: 277px; display: none; z-index: 0; overflow: auto; -webkit-overflow-scrolling: touch; } footer { display: none; } nav ul, ul.carrousel, nav li, ul.carrousel li { padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; } nav ul:first-child:after { display: block; height: 18px; content: ""; background: rgba(0,0,0,0.3); border-top: 1px solid rgba(255, 255, 255, 0.1); } nav ul, nav li, nav a { display: block; clear: both; } nav ul { width: 220px; } nav a:link, nav a:visited { color: #FFF; border-top: 1px solid #0a3621; border-bottom: 1px solid #081f14; font-family: GalderglynnEsqRg-Bold, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; padding: 12px 0 10px 60px; position: relative; } nav li:first-child a { border-top: 0; } nav ul:first-child::after { height: auto; } nav a:active, nav a:hover, nav .active a { color: #00833d; } nav a img { position: absolute; top: 4px; left: 10px; } nav .shoulder a:link, nav .shoulder a:visited { padding: 8px 0 8px 20px; font-family: GalderglynnEsqBk-Regular, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } nav .logo { margin: 10px 0 0px -11px; padding: 0px; width: 240px; z-index: 1; height:37px; text-indent:-9999px; background-size:240px 37px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } nav p { background: url(../img/background-texture-dark.png) 0px 0px repeat; border-top: 1px solid rgba(255, 255, 255, 0.1); display: block; padding: 10px 20px; margin: 0 0 30px -20px; font-size: 12px; } .masthead { background: #003e20; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; text-align: center; } .masthead .logo { position: relative; background-repeat:no-repeat; width: 120px; height: 30px; line-height: 999px; overflow: hidden; display: block; margin: 10px auto; background-size: 120px 30px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .masthead .menu { position: absolute; top: 8px; left: 8px; } .masthead .menu a { outline: none; padding: 10px; line-height: 999px; overflow: hidden; width: 14px; height: 14px; display: block; background-repeat:no-repeat; background-size: cover; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .masthead .menu a.open { background-position: center -29px; } .push { display: block; height: 45px; } h1, h2, h3, h4 { color: #000; line-height: 1.4em; margin: 0; font-family: GalderglynnEsqBk-Regular, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-align: center; } h1 { font-size: 22px; color: #FFF; margin: 0px 0px 20px 0; padding: 23px 0 0 0; text-transform: uppercase; background-repeat:no-repeat; background-position: top center; height: 36px; font-family: GalderglynnEsqRg-Bold, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } h1 .right { position: absolute; right: 5px; top: 0px; } h1.small { font-size: 16px; } h1.small span { top: 19px; } h1.doubleHeader { background-size: contain;height: 56px; line-height: 25px; padding: 14px 0 0 0; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } h2 { font-size: 19px; margin: 20px 0; height: 30px; background-repeat: repeat-x; background-size: contain; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } h2 span { padding: 2px 20px 1px 20px; position: relative; top: 3px; } h2.small { font-size: 17px; } h2.small span { padding-left: 5px; padding-right: 5px; } h2.doubleHeader { background-repeat:repeat-x; height: 47px; line-height: 18px; overflow: auto; background-size: contain; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .doubleHeader span { display: block; margin: 0 auto; padding: 5px 5px 0; width: 90%; } h3 { font-size: 22px; margin: 20px 0; color: #FFF; } h3.star { color: #000; position: relative; padding-top: 10px; background-repeat:no-repeat; background-position:top center; background-size: auto 15px; padding-top: 18px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .fancybox-wrap h3.star { margin-top: 0px; } h3.star .icon-star { display: none; width: 48px; height: 15px; background: #ff0000 url(../img/stars.png) 10px 0px no-repeat; position: absolute; margin-left: -35px; padding: 0 10px; top: -8px; left: 50%; } h4 { color: #000000; text-align: center; text-transform: uppercase; } hgroup, hgroup { margin: 0 0 10px 0; } .banner { height: 187px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); overflow: hidden; background-position: center center; height: 187px; } #our-whiskey .banner { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; height: 230px; } .banner img { width: 100%; min-width: 320px; } article.content { text-align: center; display: block; width: 280px; max-width: 636px; margin: auto; padding: 20px; overflow:auto; } .carrousel { /*position: relative;*/ display: block; overflow: hidden; clear: both; } .carousel-wrapper { /*position:relative;*/ } .carrousel.wide { width: 320px; margin-left: -20px; } .carrousel ul { display: block; padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; } .carrousel li { display: block; float: left; width: 320px; padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; font-family: GalderglynnEsqBk-Regular, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } #final-carrousel li { width: 280px; } #final-carrousel h3 { margin: 0 20px; } #final-carrousel .top img { width: auto; } .carrousel a:link, .carrousel a:visited { text-decoration: none; color: #000; font-size: 12px; outline: none; } .carrousel .share { display: none; float: left; margin-top: 5px; margin-left: 20px; } .carrousel h3, .carrousel h4, #story-carrousel-animated-stories h3,#story-carrousel-animated-stories h4 { color: #000; } .carrousel h3, #story-carrousel-animated-stories h3 { font-size: 16px; margin: 0; height: 40px; } .carrousel.jameson-story h3, #story-carrousel-animated-stories h3 { height:auto; } .masters.carrousel h3, .video.carrousel h3 { height: auto; } .masters.carrousel p { margin-top:20px; } .carrousel hgroup .star { padding-top: 25px; margin-top: 20px; margin-bottom: 0px; line-height: 1.2em; } .carrousel h4 { font-size: 14px; margin: 0px; line-height: 1.2em; } .carrousel h5 { font-size: 12px; margin: 0px; line-height: 1.2em; } .carrousel .top { position: relative; } .carrousel .video .top { padding: 0 0; } .carrousel .video .top img { width: 100%; } #gallery-carrousel.animation { margin: 0; } #gallery-carrousel .top { padding: 0 0; } #gallery-carrousel .top img { width: 100%; } #gallery-carrousel.animation .bottom { margin: 0 0 0 20px; } #final-carrousel .top { height: 340px; padding: 0px; } .carrousel .bottom { position: relative; z-index: 99; display: none; width: 240px; padding: 30px 40px; color: #000; background-position: top left; background-repeat: no-repeat; overflow: hidden; } .carrousel .video .bottom { height: 250px; width: 320px; padding: 30px 0 30px 0; } .masters .top p { display: none; } #final-carrousel .bottom { width: 320px; } .carrousel .bottom h3 { font-family: GalderglynnEsqRg-Bold, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #00833d; padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; } .carrousel .bottom h4 { color: #000; padding: 0px; list-style-type: none; list-style-position: outside; } .carrousel .bottom h3.star { border-top-color: #393836; padding-top: 15px; } .carrousel .bottom .icon-star { background-color: #262829 !important; top: -6px; margin-left: -25px; width: 25px; } .carrousel dl { font-size: 12px; color: #bac0c4; margin: 0 35px; } .carrousel dl:before { display: table; content: ""; clear: both; } .carrousel dt { font-weight: bold; background: url(../img/dark-devider.png) center repeat-x; color: #FFF; margin: 10px 0; } .carrousel dd { margin: 0; padding: 0; } h5 strong { display:block; color:#FFF; font-size:16px; } h5 { font-weight:normal; color:#bac0c4; } dt span { background-color:#262829; padding:0 20px; } .carrousel .close { position: absolute; top: 2pxpx; right: 10px; z-index: 999999; display: none; } .carrousel .close a { line-height: 1.4em; width: 40px; height: 30px; background: #737679; display: table-cell; vertical-align: middle; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } .carrousel .pagination { display: block; clear: both; } /* carrousel for John Jameson's Stort section */ .carrousel.jameson-story hgroup, #story-carrousel-animated-stories hgroup { display: block; } .carrousel.jameson-story h3, #story-carrousel-animated-stories h3 { color: #00833d; font-family: GalderglynnEsqRg-Bold, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } .carrousel.jameson-story h4, #story-carrousel-animated-stories h4 { font-size: 16px; font-family: GalderglynnEsqRg-Bold, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } /* wide carrousel used for video */ .carrousel.wide li { width: 320px; } .animation { height: 100%; float: left; display: inline; padding: 0px; margin: 0 0 0 -20px; } .animation.video { padding: 0; margin: 0; } .animation li { height: 100%; padding: 0px; margin: 0; } #drink-carrousel .bottom { background-color: #262829; width: 320px; padding: 30px 20px; color: #FFF; overflow-y: scroll; background-size: auto 250px; background-position: center 85px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #drink-carrousel .bottom h5 { color: #FFF; } #drink-carrousel .bottom-inner { width: 320px; } #drink-carrousel li { background-position: center bottom; background-repeat: no-repeat; background-size: 210px auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #drink-carrousel li .top a { height: 325px; display: block; } #drink-carrousel-bottom hgroup { background-repeat: no-repeat; background-position: center bottom; background-size: 210px auto; margin-top:25px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #drink-carrousel h4 { margin: 0 0 0 0; } #drink-carrousel h5 { width: 50%; float: left; font-weight: normal; background: url(../img/dark-devider-vertical.png) right repeat-y; margin: 0 0 10px 0; } #drink-carrousel h5 strong { font-weight: bold; display: block; color: #FFF; } #drink-carrousel .bottom h3.star { padding-top: 25px; margin: 0 0 240px 0; font-size: 19px; } #drink-carrousel .bottom h4 { color: #CCC; } .controlLeft, .controlRight { background-repeat:no-repeat; background-size: 60px;height: 30px; position: absolute; width: 30px; z-index: 999999; display: none; margin: 170px 10px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .controlLeft { /*left: -30px; */ left: 15%; } .controlRight { /* right: -30px; */ right: 15%; background-position: right 0; } .controlLeft:hover { background-position: 0 bottom; } .controlRight:hover { background-position: right bottom; } .masters h4 { text-transform: none; font-size: 11px; } .pagination img { padding-right: 4px; } .popup.open { background: #e3eaef; border-radius: 4px; margin: 0; position: relative; z-index: 99; } .popup.open { margin-bottom: 17px; } .popup.open .bottom { width: 240px; padding: 10px 40px; } .popup.open .bottom h3 { background-repeat:no-repeat; background-position:top center; background-size: 200px;padding-top: 15px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .close.popup { display: none; position: relative; margin-top: -35px; width: 100%; z-index: 9999; } .close.popup a { display: block; margin: 0 auto; width: 35px; height: 35px; background-repeat:no-repeat; background-size: cover; line-height: 999px; overflow: hidden; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } /* YouTube play links */ .video a { position: relative; display: block; } .video a:after { background-repeat:no-repeat; background-position: center top; background-size: 46px auto;width: 46px; height: 46px; content: ''; display: block; position: absolute; top: 40%; left: 136px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .video a:hover:after { background-position: center -46px; background-size: 46px auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #final-carrousel .image a:after { background-image: none; } /* How It's Made illustrations */ .i01 {width: 250px; height: 178px;} .i02 {width: 250px; height: 366px;} .i03 {width: 250px; height: 145px;} .i04 {width: 250px; height: 155px;} .i05 {width: 250px; height: 252px;} .i06 {width: 250px; height: 200px;} .i07 {width: 250px; height: 212px;} ul.illustration{ margin-top:5px; } ul.illustration, ul.illustration li { display: block; text-align: center; padding: 0px; margin: auto; width:250px; list-style-type: none; list-style-position: outside; } .illustration li .bottom { display: none; } .illustration .animation { margin: 0 0 0 0px; } .illustration .animation .bottom { margin: 0 0 0 -20px; } .illustration .animation.video .bottom { margin: 0 0 0 0px; } .illustration li .video .top { height: auto !important; padding: 0; } #how-its-made-04 .top { height: 155px; } #whiskey-process .top { height: 285px; } #how-its-made .video a:after { background: none; } .illustration .video .bottom h4 { color: #CCC; border: 0; } .illustration h2{ color:#00833d; background:none; margin:0; position:absolute; top:0; font: 13px 'GalderglynnEsqBk-Regular', Tahoma, Arial, Helvetica, sans-serif; width:100%; } .illustration .animation h2 br{ margin:0; } #how-its-made-01 h2{ top:12px; } #how-its-made-03 h2{ top:6px; } #how-its-made-05 h2{ top:23px; } #how-its-made-06 h2{ top:15px; } .illustration .carrousel.popup{ overflow:visible; } /* Section backgrounds */ h2 span, #our-drinks, #our-drinks h2 span, #our-drinks .icon-star, #other-page-scroll h2 span, #page-not-found { background-color: #e4ebf0; } #page-not-found {min-height:100%;} #how-its-made { background-position:top left; background-repeat:repeat; color: #FFF; } #how-its-made article.content{ overflow:hidden; } #our-people, #our-people h2 span, #our-people .icon-star { background-color: #fff7e2; } #our-whiskey, #our-whiskey h2 span, #our-whiskey .icon-star, #other-pages, #other-page-scroll, .noStackPage #main{ background-color: #e3eaef; } #jameson-culture, #jameson-culture h2 span, #jameson-culture .icon-star { background-color: #fff7e2; } #jameson-culture h2, #our-people h2 { color: #00833d; } #jameson-culture, #our-people p { color: #585b5d; } #story-carrousel p { width: 280px; margin-left: 20px; } /* Thumb Jump */ .slider-nav { position: fixed; z-index: 50; right: 0; top: 45px; min-height: 500px; width: 25px; } .slider-overlay { position: fixed; z-index: 100; right: 0; top: 45px; min-height: 500px; width: 32px; } .slider-nav ul { padding: 5px 0; list-style-type: none; margin: 0; } .slider-nav li a { padding: 1px 5px 0px 9px; line-height: 13px; text-align: center; color: #fff; font-weight: bold; display: block; text-transform: uppercase; background-repeat:no-repeat; background-size:cover; cursor: pointer; width: 4px; height: 42.5px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .slider-nav li.active a { background-repeat:no-repeat; } .slider-nav li a img { width: 14px; display: none; } #thumb-jump-name { position: fixed; display: none; background: rgba(0, 0, 0, 0.8); width: 200px; padding: 10px 0; text-align: center; margin-left: -100px; margin-top: -45px; top: 50%; left: 50%; z-index: 999; color: #FFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 18px; } /* Age Gate */ #age-gate #logo { width: 182px; margin: 38px auto 32px auto; display: block; } #age-gate h1 { text-align: center; background: none; font-size: 15px; margin: 0 0 18px 0; height: auto; padding:0; } #age-gate h1 span { position: static; } #age-gate p, #age-gate p a { color: #00833d; text-align: center; margin: 0 auto 18px auto; width: 250px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } #age-gate p a:hover, #age-gate p a:visited { color:#0d964d; } #age-gate p a { white-space: nowrap; } /* #age-gate p a:after { content: " |"; } #age-gate p a:last-child:after { content: ""; } */ .facebookLogin { width: 252px; height: 42px; background-repeat:no-repeat; display: block; line-height: 999px; overflow: hidden; background-size: cover; margin: 0 auto 25px auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ /* CAUSING PROBLEMS transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; */ } .facebookLogin:hover { background-position: 0 -41px; } #age-gate form { padding: 30px 0; margin: 0 0 20px 0; } #age-gate fieldset { border: none; position: relative; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 0; } #age-gate legend { color: #FFF; width: 100%; text-align: center; padding-bottom: 18px; } #age-gate label { display: block; text-align: center; color: #FFF; font-size: 13px; font-weight: normal; text-transform: none; color: #00833d; margin-bottom: 14px; } #age-gate .inputSet.date { display: block; overflow: auto; width: 274px; margin: 0 auto; } #age-gate .selectWrap { margin: 0 auto 18px auto; display: block; width: 250px; height: 38px; border: none; border-radius: 4px; overflow: hidden; background: #bac0c4 url(../img/age-gate-select-bg_retina.png) 95% 0 no-repeat; background-size: 26px 76px; position:relative; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #age-gate .inputSet.date .selectWrap{ width: 71px; float: left; margin-left: 10px; background-position: 80% 0; } #age-gate .inputSet.date .selectWrap:last-child { width: 92px; background-position: 85% 0; } #age-gate .selectWrap:hover { background-position: 93% 100% !important; background-color:#e3eaef; } #age-gate .inputSet.date .selectWrap:hover { background-position: 80% 100% !important; background-color:#e3eaef; } #age-gate .inputSet.date .selectWrap:last-child:hover { background-position: 85% 100% !important; background-color:#e3eaef; } #age-gate select { background: none; border: none; height: 40px; width: 100px; font-size: 12px; text-transform: none; padding: 10px 0px 8px 6px; cursor: pointer; -webkit-appearance:none; } #age-gate select#dob_year { width:120px; } #age-gate select#country_code { width:270px; } #bornDate { font-size: 12px; margin: 0 auto 18px auto; display: block; padding: 12px; border-radius: 4px; border: none; width: 226px; background: #bac0c4 url(../img/age-gate-select-bg_retina.png) 95% 0 no-repeat; background-size: 26px 80px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #age-gate option { border-right: 1px #CCC; padding-top:10px; } #age-gate input[type="submit"] { width: 250px; display: block; margin: 25px auto 0 auto; background: #00833d; padding: 15px 0; border: none; border-radius: 4px; font: bold GalderglynnEsqBk-Regular, Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; } #age-gate .remember, #age-gate .bottle { display: none; } .facebook-verify #age-gate input[type="submit"] { float:none; margin:auto; } .facebook-verify #age-gate .inputSet { float:none; display:block; text-align:center; } .facebook-verify #age-gate fieldset { text-align:center; margin:auto; } /* ----- FAQ ---- */ .faq .question { display: block; color: #333; background: #d3dbe1; border-radius: 4px; margin: 0 0 10px 0; padding: 10px; cursor: pointer; font-family: 'Helvetica'; } .faq .question:hover { display: block; color: #333; background: #bac0c4; } .question + p { display: none; margin: 0 0 30px 0; font-family: 'Helvetica'; color: #1d1d1b; } .question.active { background: #bac0c4; } .question.active + p { display: block; } .quoteBottle { height: 210px; width: 100%; background-size:contain; } #quoteBottle-carrousel { margin: 0 0 0 0; } #quoteBottle-carrousel .bottom h4 { margin: 20px 0 0 0; } #other-page-scroll article.content { text-align: left; } #other-page-scroll article.content a { color: #000; text-decoration: none; font-weight: bold; } #other-page-scroll article.content ul { text-align: left; padding: 0 20px; } #other-page-scroll article.content li { margin: 0 0 5px 0; } #other-page-scroll article.content ol { padding-left: 20px; } .footer-content article.content p, .footer-content article.content li { font-family: 'Helvetica'; color: #1d1d1b; } /* ------ Fancybox ------ */ .fancybox-wrap .banner { display:none; } .fancybox-overlay h3, .fancybox-wrap h3.star { color: #000; font-size: 26px; margin-bottom:0; } .fancybox-wrap .animation { margin:0; } #how-its-made .fancybox-overlay h3 { margin-top: 20px; } .fancybox-overlay h4 { margin-top: 10px; font-size: 18px; } .fancybox-overlay p { margin: 10px 0 20px 0; } .fancybox-wrap p { text-align:center; } .fancybox-wrap ul { margin:0; padding:0; } .fancybox-wrap li { margin:0; padding:0 20px 0; width:280px; } .fancybox-wrap #terms li, .fancybox-wrap #privacy-policy li { width:100%; } .fancybox-wrap .bottom { padding-bottom: 15px; } .fancybox-wrap .bottom-inner { padding:0 40px 0 40px; } .fancybox-wrap .lightbox-carrousel ul { margin: 0; padding: 0; } .fancybox-wrap .lightbox-carrousel li, .fancybox-wrap .lightbox-carrousel dd { margin: 0; padding: 0; } .fancybox-wrap .lightbox-carrousel dt { font-weight: bold; background: url(../img/dark-devider.png) center repeat-x; color: #FFF; font-size: 16px; margin: 10px 0; } .fancybox-wrap .lightbox-carrousel dl { float: none; clear: both; color: #bac0c4; max-width: 360px; margin: 0 auto; } .fancybox-wrap .lightbox-carrousel li { text-align: center; } .fancybox-wrap .lightbox-carrousel h3.star, .reserve-fancybox h3.star { color: #00833d; font-size: 24px; line-height:1.2em; } .fancybox-wrap .lightbox-carrousel h5 { font-size: 14px; float: left; width: 50%; } .fancybox-wrap .lightbox-carrousel h5.no-garnish { width: 100%; } .reserve-fancybox p, .reserve-fancybox h4 { color: #FFF; } .reserve-fancybox h3.star { margin-top:25px; } .drink-fancybox .fancybox-close, .reserve-fancybox .fancybox-close { background-size: 40px 38px; width: 40px; height: 38px; right: 20px; position: absolute; top: 0; left: auto; cursor: pointer; z-index: 99999; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .bottom.lightbox-whiskey-bottom { text-align: center; min-height: 535px; margin: 0 auto; padding: 0 20px; } .bottom.lightbox-whiskey-bottom p { color: #bac0c4; margin-bottom: 20px; } .bottom.lightbox-whiskey-bottom h3 { margin-bottom: 30px; } .bottom.lightbox-whiskey-bottom h4 { background: url(../img/dark-devider.png) center center repeat-x; text-transform: none; font-size: 16px; margin-bottom: 25px; } .bottom.lightbox-whiskey-bottom h4 span { padding: 0 10px; background: #262829; } .drink-fancybox hgroup { padding-bottom: 275px; } .reserve-fancybox .fancybox-skin { background-color: #262829; } /* ------ End Fancybox ------ */ .quoteBottle { height: 210px; width: 100%; background-size: contain !important; } .quoteBottle blockquote{ color:#00833d; font-size:9px; width:50%; margin:0 auto; padding:40px 0 0 0; line-height:1.05; font-family:'GalderglynnEsqRg-bold', Tahoma, Arial, Helvetica, sans-serif; } .quoteBottle blockquote:before, .quoteBottle blockquote:after{ font-weight:bold; } .quoteBottle strong{ display:block; text-transform:uppercase; font-size:14px; margin:7px 0; font-weight:normal; line-height:1; } .quoteBottle p{ display:block; background:none; font-size:10px; color:#000; font-weight:normal; line-height:1.2; font-family:Tahoma, Geneva, sans-serif; margin:5px; } .image.quoteBottle.whiskey-lightbox br{ margin:0; } #age-gate #spd-logo{ display:none; width:300px; height:200px; margin: 0 auto; background: url(../img/promo/st-patricks-live-logo.png) center no-repeat; background-size:contain; } .main-nav li.jameson-first-shot{ display:none; } @media (min-width: 768px) { /* iPad and over */ header .logo { display:block; text-indent:-9999px; width:150px; height:96px; background-size:150px 96px; margin: 20px auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .illustration .image { background-size:500px auto; margin:auto; width:500px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .banner { width: 100% !important; height: 375px !important; background-size: cover; background-position-y: 50%; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #our-whiskey .banner { height: 460px !important; } .quoteBottle { width: 660px; height: 420px; margin-left:0; } .quoteBottle blockquote{ font-size:18px; width:45%; } .quoteBottle strong{ font-size:28px; } .quoteBottle p{ bottom:70px; font-size:17px; margin:5px 0; } .drink-fancybox .fancybox-close, .reserve-fancybox .fancybox-close { right: 40px; } .reserve-fancybox .fancybox-skin { background-color: #262829; background-position: top center; background-repeat: no-repeat, repeat; border-radius: 0px; } #drink-carrousel-bottom-container { background-image:url(../img/recipe-bg.png); background-position: center top; background-repeat:no-repeat; } /* ====================== Age Gate ======================== */ #age-gate { width: 600px; margin: 40px auto; background: #003e20; position: relative; padding-bottom: 12px; } #age-gate form { position: relative; padding: 20px 0 0 0; background-position: left, right, center; background-repeat: no-repeat, no-repeat, repeat; height:180px; } #age-gate form:before { content: url(../img/age-gate-ribbon-left_desktop.png); top: -8px; left: -52px; position: absolute; } #age-gate form:after { content: url(../img/age-gate-ribbon-right_desktop.png); top: -8px; right: -52px; position: absolute; } #age-gate fieldset { width: 500px; margin: 0 auto; } #age-gate legend { background: url(../img/devider-grey.png) repeat-x; background-position: 0 6px; } #age-gate legend span { background: url(../img/age-gate-form-texture.png); padding: 0 10px; } #age-gate label { margin-bottom: 12px; } #age-gate #logo { padding: 40px 0 0 0; } #age-gate h1 { font-size: 21px; line-height: 23px; background: url(../img/devider-green.png) 0 30px repeat-x; width: 486px; margin: 0 auto 18px auto; background-size: 1px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #age-gate h1 span { position: static; background-color: #003E20; display: inline-block; width: auto; padding: 0 10px; } #age-gate p { font-size: 11px; width: 500px; } #age-gate p br:first-child { float: left; } #age-gate .inputSet { float: left; } #age-gate .inputSet.date { display: block; width: auto; } #age-gate .selectWrap { width: 206px; background-position: 93% 0; } #age-gate .inputSet.date .selectWrap { width: 80px; float: left; margin-left: 10px; background-position: 80% 0; } #age-gate .inputSet.date .selectWrap:last-child { width: 100px; background-position: 85% 0; } #age-gate .remember { display: block; width: 250px; } #age-gate .remember input { width: 25px; height: 25px; display: none; } #age-gate .remember input + label:before { display: block; content: ""; width: 25px; height: 25px; background: #00833d; float: left; border-radius: 2px; margin: 0 10px 0 0; } #age-gate .remember input:checked + label:before { background: #00833d url(../img/age-gate-checkmark.png); } #age-gate .remember label { font-size: 11px; text-align: left; line-height: 14px; } #age-gate .remember strong { font-size: 12px; font-weight: normal; color: #FFF; display: block; } #age-gate input[type="submit"] { float: right; font-size: 12px; margin: 0 4px 0 0; padding: 13px 0 10px 0; width: 100px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; /* Firefox 4 */ -webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */ -o-transition: all 0.5s ease 0s; /* Opera */ } #age-gate input[type="submit"]:hover { background:#0d964d; } /* ========================= END AGE GATE ========================== */ header { display: none; } header .wrapper { position: fixed; top: 5px; left: 0px; width: 280px; } .push { display: none; } #main, #viewport, .masthead { width: 100%; } article.content { width: 660px; max-width: none; margin: auto; } /* Main Navigation */ nav ul { margin-left: 0px; border-bottom: 0; } .main-nav { max-width: 220px; min-width: 180px; margin: auto; } .main-nav li a { padding: 12px 0 12px 60px; font-size: 15px; } .main-nav p { display: none; } ul.shoulder { display: none; } /* Masthead */ .masthead { background-color: transparent; width: 40px; } .masthead .menu { left: 0px; line-height: 0; } .masthead .logo { display: none; } .masthead a { padding: 6px 6px 6px 0; border: 1px solid rgba(255, 255, 255, 0.2); background-color: #003e20; border-left: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; line-height: 1em; float: left; } .logo { text-align: center; margin: 20px 0 10px; } .logo img { width: 146px; height: 98px; } h1, h1.doubleHeader { background-size: contain; width: 460px; height: 64px; margin: 0 auto; padding-top: 30px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } h1.wide { background-image: url(../img/h1-bg-big.png); width: 636px; } h1 .right { height: 62px; width: 144px; background-size: 144px 62px; background-repeat: no-repeat; display: block; right: 0; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } h1 span { height: 40px; top: 22px; } h1.small { font-size: 22px; } /* How it's Made */ ul.illustration, ul.illustration li { width:500px; } .i01 {width: 500px; height: 356px;} .i02 {width: 500px; height: 732px;} .i03 {width: 500px; height: 290px;} .i04 {width: 500px; height: 310px;} .i05 {width: 500px; height: 504px;} .i06 {width: 500px; height: 400px;} .i07 {width: 500px; height: 427px;} .image.sprite-distillery-masters { background-size:1005px 402px; } #final-carrousel .image { background-size:1206px 402px; } .illustration li .top { padding: 0; } .illustration li .top a { margin-bottom: 0px; } .illustration .popup.open { margin-left: -40px !important; } .illustration h2{ font-size:22px; } #how-its-made-01 h2{ top:26px; height: auto; } #how-its-made-03 h2{ top:15px; height: auto; } #how-its-made-05 h2{ top:55px; height: auto; } #how-its-made-06 h2{ top:36px; height: auto; } #drink-carrousel .bottom { width: 100%; padding: 0; background-position: center 100px; background-size: auto 400px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } #drink-carrousel .bottom-inner { width: 100%; padding: 0; } #drink-carrousel .bottom h3.star { font-size: 24px; margin-top: 25px; margin-bottom: 420px; } #drink-carrousel h5 { font-size: 16px; } .drink-fancybox hgroup { padding-bottom:10px; } #drink-carrousel-bottom .bottom-inner { padding-left:350px; background-size:315px 390px; background-repeat:no-repeat; background-position:10% bottom; min-height:400px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .carrousel dt { font-size: 16px; } .carrousel dd { font-size: 14px; } h2 { height: 51px; font-size: 21px; } h2.small { font-size: 19px; } h2.small span { padding-left: 20px; padding-right: 20px; } h2 span { padding: 5px 40px; top: 12px; font-family: GalderglynnEsqRg-Bold, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } .animation { margin: 0; } .animation .top br { margin-right: 20px; } .video a::after { left: 295px; } .carrousel .bottom { text-align: left; } .popup.open .bottom { width: 560px !important; margin: 0; } .carrousel .bottom h3, #story-carrousel-animated-stories h3 { font-size: 23px; } .carrousel .bottom h4, #story-carrousel-animated-stories h4 { font-size: 23px; color: #000; margin: 0 0 10px 0; } .carrousel .bottom h5 { font-size: 17px; color: #000; margin: 0 0 -10px 0; font-weight: normal; } .carrousel { width: 660px; overflow: hidden; } .carrousel.wide { width: 640px; margin: 0; margin-left: 10px; margin-bottom: 15px; } .carrousel li { width: 640px; } .masters .top p { width: 200px; margin: 0 auto; display: block; } .masters .image + p { margin-top:20px; } .illustration .close.popup { margin-left: -40px; } .close.popup { width: 640px; } h3.star { background-repeat:no-repeat; background-position: top center; padding-top:20px; margin:0 10px; margin-bottom: 20px; } .fancybox-wrap h3.star { font-size: 28px; margin: 0 0 10px 0; } .carrousel.wide li { width: 640px; } .carrousel.jameson-story.hidden-phone { height: 288px; } .carrousel.jameson-story li { width: 640px; display: block; position: absolute; } .carrousel.jameson-story .top, .carrousel.jameson-story .bottom { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; width: 49.5% !important; position: relative; min-height: 288px; vertical-align: top; } .carrousel.jameson-story .bottom { padding-left: 50px; overflow: visible; } .carrousel.jameson-story hgroup { margin-top: 0; } .slider-nav { display: none !important; } .slider-overlay { display: none !important; } #story-slides .selected { display: block; } #story-slides li { display: none; } /* .timeline { position: absolute; top: 0px; left: 300px; width: 38px; } .timeline ul { height: 288px; position: relative; z-index: 999; } .timeline li { width: 38px !important; height: 50px; position: static !important; float: left; clear: left; cursor: pointer; background-position: 227px 0; background-size: cover; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); } .timeline li.first, .timeline li.first.active.selected { background-position: 0 0; } .timeline li:last-child { background-position: 75px 0; } .timeline li.active { background-position: 113px 0; } .timeline .first.active { background-position: 189px 0; } .timeline li.active.selected { background-position: 151px 0; } .timeline li.selected:last-child { background-position: 38px 0; } .timeline img { width: 37px; height:37px; z-index: 9999; display: none; } /*END OF ORIGINAL TIMELINE*/ img.john-jameson { width: 205px; height: 250px; } #trends-carrousel .bottom { display: none; } #story-carrousel ul { width: 3840px; } #story-carrousel li { width: 640px; display: inline-block; } .carrousel .bottom, .carrousel .video .bottom { text-align: center; position: absolute; top: 0; left: 0; width: 100% !important; padding: 0; background-image: none; height: auto; overflow: auto; } .carrousel .bottom-inner { width: 306px; padding-left: 334px; margin: 0 auto; height: 655px; background-repeat:no-repeat; } .bottom.lightbox-whiskey-bottom { padding: 0 0 0 220px; } .quoteBottle strong{ margin:15px 0; } /* carrousel that have 3x side-by-side on tablet/desktop */ #whiskey-carrousel .image, #whiskey-carrousel1 .image, #whiskey-carrousel2 .image { background-size:auto 566px; } #drink-carrousel li, #masters-carrousel li, #whiskey-carrousel li, #whiskey-carrousel1 li, #whiskey-carrousel2 li, #final-carrousel li { width: 220px; } #drink-carrousel .top, #masters-carrousel .top, #whiskey-carrousel .top, #final-carrousel .top { padding: 0; } /* Drinks > Trends content images */ img.making-pickelback { width: 640px; height: 390px; } /* How it's Made content images */ ul.illustration .one img { width: 500px; height: 356px; } ul.illustration .two img { width: 500px; height: 732px; } ul.illustration .three img { width: 500px; height: 290px; } ul.illustration .four img { width: 500px; height: 310px; } ul.illustration .five img { width: 500px; height: 504px; } ul.illustration .six img { width: 500px; height: 400px; } img.whiskey-process { width: 330px; height: 330px; } .bottom.lightbox-whiskey-bottom { width: 380px; padding: 0 0 100px 220px; } /* Jameson Culture content images */ img.video-making-of { width: 640px; height: 390px; } img.gallery-01 { width: 640px; height: 479px; } img.video-first-shot { width: 640px; height: 390px; } /* =============== DRINK PROFILE OVERLAYS ================ */ .productProfile .bottom { background-repeat: no-repeat; background-position: 0 50px; } .productProfile .bottom * { width: 475px; float: right; } .productProfile .bottom h3 { margin-top: 70px; } .productProfile .bottom h4 { font-size: 16px; } /* ============= END DRINK PROFILE OVERLAYS ============== */ } /* end @media 768 */ @media (min-width: 960px) { #age-gate { width: 900px; } #age-gate .bottle { display: block; width: 133px; height: 570px; position: absolute; z-index: 1; margin: 70px 0 0 20px; } #content-container::-webkit-scrollbar { display: none; } /* - END AGE GATE */ .masthead, .push { display: none; } header { float: left; display: block !important; position: static; overflow: auto; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ /*width: 20%;*/ } #main-wrapper { z-index: 0; float: right; position: absolute; left: 280px !important; top: 0; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 3px solid #00833d; } #main { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; float: left; } h2.doubleHeader { height: 51px; line-height: 22px; } .pagination img { width:11px !important; height:11px !important; } /* Footer */ footer { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #515153; padding: 15px; height: auto; position: fixed; display: block; left: 0px; bottom: 0px; right: 0px; background: #121212; z-index: 9999; } footer p { float: left; line-height: 1em; padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; } footer ul { padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; line-height: 1em; } ul.corporate { position: absolute; right: 50px; } ul.social { position: absolute; left: 260px; } footer li { padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; line-height: 1em; display: inline-block; margin-right: 10px; height: 30px; } footer li a:link, footer li a:visited { color: #515153; text-decoration: none; line-height: 1em; } footer li a:hover, footer li a:active { color: #FFF; } footer img { position: relative; top: -1px; vertical-align: middle; } .carrousel.drink .bottom-inner { background-repeat:no-repeat; } article.content { /* position: relative; */ padding-bottom: 70px; } } /* end @media (min-width:960) */ @media (min-width: 1280px) { header, header .wrapper { width: 280px; } nav ul:first-child:after { display: none; } #main-wrapper { max-width: 1100px; left: 280px !important; position: absolute !important; /*overflow:visible !important; */ box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } ul.social { left: 280px; } ul.corporate { } /* Custom */ #our-drinks .banner a { display: none; } } /* end @media 1280 */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .image { display: block; background-size: cover;background-repeat:no-repeat; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .image.sprite-distillery-masters { background-size:1005px 201px; width:201px; height:201px; margin:auto; background-repeat:no-repeat; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .illustration .image { background-size:250px auto; margin:auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } h1 { background-size:contain; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .icon-star { background-size: 48px 15px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .carrousel li .bottom { background-size: 320px 326px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } .carrousel .bottom .icon-star { background-size: 25px 10px; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } } /* end @media retina mobile */ @media (min-width : 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width : 768px) and (min-resolution: 192dpi) { .illustration .image { background-size:500px auto; margin:auto; /* -ms-behavior: url(js/vendor/backgroundsize.min.htc); */ } /* Custom */ #our-drinks .banner a { display: none; } #whiskey-carrousel .image, #whiskey-carrousel1 .image, #whiskey-carrousel2 .image { background-size: auto 283px; } #final-carrousel .image { background-size: auto 201px; } } /* ANIMATED TIMELINE */ .timeline-animated { position: absolute; left: 293px; top: 0px; background: url(../img/timeline/background-mid.png) repeat-y center 0px; } .timeline-animated, .timeline-animated ul { width: 37px; height: 337px; } .timeline-animated ul { display: block; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; z-index: 80; } .timeline-animated ul, .timeline-animated ul li { list-style: none; } .timeline-animated ul li { background: url(../img/timeline/mask-top.png) repeat-y center 0px; display: block; width: 37px; height: 50px; cursor: pointer; position: relative; } .timeline-animated-item-last { background-image: url(../img/timeline/mask-bottom.png); } .timeline-btn { display: none; position: absolute; top: 5px; left: 4px; z-index: 5; } .timeline-animated-item-active img { display: inline; } .timeline-active-btn { position: absolute; left: 4px; top: 5px; z-index: 65; } .timeline-line { position: absolute; left: 13px; top: -165px; z-index: 33; } .timeline-animated-active { margin-top: 6px; height: 20px; width: 100%; background: url(../img/timeline/background--mid-active.png) center -6px; } /* * New Animated Histroy */ #story-carrousel-animated { position: relative; overflow: hidden; height: 338px; width: 100%; } #story-carrousel-animated-images { position: absolute; width: 49%; top: -2020px; } #story-carrousel-animated-images .image { display: block; height: 338px; } #story-carrousel-animated-stories { position: absolute; width: 43%; right: 0px; top: 0px; } .story-carrousel-animated-story { height: 338px; transition: opacity 0.5s; opacity: 0; } .story-carrousel-animated-story-active { opacity: 1; } #story-carrousel-animated-images .image{ transition: opacity 0.5s; opacity: 0; } #story-carrousel-animated-images .image.image-active{ opacity: 1; } .masthead.maincss3, #main-wrapper.maincss3 { -webkit-transition: all .2s ease-in-out; -webkit-transform: translate3d(260px,0,0); } .masthead, #main-wrapper { -webkit-transition: all .2s ease-in-out; -webkit-transform: translate3d(0,0,0); } .fixModalPosition{ left: 220px !important; } .left-align p, .left-align li { text-align: left; }