/* Martin Miller CSS */ /* BY James Reed 21/6/2012 */ /* ============================================================================= HTML5 element display ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Force vertical scrollbar in non-IE * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { } body { margin: 0; font-size: 14px; line-height: 1; background:#fff url(/images/background.jpg) 0 -76px no-repeat; color:#111; } body.homepage { background-position:0px -5px; } body.blog { background:#000; } body, button, input, select, textarea { font-family:Arial, Helvetica, sans-serif; color: #444; font-size:12px; line-height: 16px; } /* * These selection declarations have to be separate * No text-shadow: twitter.com/miketaylr/status/12228805301 * Also: hot pink! */ ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a {text-decoration:underline; outline:none; color:#444; font-weight:bold; } a:hover { text-decoration:none; } a:visited { color: #444; outline:none; } a:focus { outline: none; } #column1 h2 a, #column3 h2 a { color:#fff; } #column1 h2 a:hover, #column3 h2 a:hover { color:#ddd; background:#003D85; } /* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } textarea:focus, input:focus{ outline: none; } /* ============================================================================= Typography ========================================================================== */ h1,h2,h3 { font-weight:100;} h1 { font-size:48px; line-height:38px; text-transform:uppercase; margin-top:0; margin-bottom:10px; } h2,aside#twitter-2 h3.widget-title,body.blog #column1 h3.widget-title { font-size:16.5px; line-height:26px; color:#fff; background:#000; font-weight:bold; text-transform:uppercase; margin-bottom:20px; padding-left:8px; } h1.page-title { font-size:24px; line-height:27px; margin-bottom:30px; } h3,body.blog #column1 a.post-title,body.blog #column2 h1.entry-title { font-size:19px; line-height:25px; font-weight:normal; text-transform:uppercase; color:#000; padding-bottom: 15px; padding-top: 0px; } #main_holder.homepage .blog-featured h3 { font-size:20px; line-height:25px; } body.blog #column2 h1.entry-title { font-size:24px; } h4 { font-size:12px; line-height:14px; } a.pdf_link { background:url(/images/template/pdf_button.jpg) right center no-repeat; padding-right:50px; color:#2389D2; text-decoration:underline; height:39px; padding-top:12px; padding-bottom:6px; line-height:40px; } /* font-family:Georgia, "Times New Roman", Times, serif; */ p { font-size:12px; line-height:16.5px; margin-bottom:10px; } .moduletable p { float:left; } .moduletable p.spanish_lang, .moduletable p.english_lang { padding-top:7px; } .moduletable p.uk_usa_flag { margin-right:18px; } .moduletable h3 { margin-top:1px; margin-bottom:3px; } p.image_wrap { margin:0; padding-bottom: 0px;} abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } strong { } blockquote { margin: 0px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .large_text { font-size:16px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 12px; } dd { margin: 0 0 0 0px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * Improve image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; -ms-interpolation-mode: bicubic; display:inline; } /* * Correct overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 120%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* * Remove inner padding and border in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove default vertical scrollbar in IE6/7/8/9 */ textarea { overflow: auto; vertical-align: top; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { /*background-color: #f0dddd;*/ } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } /* COLOURS */ .green { color:#859400; } .pink { color:#e9848e; } .purple { color:#853164; } .orange { color:#e65500; } .dark { color:#425160; } .black { color:#000; } .white { color:#fff; } .red { color:#ff0000; } .blue { color:#0000ff; } .grey { color:#eee; } .green_bg { background:#859400; } .pink_bg { background:#e9848e; } .purple_bg { background:#853164; } .orange_bg { background:#e65500; } .dark_bg { background:#425160; } .black_bg { background:#000; } .white_bg { background:#fff; } .red_bg { background:#ff0000; } .blue_bg { background:#0000ff; } .grey_bg { background:#eee; } .navytext { color:#214967; } .bluetext { color:#009cdb; } a.blue_link { color:#29B4DE; } a.yellow_link { color:#E0AA2E; } a.green_link { color:#A6CE47; } span.blue_dot { background:#29B4DE; line-height:19px; width:3px; height:3px; display:block; float:left; } span.yellow_dot { color:#E0AA2E; line-height:19px;} span.green_dot { color:#A6CE47; line-height:19px; } /* ============================================================================= Primary styles Author: James Reed ========================================================================== */ #container_wrap { } #container { width:1024px; margin:0 auto; position:relative; background:#fff; } section#content { } /*styles*/ /*COMMON*/ /*HEADER*/ header { position:relative; padding:0; margin:0; background:none; z-index:6; } #main_holder { z-index:4; } #header_logo { position:absolute; margin-top:18px; left:50%; margin-left:-110px; } #background_image { z-index:0; position:absolute; } .moduletable.video_slider_frame { z-index:10; position: absolute; top: 262px; left: 50%; margin-left:-275px; } object#player { position:absolute; top:276px; z-index:11; left: 50%; margin-left:-261px; } .player_holder video { position:absolute; top:276px; z-index:11; left: 50%; margin-left:-260px; background:url(http://martinmiller.banksthomas.com/images/blog_image_3.jpg); } #header_background_image img.the_gin_buy_now { position:absolute; top: 500px; left: 910px; } #header_background_image h2.the_gin { position:absolute; width: 85px; top: 410px; left: 823px; padding-left:0; } #header_background_image h2.the_gin a { color:#fff; width:80px; padding-left:5px; display:block; } #header_background_image h2.the_gin a:hover { color:#ddd; background:#003D85; } #header_background_image img.buy_now_cocktails { position:absolute; top: 500px; left: 910px; } #header_background_image h2.cocktails { position:absolute; width: 85px; top: 410px; left: 823px; padding-left:0; } #header_background_image h2.cocktails a { color:#fff; padding-left:5px; display:block; width:80px; } #header_background_image h2.cocktails a:hover { color:#ddd; background:#003D85; } #header_background_image img.buy_now_big_button { position:absolute; top: 400px; left: 430px; } #header_background_image h2.the_man_behind_the_gin { position:absolute; width: 195px; top: 387px; left: 334px; padding-left:0; } #header_background_image h2.the_man_behind_the_gin a { color:#fff; padding-left:5px; display:block; width:190px; } #header_background_image h2.the_man_behind_the_gin a:hover { color:#ddd; background:#003D85; } /* MAIN MENU */ nav#mainNav { position:absolute; top:95px; left:28px; } nav#mainNav ul li#item-406 { display:block; width:225px; } nav#mainNav ul li { margin-bottom:1px; display:none; } nav#mainNav a { text-decoration:none; color:#fff; } nav#mainNav a p,nav#mainNav a { font-size:17px; line-height:20px; font-family:Arial,Helvetica,sans-serif; padding-right:0px; margin:0; text-transform:uppercase; background:#000; display:inline-block; padding-left:5px; padding-right:0px; } nav#mainNav li.active a p { font-weight:bold; color:#ddd; } nav#mainNav a:hover p { color:#ddd; background:#003D85; } nav#mainNav a:hover { color:#ddd; background:#003D85; } nav#mainNav a p { padding-right:25px; display:inline-block; } body.blog nav#mainNav a:hover,nav#mainNav li.current-menu-item a,nav#mainNav li.current-category-ancestor a { color:#ddd; background:#003D85; } nav#smallNav { position:absolute; top:10px; left:65px; } nav#smallNav ul { display:block; width:242px; } nav#smallNav li { float:left; margin-left:10px; } nav#smallNav li a { color:#979797; font-family:Arial,Helvetica,sans-serif; text-transform:none; font-size:12px;} nav#smallNav li a p { font-size:12px; } nav#smallNav li a:hover { text-decoration:none; } nav#smallNav li a:hover p { color:#ddd; background:#003D85; } body.blog nav#smallNav ul { width:auto; margin-right:20px; } nav#menu_top_social { position:absolute; right:75px; top:10px; } nav#menu_top_social li { float:left; margin-left:0px; } nav#menu_top_social li a { text-indent:-9999px; } nav#menu_top_social li.icon_youtube a { background:url(/images/template/hdr_icon_youtube.png) no-repeat; width:32px; height:33px; display:block; } nav#menu_top_social li.icon_pinterest a { background:url(/images/template/hdr_icon_pinterest.png) no-repeat; width:32px; height:33px; display:block; } nav#menu_top_social li.icon_facebook a { background:url(/images/template/hdr_icon_facebook.png) no-repeat; width:32px; height:30px; display:block; } nav#menu_top_social li.icon_instagram a { background:url(/images/template/hdr_icon_instagram.png) no-repeat; width:31px; height:33px; display:block; } nav#menu_top_social li.icon_twitter a { background:url(/images/template/hdr_icon_twitter.png) no-repeat; width:33px; height:33px; display:block; } nav#cocktailNav { /* position:absolute; top:95px; left:27px; */ } nav#cocktailNav ul li { margin-bottom:1px; line-height:26px; } nav#cocktailNav a { text-decoration:none; color:#fff; } nav#cocktailNav a p,nav#cocktailNav a { font-size:17px; line-height:26px; font-family:Arial,Helvetica,sans-serif; margin:0; text-transform:uppercase; background:#000; display:inline; padding-left:8px; padding-right:95px; padding-top:3px; padding-bottom:4px; } nav#cocktailNav li.active a p { font-weight:bold; color:#ddd; } nav#cocktailNav a:hover,nav#cocktailNav li.current-menu-item a { color:#ddd; background:#003D85; } nav#mainNav .moduletable { float:left; width:200px; } nav#mainNav .moduletable.top_menu { margin-top:12px; } nav#mainNav .moduletable.top_menu span { text-transform:uppercase; } nav#mainNav .moduletable.small_top_menu a p { font-size:13px; text-transform:none; color:#fff; } nav#mainNav .moduletable.small_top_menu { float:right; margin-right:20px; margin-top:25px; } ul.megamenu li.accessories ul.megamenu li.mega.last { position:absolute; bottom:-20px; width:143px; } nav#nav-below { margin-top:10px; } /******* */ #js-mainnav { margin-top:0; position:relative; background:url(/images/template/dd_navbar_longer.png) no-repeat 0px 0px;} nav#dropdownNav { position:absolute; left:50%; margin-left:-452px; top:95px; width:939px; height:46px; display:block; padding-left:0px; z-index:15; } nav#dropdownNav ul.level0 > li { } nav#dropdownNav ul.level1 li a:hover { text-decoration:underline; } nav#dropdownNav ul.level0 > li { margin-left:0; margin-right:1px; } nav#dropdownNav ul.level0 > li > a { padding-top:12px; height:29px; padding-left:11px; margin-left:0px; text-transform:uppercase; } nav#dropdownNav ul.level0 > li:hover > a { background:url(/images/template/normal_hover.png) transparent repeat-x; } .megacol { border-top:none; } nav#dropdownNav > ul { width:722px; } nav#dropdownNav ul > li { float:left; margin-left:20px; width: 122px; margin-top:0px; padding-top:0px; } nav#dropdownNav ul.level1 { padding-bottom:10px; padding-top:10px; } nav#dropdownNav ul.level1 > li { float:none; margin-left:0; width:100%; } nav#dropdownNav ul.level1 > li > a { width:100%; padding-left:20px; line-height:25px; color:#000; text-transform:uppercase; } nav#dropdownNav ul.level1 > li > a > span { width:100%; line-height:25px; height:auto; color:#000; } nav#dropdownNav ul.level1 > li:hover > a { background:#000; color:#fff; text-decoration:none; } nav#dropdownNav ul.level1 > li:hover > a > span { background:#000; color:#fff; } nav#dropdownNav ul li a,nav#dropdownNav ul li span { text-decoration:none; font-size:16px; letter-spacing:auto; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#fff; font-weight:bold; width: 108px; height:30px; display:block; } nav#dropdownNav ul.level0 > li > a > span { letter-spacing:1.5px; display:none; } nav#dropdownNav ul.level0 > li.menu472 { width:157px; background:url(/images/template/awards_hover.png); } nav#dropdownNav ul.level0 > li.menu472 > a { width:147px; } nav#dropdownNav ul.level0 > li.menu472 > a > span { width:130px; padding-left:10px; } nav#dropdownNav ul.level0 > li.menu472:hover { background:transparent; } nav#dropdownNav ul.level0 > li.menu472:hover > a { background:transparent; } nav#dropdownNav ul.level0 > li.menu472 { } nav#dropdownNav ul.level0 > li.menu455 { width:119px; } nav#dropdownNav ul.level0 > li.menu455 > a { width:109px; } nav#dropdownNav ul.level0 > li.menu455 > a > span { width:100px; padding-left:10px; } nav#dropdownNav ul.level0 > li.menu455:hover > a { background-color:#fff; } nav#dropdownNav ul.level0 > li.menu453 { width:120px; margin-left:1px; } nav#dropdownNav ul.level0 > li.menu453 > a { width:116px; padding-left:5px; } nav#dropdownNav ul.level0 > li.menu453 > a > span { width:99x; padding-left:10px; } nav#dropdownNav ul.level0 > li.menu451 { width:140px; margin-left:1px; border-right:1px solid #777;} nav#dropdownNav ul.level0 > li.menu451 > a { width:129px; } nav#dropdownNav ul.level0 > li.menu451 > a > span { width:129px; } nav#dropdownNav ul.level0 > li.menu470 { width:63px; border-right:1px solid #777; } nav#dropdownNav ul.level0 > li.menu470 > a { width:52px; padding-right:0; padding-left:11px; } nav#dropdownNav ul.level0 > li.menu454 { width:175px; margin-right:0; } nav#dropdownNav ul.level0 > li.menu454 > a { width:175px; text-transform:none; padding-top:5px; padding-bottom:6px; padding-left:5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; } nav#dropdownNav ul.level0 > li.menu454 > a > span { width:214px; letter-spacing:inherit; padding-left:12px; font-size:28px; font-weight:normal; } nav#dropdownNav ul.level0 > li.menu454 > a { padding-top:12px; } nav#dropdownNav ul.level0 > li.menu454 > a > span { font-size:16px; font-weight:bold; letter-spacing:1.5px; text-transform:uppercase; padding-left:36px; width:170px; } nav#dropdownNav ul.level0 > li.menu454:hover > a { background:url(/images/template/end_hover.png) transparent -3px 0 no-repeat; } /* brandbook */ nav#dropdownNav ul.level0 > li.menu477 { width:187px; margin-right:0; border-right:1px solid #777; } nav#dropdownNav ul.level0 > li.menu477 > a { width:177px; padding-bottom:3px; padding-left:10px; padding-top:12px; } nav#dropdownNav ul.level0 > li.menu477 > a > span { width:151px; } nav#dropdownNav ul.level0 > li.menu488 { width:108px; margin-right:0; border-right:none; } nav#dropdownNav ul.level0 > li.menu488 > a { width:96px; padding-bottom:3px; padding-left:10px; padding-top:12px; } nav#dropdownNav ul.level0 > li.menu488 > a > span { width:88px; } nav#dropdownNav .group-content ul li a,nav#dropdownNav .group-content ul li span { font-size:12px; font-weight:normal; height:15px; } nav#dropdownNav ul li a p { line-height:16px; margin:0; } nav#dropdownNav .group-content .moduletable { margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px; line-height:15px; } nav#dropdownNav .group-content .moduletable h3,nav#dropdownNav .group-content .moduletable h3 a { padding-left:0; font-size:16px; margin-top:0; font-weight:normal; color:#BC1357; margin-bottom:10px; height:auto; } nav#dropdownNav .group-title a { padding-bottom:5px; } nav#dropdownNav .group-title span { color:#BC1357; } nav#dropdownNav .group-title a { color:#BC1357; } nav#dropdownNav .childcontent-inner { background: url(/images/template/dropdown.png) 0px 0px no-repeat; /*change here the color to match the new color you have set for mainnav */ height:306px; opacity:0.9; padding-left:0px; } nav#dropdownNav .moduletable.meganav_menu { position:relative; z-index:5; } nav#dropdownNav .moduletable.brand_book_behind_menu { position:absolute; top:-73px; right:0; z-index:4; } nav#dropdownNav .moduletable.dropdown_menu_shadow { position:absolute; top:36px; z-index:5; } #header_divider { width:924px; margin:0 auto; } .custom.menu_shadow_bar { text-align:center; } .moduletable.dropdown_menu_shadow { } /* COLUMNS */ #column_holder { } #column1 { width: 234px; margin-left:27px; margin-right:27px; float:left; } #column2 { width: 448px; float:left; padding-top: 0px;} #column3 { width: 234px; margin-left:27px; margin-right:27px; float:left; padding-top:0px; } #main_holder #column1 { padding-top:0px; } #main_holder.homepage #column1 { padding-top:0px; } /* MAIN PAGE*/ #content_holder { position:relative; } body.blog #content_holder { padding-bottom:90px; } .item-separator { clear:both; } #column1 .moduletable,#column2 .moduletable,#column3 .moduletable { position:relative; } .moduletable.man_behind_the_gin h2 { position:relative; left:0; top:-165px; padding-left:0; } .moduletable.man_behind_the_gin h2 a { width:229px; padding-left:8px; display:block; } .moduletable.distillery h2 { position:relative; left:0; top:-100px; padding-left:0; } .moduletable.distillery h2 a { width:229px; padding-left:8px; display:block; } .moduletable.iceland_chilled h2 { position:relative; left:0; top:-198px; padding-left:0; z-index:3; } .moduletable.iceland_chilled h2 a { width:229px; padding-left:8px; display:block; } .moduletable.iceland_chilled p { z-index:5; position:relative; } .moduletable.some_copy { margin-bottom:10px; } .moduletable.outlets h2 { position:relative; left:0; top:-90px; width:140px; float:right; padding-left:0; } .moduletable.outlets h2 a { width:135px; padding-left:8px; display:block; } .moduletable.tastes_so_good h2 { position:relative; left:0; top:-109px; padding-left:0; } .moduletable.tastes_so_good h2 a { padding-left:8px; display:block; width:229px; } .moduletable.botanicals h2 { position:relative; top:-30px; padding-left:0; } .moduletable.botanicals h2 a { width:229px; padding-left:8px; display:block; } .moduletable.cocktails h2 { width: 105px; float:right; position:relative; top:-75px; padding-left:0; } .moduletable.cocktails h2 a { width: 100px; padding-left:8px; display:block; } .moduletable.pink_poodle { margin-bottom:20px; } .moduletable.twitter_widget h3 { font-size:17px; line-height:26px; color:#fff; background:#000; font-weight:bold; text-transform:uppercase; padding-left:8px; margin-bottom:0px; } .moduletable.twitter_widget .twtr-ft img { display:none; } /* LATEST NEWS */ .items-row.cols-1.row-2 h2 { width:210px; } .items-row.cols-1.row-2 hr { width:388px; background:#ccc; height:3px; } a.read_more,a.more-link { color:#000; text-transform:uppercase; text-decoration:underline; font-weight:bold; clear:both; font-size:12px; margin-top:5px; margin-bottom:30px; font-family:Arial, Helvetica, sans-serif; } a.read_more:hover,a.more-link:hover { text-decoration:none; } /*FOOTER*/ #footer { position:absolute; margin-top:90px; padding-top:90px; background:url(/images/template/footer_gradient.png) no-repeat; } body.blog #footer { background-color:#fff; margin-top:0; width:1024px; } #footer.shop_locator { position:relative; top:-50px; } #footer p,#footer a { font-size:12px; line-height:18px; } #footer_holder { margin-left:27px; } #footer_column .moduletable { float:left; width:160px; } #footer_column .moduletable.column1 { width:180px; } #footer_column .moduletable.column2 { width:150px; } #footer_lower_left { float:left; margin-left:27px; padding-top:28px; } #footer_lower_right { float:right; margin-right:100px; font-size:11px; } #footer_lower_left p { font-size:10px; color:#888; } #footer_lower_left a { color:#888; } #footer .moduletable.awards_footer { position:relative; top: 16px; } #footer .moduletable.footer_logo { float:right; position:relative; top:-50px; } #footer_top_image { margin:0 0 20px 27px; position:absolute; top:-165px; } #copyright { background: #003366; height:30px; } #copyright p { color:#fff; font-size:11px; line-height:30px; padding-left:27px; padding-right:30px; } /* COCKTAIL SLIDER */ img.mojito_glass { position:absolute; top:0; left:0; z-index:-1; } #cocktail_slider { height: 300px; overflow:hidden; position:relative; } #cocktail_slider .moduletable { min-height:300px; } #cocktail_slider a.next { background:url(/images/template/slider_arrow_right.png); width:41px; height:67px; display:block; position:absolute; top:200px; right:20px; text-indent:-9999px; z-index:5; } #cocktail_slider a.prev { background:url(/images/template/slider_arrow_left.png); width:41px; height:67px; display:block; position:absolute; top:200px; right:55px; text-indent:-9999px; z-index:5; } #cocktail_slider .custom h2 { width: 320px; } /* COCKTAIL SLIDER LARGE */ #cocktail_slider_large1 { float:left; margin-right:30px; } #cocktail_slider_large2 { float:left; } #cocktail_slider_large3 { float:left; margin-right:30px; } #cocktail_slider_large4 { float:left; } .cocktail_sliders_large_holder .heading h2 { font-size:20px; color:#000; background:none; letter-spacing:1.5px; } .cocktail_slider_large { height: 720px; overflow:hidden; position:relative; padding-left:50px; width:400px; margin-top:25px; margin-bottom:25px; padding-right:5px; } .cocktail_slider_large .slides_container .moduletable { min-height:300px; } .cocktail_slider_large a.next { background:url(/images/template/slider_arrow_right.png); width:41px; height:67px; display:block; position:absolute; top:200px; right:0px; text-indent:-9999px; z-index:5; } .cocktail_slider_large a.prev { background:url(/images/template/slider_arrow_left.png); width:41px; height:67px; display:block; position:absolute; top:200px; left:0px; text-indent:-9999px; z-index:5; } .cocktail_slider_large .slides_control { height:100%; } .cocktail_slider_large .slides_container .custom h2,.cocktail_slider_large .slides_container .custom h5 { background:none; font-size:17px; line-height:21px; color:#000; padding-left:0; } .cocktail_sliders_large_holder { margin:0 auto; width:940px; } .cocktail_slider_large .slides_container .custom { padding-top:330px; padding-right:10px; height:400px; } .cocktail_slider_large .slides_container p.image_wrap { top:0; position:absolute; } .cocktail_slider_large slides_container p.image_wrap img { } .cocktail_slider_large ul.pagination { display:none; } .cocktail_slider_large .aslide .moduletable { width:190px; float:left; overflow:hidden; margin-right:0px; } .cocktail_slider_large .aslide .moduletable.first { margin-right:20px; } .cocktail_slider_large .slides_container .custom h5, .cocktail_slider_large .slides_container .custom h3 { font-size:12px; line-height:15px; margin-bottom:0; padding-bottom:0; } #content_holder.homepage #cocktail_slider a.prev { } /* BLOG */ #header_social_icons { position:absolute; right:27px; top:5px; } #header_social_icons img { float:left; padding-top:16px; } #header_social_icons img.twitter { padding-right:5px; } .moduletable.social_icons .fb-like { width:54px; float:left; display:block; margin-left: 105px; position:relative; top:-25px; } .moduletable.social_icons p.social_icons { float:left; margin-left:10px; display:block; margin-top:3px; position:relative; top:-25px;} #top_image_slider { } #smooth_slider .sldr_title { display:none; } #smooth_slider { padding-right:20px; float:left; padding-left:0; margin-left:0; } #smooth_slider ul { padding-bottom:50px; } #smooth_slider ul li { height:500px; } #smooth_slider ul li h2 a { position:relative; top:-20px; left:27px; color:#fff; font-size:16px; } #smooth_slider ul li span { position:relative; top:-12px; left:27px; } #smooth_slider ul li p.more a { float:none; position:relative; left:27px; top:-10px; color:#000; text-transform:uppercase; text-decoration:underline; font-weight:bold; clear:both; font-size:12px; } #smooth_slider { } hr.under_slider { height:3px; display:block; width: 680px; background:#ddd; margin:0 0 30px 0;padding:0; } body.blog .under_slider { height:40px; display:block; width: 1024px; margin:0; padding:0; background:url(/images/template/ripped-paper.png) 0 -35px no-repeat; position:relative; top:-27px; } #smooth_slider .jcarousel-prev { position:absolute; } #smooth_slider .jcarousel-clip.jcarousel-clip-horizontal { padding:0; } #smooth_slider .jcarousel-next-horizontal { background:url(/images/template/headline_scroller_arrow.png); width:32px; height:60px; } #smooth_slider .jcarousel-prev-horizontal { background:url(/images/template/headline_scroller_arrow_prev.png); width:32px; height:60px; } #top_image_slider .smooth_slider { margin:0 auto; padding:0; } #top_image_slider { padding-top:114px; } #top_image_slider .smooth_prev { background:url("/blog/wp-content/themes/martinmiller_new/images/scroller-arrow_left.jpg") no-repeat scroll 0 10px #fff; width:20px; height:43px; position:absolute; top:370px; left:0px; z-index:100; padding:10px 0 10px 4px; } #top_image_slider .smooth_next { background:url("/blog/wp-content/themes/martinmiller_new/images/scroller-arrow_right.jpg") no-repeat scroll 0 10px #fff; width:20px; height:43px; position:absolute; top:370px; right:0px; z-index:100; padding:10px 4px 10px 0; } #top_image_slider .sldr_title { display:none; } #top_image_slider .slide_text { text-align:center; padding-top:25px; margin:0 auto; } #top_image_slider .slide_text h3 { font-size:26px; line-height:30px; } #top_image_slider .smooth_more { display:none; } #column_holder { width:736px; float:left; margin-top:97px; } body.blog #column_holder { margin-top:0; width:auto; } #torn_paper { background:url(/images/template/torn_paper_blog.png) repeat-x; width:100%; height:81px; display:block; position:absolute; left:0; top:59px; z-index:5; width:736px; } form#searchform label { display:none; } #column3.blog { margin-top:0px; } aside#archives-2,aside#categories-2 { margin-left:50px; } aside#archives-2 ul { list-style-type:none; padding:0; margin-top:0; } aside#categories-2 ul { list-style-type:none; padding:0; margin-top:0; } aside#search-2 { margin-top:0px; margin-bottom:20px; } aside.widget_search { background:url(/images/template/search_bar_bg.png) no-repeat; width:205px; height:28px; display:block; } aside.widget_search label { display:none; } aside.widget_search input#s { float:left; border:none; padding-left:5px;padding-top:5px; margin-left:2px; margin-top:3px; font-size:12px; } aside.widget_search input#searchsubmit { width:14px; height:20px; display:block; float:right; text-indent:-9999px; background:url(/images/template/search_bar_button_blog.png) no-repeat; border:none; padding-right:19px; position:relative; top:4px; } aside#twitter-2 { margin-top:40px; margin-bottom:20px; } aside#twitter-2 ul { list-style-type:none; padding:0; } aside#twitter-2 h3.widget-title { width:200px; background:#000 url(/images/template/twitter_white.png) 180px 5px no-repeat; } h3.widget-title { font-size:12px; font-weight:bold; text-transform:none; line-height:21px; } body.blog #header_logo { z-index:6; } body.blog nav#mainNav { z-index:6; top:95px; left:33px; } body.blog nav#mainNav a { padding-right:25px; } body.blog .nav-previous { font-size:12px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center; color:#000; } body.blog .nav-next { font-size:12px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center; } body.blog .nav-previous a,body.blog .nav-next a { color:#000; } body.blog #column1.singlepage { margin-top:195px; margin-bottom:100px; } body.blog #column2.singlepage { margin-top:195px; margin-bottom:0px; } body.blog #column3.singlepage { margin-top:195px; margin-bottom:0px; } body.blog #column2.singlepage h1.entry-title { display:none;} body.blog #column1.category { margin-top:50px; margin-bottom:234px; } body.blog #column2.category { margin-top:50px; } body.blog #column3.category { margin-top:93px; } body.blog #column1.page { margin-top:50px; margin-bottom:234px; } body.blog #column2.page { margin-top:50px; } body.blog #column3.page { margin-top:93px; } body.blog #column2.page h1.entry-title { margin-bottom:20px; } body.blog #column2.page .end_of_page { border-top:3px solid #ddd; width:420px; } body.blog #column2.page .end_of_page.upper { margin-top:10px; } body.blog #column2.page .sociable { padding-top:40px; padding-bottom:15px; margin-top:0; float:left; } .sociable-tagline { display:none; } body.blog #column2.page .facebook_button { float:right; padding-top:38px; padding-bottom:15px; margin-top:0;} body.blog #column1 h3.widget-title { width:203px; display:none; } body.blog #column3 h3.widget-title { display:none; } body.blog #column1 a img { clear:both; float:none; } body.blog #column1 .post-entry img { margin-bottom:0px; display:block; } body.blog #column3 .post-entry img { margin-bottom:0px; display:block; } body.blog #column2 h2.heading_latest_news { width:200px; margin-bottom:20px; } body.blog #column2 h2.heading_latest_news { display:none; } body.blog #column1 .post-entry h1 { font-size:20px; line-height:25px; font-weight:bold; color:#000; background:none; } body.blog #column1 .post-entry h2 { font-size:20px; line-height:25px; font-weight:normal; color:#000; background:none; padding-left:0; } body.blog #column2 .entry-content h1 { font-size:20px; line-height:25px; font-weight:bold; color:#000; background:none; margin-bottom:0; } body.blog #column2 .entry-content h2 { font-size:20px; line-height:25px; font-weight:normal; color:#000; background:none; padding-left:0; } body.blog .post-entry .sociable { text-align:right; margin:0; position:absolute; right:0; width:150px; } body.blog .post-entry .post_text h3 { padding-bottom:10px; } body.blog #column1 .post-entry img { margin-top:10px; } body.blog #column3 .post-entry img { margin-top:10px; } /* body.blog .post-entry .post_text .sociable { display:none; } */ body.blog #column1 .post-entry a.image_wrap { display:inline-block; } body.blog #column3 .post-entry a.image_wrap { display:inline-block; } body.blog .post-entry .post_links { clear:both; position:relative; margin-top:10px; margin-bottom:10px; height:22px; } body.blog .post-entry .post_links p { float:left; margin:0; } body.blog .post-entry .post_links p a { margin:0; } body.blog #column1 .post-title { display:none; } body.blog #column3 .post-title { display:none; } body.blog #column1 .post-entry { border-bottom:4px solid #000; position:relative; margin-bottom:47px; } body.blog #column3 .post-entry { border-bottom:4px solid #000; position:relative; margin-bottom:47px; } body.blog #column3 .post-entry h1 { font-size:20px; line-height:25px; font-weight:bold; color:#000; background:none; } body.blog #column3 .post-entry h2 { font-size:20px; line-height:25px; font-weight:normal; color:#000; background:none; padding-left:0; } body.blog .entry-content { position:relative; } body.blog .entry-content .sociable { position:absolute; right:0; bottom:14px; margin:0; width:200px; text-align:right;} body.blog .moduletable.social_icons p.social_icons { text-align:right; float:right; margin-right:5px; } .advanced_recent_posts_widget ul li { margin-top:0; padding-top:0; } body.blog #column2 .entry-content h3 { width: 393px; font-size:20px; line-height:25px; } body.blog #column2 .entry-content p { width: 420px; padding-bottom:10px; } body.blog #column2 .entry-content img { padding-top:10px; } body.blog #content article.post { margin-bottom:53px; padding-bottom:20px; border-bottom:4px solid #000; } body.blog #content article.post .entry-content h3:first-child { margin-bottom:15px; } .cocktail_entry { position:relative; min-height:240px; padding-top:73px; } .cocktail_entry h2 { margin-left:150px; z-index:2; position:relative; } .cocktail_entry h2 a { color:#fff; } body.blog #column2 .cocktail_entry h3 { margin-left:150px; z-index:2;position:relative; font-size:14px; line-height:16px;} .cocktail_entry p { margin-left:150px; z-index:2;position:relative; } body.blog #column2 .cocktail_entry p { width:inherit; } .cocktail_entry p.image_wrap { margin-left:0; z-index:1; position:absolute; top:0; left:0; } .cocktail_entry img { } .cocktail_entry .sharethis_links { float:right; margin-top:24px; } span.nav-next { float:right; } div.twtr-tweet-text p,#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4,#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h3 { font-family:Arial, Helvetica, sans-serif; } #column3 .twtr-widget .twtr-tweet { border-bottom:none; border-bottom:1px solid #ccc; } aside#twitter-2 ul li { margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:8px; } aside#twitter-2 ul li span.entry-content { font-size:12px; } aside#twitter-2 ul li span.entry-content a { font-size:12px; color:#334F81; color:#444; } span.from-meta { font-size:9px; color:#334F81; color:#444;} span.time-meta { font-size:9px; color:#334F81; color:#444;} span.intent-meta { font-size:9px; color:#334F81; color:#444;} span.intent-meta a { padding-right:5px; color:#334F81; color:#444;} span.in-reply-to-meta { font-size:9px; color:#334F81; color:#444;} span.in-reply-to-meta a { font-size:9px; color:#334F81; color:#444; } #page_image { position:relative; top: 31px; left:0; } /* #top_image_slider { width: 736px; overflow:hidden; clear:both; } */ #accordion h2 { margin-bottom:5px; color:#fff; } #accordion h2 a { color:#fff; } #accordion .head { cursor:pointer; } #accordion_full h3 { cursor:pointer; } .accordion .head h3 { cursor:pointer; } img.twtr-profile-img { float:left; margin-right:10px; margin-left:0px; } .twtr-hd { margin-top:20px; margin-bottom:20px; } .twtr-hd h3 { font-size:11px; font-weight:normal; } .twtr-hd h4 { font-size:16px; } #main_copy.cocktails { position:relative; } #main_copy.cocktails p.image_wrap img { position:absolute; left:0; z-index:3; top:-20px; } #main_copy.cocktails p.image_wrap { margin-left:0;} #main_copy.cocktails h2 a { color:#fff; } #main_copy.cocktails .cocktail_separator { clear:both; padding-top:50px; } #main_copy.cocktails .cocktail_separator:nth-of-type(1) { padding-top:0px; } #main_copy.cocktails h2,#main_copy.cocktails h3,#main_copy.cocktails h5, #main_copy.cocktails p { z-index:10; position:relative; margin-left:210px; } #main_copy.cocktails h2.heading { margin-left:0; } /* BRAND BOOK FORM */ #chronoform_brand_book_form label { width:100%; } #chronoform_brand_book_form input { width:430px; } #address2_container_div label,#address3_container_div label,#address4_container_div label { display:none; } #address1_container_div input,#address2_container_div input,#address3_container_div input,#address4_container_div input { margin-bottom:0; } #chronoform_brand_book_form #do_not_want_contact { width:20px; margin-left:0 !important; } #chronoform_brand_book_form #do_not_want_contact_container_div label { width:410px !important; } #chronoform_brand_book_form .cfdiv_submit input { width:80px; background:#010101; font-weight:bold; color:#fff; height:31px; display:block; text-transform:uppercase; } #column1 .moduletable.download_our_brand_book { position:absolute; left:-132px; top:169px; } /* ============================================================================= Non-semantic helper classes Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ============================================================================= PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* ============================================================================= Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @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 */ a, a:visited { color: #444 !important; text-decoration: underline; } 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; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } .tint { position: relative; float: left; cursor: pointer; clear:both; } .tint:hover:before { background: rgba(200,200,200, 0.5); } .tint:before { background: none; -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -ms-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; content: ""; display: block; position: absolute; top: -12px; bottom: 0; left: -12px; right: 0; width:284px; height:86px; } .description h2 cufon { margin-bottom:-14px; } #small_slider h2 cufon { margin-bottom:-14px; } #main_content.homepage .blog-featured h2 cufon { margin-bottom:-14px; } .data_heading { font-weight:bold; } .data_description { font-style:italic; } .itemRelated ul li img { max-height:100px; } .itemRelated ul li { width:210px; float:left; padding-right:30px; } .itemRelated ul li.odd,.itemRelated ul li.even { background:none; } .itemRelated ul li .moduleItemExtraFieldsLabel { display:none; } .itemRelated ul li a.itemRelTitle { color:#214967; } #system-message dt { font-weight: bold; color: #000000; font-size: 20px; } #system-message dd { line-height: 20px; width:400px; } /* hide columns on locator page because the block the buttons */ #main_holder.container-inner #column1 { display:none; } #main_holder.container-inner #column2 { display:none; } #main_holder.container-inner #column3 { display:none; } form#dropdown_web_retailers { border-top:1px solid #7F7F7F; text-align:center; padding-top:20px; } form#dropdown_web_retailers label { font-size:12px; line-height:14px; clear:both; } form#dropdown_web_retailers select { font-size:12px; line-height:14px; } .smooth_slider h2 { color:#333; } article.single_post h3 { padding-top:0; padding-bottom:10px; } article.single_post .footer-entry-meta { margin-bottom:20px; padding-bottom:20px; border-bottom:4px solid #000000; } article.single_post .footer-entry-meta .entry-meta { width:50%; float:left; } article.single_post .footer-entry-meta .sociable { width:50%; float:left; text-align:right; margin:0; } .country_chooser { padding-bottom:20px; padding-left:20px; } .country_chooser select { font-size:13px; } #country_chooser_top { position:absolute; top:10px; right:-20px; } #country_chooser_top .country_chooser { width:73px; padding:0; margin:0; background:#010103; border:none; color:#979797; font-size:12px; font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } #country_chooser_top { position:absolute; top:-6px; left:-73px; font-size:12px; } #country_chooser_top .sbHolder { background:#000; width:85px; border:none; } #country_chooser_top .sbOptions { width:85px; border:none; } #country_chooser_top .sbOptions a { padding:3px 0 3px 3px; } .landing-page .sbHolder { background:none; border:1px solid #ccc; } .landing-page .sbHolder a { color:#333; } .landing-page .sbHolder ul { background:#fff; } .landing-page .sbHolder ul a { color:#333; } .landing-page .country_chooser { padding-left:10px; } nav#smallNav ul .icon_facebook { background:url(/images/template/facebook.png) no-repeat; width:10px; height:18px; display:block; } nav#smallNav ul .icon_facebook p { display:none; } nav#smallNav ul .icon_twitter { background:url(/images/template/twitter.png) 0 2px no-repeat; text-indent:-9999px; width:18px; height:16px; display:block; } nav#smallNav ul .icon_twitter p { display:none; } nav#smallNav ul .icon_instagram { background:url(/images/template/instagram.png) 0 0px no-repeat; text-indent:-9999px; width:18px; height:18px; display:block; } nav#smallNav ul .icon_instagram p { display:none; } nav#smallNav ul #item-474 { margin-top:1px; } .spanish_site_link { position:relative; left:430px; } .spanish_site_link a { text-decoration:none; color:#979797; } .spanish_site_link img { position:relative; top:5px; padding-left:5px; } /* upcoming-events Page Styles --------------------------------------------------- --------------------------------------------------------------------------*/ body.blog .under_slider.normal { top:0; margin:20px 0; } #primary.upcoming-events { padding-top:114px; width:980px; margin:0 auto; } .upcoming-events_posts { padding-bottom:100px; padding-right:28px; } .upcoming-events_posts article { width:300px; margin:0 10px 20px; float:left; padding-bottom:20px; border-bottom:4px solid #000; } .upcoming-events_posts article img { max-width:100%; height:auto; margin-bottom:10px; } .upcoming-events_posts article:nth-child(3n+1), .upcoming-events_posts .startRow { clear:left; } .upcoming-events_posts .first.startRow { clear:none; } body.blog .upcoming-events .entry-content .sociable { position:relative; float:right; margin-bottom:5px; } /* COMPETITION PAGE -------------------------------------------------------- --------------------------------------------------------------------------*/ body.blog.page-template-page-competition-php { background:#fff url('../../../images/template/competition_bg_2.jpg') center 0 no-repeat; } .page-template-page-competition-php #container { background:transparent; } .page-template-page-competition-php #smallNav { display:none; } body.blog.page-template-page-competition-php #content_holder { padding-bottom:100px; } .blogsub-menu { text-align:center; margin-bottom:30px; } .blogsub-menu li { display:inline-block; font-size:13px; text-transform:uppercase; letter-spacing:1px; } .blogsub-menu li.first { margin-right:8px; padding-right:10px; } .blogsub-menu li a { text-decoration:none; color:#969696; } .blogsub-menu li a:hover, .blogsub-menu li a:focus, .blogsub-menu li.selected a { color:#444; } .blogsub-menu.single { position:absolute; left:393px; top:148px; } .competition_topcont { height:1131px; position:relative; width:1024px; } .competition_topcont .deadline_top { width:207px; height:202px; background:url('../../../images/template/comp_deadline.png') 0 0 no-repeat; position:absolute; top:411px; right:9px; } .competition_topcont .ginbottle { width:111px; height:233px; background:url('../../../images/template/comp_bottle.png') 0 0 no-repeat; position:absolute; top:526px; right:144px; } .competition_topcont .heading { position:absolute; top:552px; text-align:center; left:220px; width:600px; } .competition_topcont .heading h3.headline { font-size:22px; padding-bottom: 0px } .competition_topcont .heading .sub { font-size:26px; margin-bottom:20px; } .competition_topcont .heading .enter_text { margin:0 auto; } .competition_topcont .deadline_text { margin-top:10px; margin-bottom:5px; } .competition_topcont .deadline_text a { text-decoration: none; font-weight: normal; } .competition_topcont .headline span { display:block; width:501px; height:5px; background:url('../../../images/template/comp_keyline.png') 0 0 no-repeat; margin: 10px auto } .competition_topcont .tastemakers { text-indent: -9999px; height: 75px; background:url('../../../images/template/tastemakers-text.png') center no-repeat; margin: 0 0 10px } .competition_topcont #enter-links { position:absolute; left:20px; bottom:26px; height:338px; } .competition_topcont #enter-links li { width:182px; height:292px; float:left; margin-right:16px; margin-top: 30px; overflow: hidden; position:relative;} .competition_topcont #enter-links li a { display:block; } .competition_topcont #enter-links li img { z-index:1; display:block; } .competition_topcont #enter-links li span { z-index:2; width:100%; height:100%; display:block; background:rgba(255,255,255,0.0); position:absolute; top:0; left:0; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .competition_topcont #enter-links li a:hover span { background:rgba(255,255,255,0.7); } .competition_middlecont { height:384px; position:relative; width:1024px; } .competition_middlecont h3.main { font-size:26px; padding-bottom:0; line-height:1; margin-bottom:6px; } .competition_middlecont .text-wrap { text-align:center; color:#000; width:580px; margin:0 auto; padding-top:48px; } .competition_middlecont .text-wrap p { line-height:1.8; } .competition_middlecont .terms-link { position:absolute; left:50%; margin-left:-80px; bottom:42px; color:#f0d8ff; text-decoration:none; font-size:12px; } .competition_middlecont .terms-link:hover { text-decoration:underline; } .competition_bottomcont { width:1024px; padding-top:45px; padding-bottom:120px; position:relative; margin-top:270px; } .competition_bottomcont .column-1-2 { width:400px; float:left; } .competition_bottomcont .column-1-2 p { line-height:1.6; } .competition_bottomcont .column-1-2.left { margin-left:55px; margin-right:74px; } .competition_bottomcont .column-1-2 .deadline_bot { float:right; display:inline-block; margin-top:20px; } .competition_bottomcont .column-1-2 ol li { margin-bottom:15px; } .enter_bottom { position:absolute; left:130px; bottom:0; width:630px; height:233px; } .enter_bottom img { float:left; } .enter_bottom .enter_text { padding-top:146px; float:left; margin-left:-18px; } .column-1-2 .enter_text { margin-left:-40px; } .column-1-2 .deadline_text { margin-left:70px; margin-top:10px; } .enter_text { text-align:center; width:501px; } .enter_text h3 { font-size:14px; padding-bottom:0; margin:3px 0; } .enter_text span { display:block; width:501px; height:5px; background:url('../../../images/template/comp_keyline.png') 0 0 no-repeat; } .hidden-terms { width:400px; padding:12px 15px; border:1px solid #ccc; position:absolute; bottom:110px; left:56px; -webkit-box-shadow:2px 2px 3px #555; -moz-box-shadow:2px 2px 3px #555; box-shadow:2px 2px 3px #555; background:#fff; background:rgba(255,255,255,0.95); display:none; } .hidden-terms p { line-height:1.6; margin-bottom:0; font-size:11px; } .wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='tel'], .wpcf7 textarea { background:#fff; border:1px solid #000; outline:none; width:95%; padding:7px 10px; font-size:13px; } .wpcf7 textarea { height:50px; resize:vertical; } .wpcf7 p { margin-bottom:6px; } .wpcf7 input[type='file'] { font-size:100%; } .wpcf7 input[type='submit'] { background:url('../../../images/template/submit_button.png') 0 0 no-repeat; width:362px; height:43px; display:block; outline:none; border:none; text-indent:-9000px; margin:40px auto 0; } .wpcf7 input[type='submit']:hover { opacity:0.7; } .wpcf7 .terms-accept input[type='checkbox'] { margin-right:6px; } .wpcf7 .file-upload { margin-top:15px; margin-bottom:25px; } .wpcf7 .file-upload label { margin-bottom:8px; display:inline-block; } .wpcf7 input#yourRegion { display:none; } .wpcf7 .wpcf7-validation-errors { display:none !important; } .wpcf7 .submit { position:relative; } .wpcf7 .ajax-loader { position:absolute; top:4px; right:-20px; margin-left:0; } .wpcf7 span.wpcf7-not-valid-tip { padding:0; width:21px; height:21px; border:0; text-indent:-9000px; top:-4px; right:5px; position:absolute; background:url('../../../images/template/validation_arrow.png') 0 0 no-repeat; } .wpcf7 .textarea span.wpcf7-not-valid-tip { top:5px; } .wpcf7 .file-upload span.wpcf7-not-valid-tip { top:-1px; right:-191px; } .wpcf7 .accept span.wpcf7-not-valid-tip { left:408px; } .wpcf7 .accept label, .wpcf7 .file-upload label { cursor:default; } .wpcf7 div.wpcf7-mail-sent-ok { border-top:1px solid #000; border-bottom:1px solid #000; border-left:none; border-right:none; padding:30px 0; margin:0; font-size:14px; text-align:center; } .wpcf7 .wpcf7-acceptance-as-validation.sent .comp_form { display:none; } /* BOOTSTRAP MODALS -------------------------------------------------------- --------------------------------------------------------------------------*/ .modal-open { overflow: hidden; } .modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.85; filter: alpha(opacity=85); } .modal-header { padding: 15px; text-align:center; min-height: 16.42857143px; } .modal-header .terms { margin-left:19px; padding:40px 0; display:inline-block; } .modal-header .entry { margin-left:19px; padding:40px 0 0; display:inline-block; } .modal-header .close { margin-top: -5px; outline:none; background:none; border:none; float:right; font-size:200%; } .modal-header .close:hover { opacity:0.7; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 30px 40px; } .modal-body.form { padding:10px 40px 0; } .modal-body p.terms { line-height:2.0; width:90%; } .modal-footer { margin-top: 15px; padding: 45px 30px; text-align: center; } .modal-footer.form { padding:10px 30px 45px; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { .modal-dialog { width: 515px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } li.menu488 { text-align:center; } li.menu488 a#menu488 { width:160px; padding-right:6px;} body.blog li.menu488 a#menu488 { width:158px; } .error_page h1 { font-size:20px; } .error_page #content { padding: 160px 30px 30px 30px; } .error_page #content article { padding-left:40px;} body.blog h3 a { color:#000; } .upcoming-events_posts h3 { color:#000; font-size:20px; line-height:25px; } .upcoming-events_posts h1 { color:#000; font-size:20px; line-height:25px; font-weight:bold; } /*Competition winners*/ .page-id-1047 .competition_topcont{ height:100px; } .page-id-1047 .competition_bottomcont{ margin-top:50px; } .page-id-1047 .competition_bottomcont .column-left{ width:800px; margin:0px auto; } .page-id-1047 .competition_bottomcont .column-right{ width:800px; margin:0px auto; } body.blog.page-template-page-competition-bg-php { background:#fff url('/images/competition_bg3.jpg') center 0 no-repeat; } body.blog.page-template-page-competition-bg-php .heading h3 { text-align:center; } body.blog.page-template-page-competition-bg-php #main_holder { position:absolute; margin-top:552px; width:100%; } body.blog.page-template-page-competition-bg-php #container { background: none; } body.blog.page-template-page-competition-bg-php .competition_bg_content { width:600px; margin:0 auto; } body.blog.page-template-page-competition-bg-php .competition_bg_content p { margin-bottom:10px; } body.blog.page-template-page-competition-bg-php header { position:absolute; } .player_holder iframe{position: absolute; top: 290px; z-index: 11; left: 50%; margin-left: -261px;}