/* Theme Name: Odyssey - v2016 Theme URI: http://www.odysseybmx.com Description:Wordpress Theme designed by Francis Delapena. Author:Francis Delapena Author URI: http://www.francisdelapena.com/ Version: 2016 */ /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /* FONTS */ @font-face { font-family: 'Futura Book'; src: url('http://www.odysseybmx.com/fonts/futura/futura-book-webfont.eot'); src: url('http://www.odysseybmx.com/fonts/futura/futura-book-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.odysseybmx.com/fonts/futura/futura-book-webfont.woff') format('woff'), url('http://www.odysseybmx.com/fonts/futura/futura-book-webfont.ttf') format('truetype'), url('http://www.odysseybmx.com/fonts/futura/futura-book-webfont.svg#futura_stdbook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura Bold'; src: url('http://www.odysseybmx.com/fonts/futura-bold/futura-bold-webfont.eot'); src: url('http://www.odysseybmx.com/fonts/futura-bold/futura-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.odysseybmx.com/fonts/futura-bold/futura-bold-webfont.woff') format('woff'), url('http://www.odysseybmx.com/fonts/futura-bold/futura-bold-webfont.ttf') format('truetype'), url('http://www.odysseybmx.com/fonts/futura-bold/futura-bold-webfont.svg#futura_stdbold') format('svg'); font-weight: normal; font-style: normal; } /* COLORWAY */ a { color:#e52d27; } .color, .color-hover:hover, .color-hover:hover .color-hover, .color-hover a:hover, .post_title a:hover, #news #s:hover, #news #s:focus, #registrationform .req { color:#e52d27 !important; } .color-border, .more-link { border-color: #e52d27 !important; } .color-bg, .color-bg-hover, .externallinks .links a { background-color:#e52d27 !important; } body, html { height:100%; min-height:100%; overflow:visible; } body {color:#000;font-size:10px; position:relative; } body, .regular { font-family:'Futura Book', Arial, Verdana, Sans-Serif; font-weight:normal; } h1, h2, h3, h4, h5, h6, strong, .bold { font-family:'Futura Bold', Arial, Verdana, Sans-Serif; font-weight:normal; } p, h1, h2, h3, h4, h5, .h6, .preserve-ratio {margin-bottom:25px; text-transform:uppercase; } h1 { font-size:36px; line-height:34px; } h2 { font-size:24px; line-height:22px; } h3 { font-size:18px; line-height:16px; } h4 { font-size:16px; line-height:14px; } .font-up { font-size:1.4em; line-height:1.2em; } p { text-transform:none; } p, ul, ol { font-size:14px; line-height:1.25em;} blockquote, ul, ol {margin:10px 10px 25px;list-style:disc;} ul, ol { margin-left:25px; } ul.unstyled { margin:0; list-style:none; font-size:0;line-height:1em; } ul.unstyled li { display:block; } blockquote { border-left:10px solid #ccc; font-size:20px ;line-height:16px; padding:0 0 0 10px;} input, textarea, select, option {background:#efefef; border:1px solid #666;color:#333;padding:2px; text-align:center; } input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus, option:hover, option:focus { background:#fff; color:#000; border:1px solid #000; } label { display:block; color:#666; text-transform:uppercase;} .nowrap {white-space:nowrap;} a {text-decoration:none;} a:hover, .btn:hover, .hover-alpha:hover, .alpha85 { filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; } .alpha100 { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } .btn { background: #999; color: #fff; cursor:pointer; display:inline-block; font-size:12px; line-height:12px; padding:10px; text-align:center; text-transform:uppercase; } .btn:hover, input.btn:focus { background:#333; color:#fff; } .btn.color-bg:hover, input.btn.color-bg:focus { background:#000 !important; } embed, object {background:#fff;} .nopad { margin:0; padding:0; } .pad {padding:10px; } .pad2 { padding:25px; } .alignright { float:right; margin-bottom: 10px; margin-left: 10px; } .alignleft { float:left;margin-bottom: 10px; margin-right: 10px; } .aligncenter { text-align:center !important; } .spacer { border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px; } .spacer-left { border-left:1px solid #ccc; padding-left:25px; margin-left: 25px; } .spacer-right { border-right:1px solid #ccc; padding-right:25px; margin-right: 25px; } .spacer-top { border-top:1px solid #ccc; clear:both; padding-top:25px; margin-top: 25px; } .alt { background:#efefef; border:1px solid #ccc; padding:25px 10px; } .grid.has_children.spacer.alt { margin-top:-50px; } .spacer.alt { border-top:0; margin-top:-25px; } .spacer-top.alt { border-bottom:0; margin-bottom:-25px; } .clear {clear:both; } .clear-hidden { clear:both; height:0; } .show { display:block !important; } /* shadows */ .shadow-b { box-shadow:0 2px 15px #000;-webkit-box-shadow:0 2px 15px #000;-moz-box-shadow:0 2px 15px #000 } .shadow-t { box-shadow:0 -2px 15px #000;-webkit-box-shadow:0 -2px 15px #000;-moz-box-shadow:0 -2px 15px #000 } /* rounded */ .rounded {-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .btn, input, textarea, select, option, .riderlinks .instapress-shortcode a, .rounded2 {-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .rounded4 {-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .rounded10 {-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .rt, .rl, .rtl, #lightbox #outerImageContainer { -moz-border-radius-topleft: 5px; -moz-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .rt, .rr, .rtr, #lightbox #outerImageContainer { -moz-border-radius-topright: 5px; -moz-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .rb, .rl, .rbl, #lightbox #imageDataContainer { -moz-border-radius-bottomleft: 5px; -moz-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .rb, .rr, .rbr, #lightbox #imageDataContainer { -moz-border-radius-bottomright: 5px; -moz-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } /* columns */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { display:inline-block; width:100%; margin-bottom:25px; } .total-1 .col { width:100%; margin:0 1%; } .total-2 .col, .mincol2, .maxcol2 { width:48%; margin:0 1%; } .maxcol2 { max-width:48%; } .total-3 .col, .mincol3 { width:31%; margin:0 1%; } .maxcol3 { max-width:31%; } .total-4 .col, .mincol4 { width:23%; margin:0 1%; } .total-5 .col, .mincol5 { width:18%; margin:0 1%; } .colfirst { margin-left:0; } .collast { margin-right:0; } .icon, .iconmap { background-repeat: no-repeat; display:inline-block; text-transform:uppercase; } .iconmap { background-image: url(images/icon-map.png); } #wrapper { min-width:400px; max-width:100%; width:auto; overflow:hidden; position:relative; min-height:100%; } /* HEADER */ #header { background:#000; margin: 50px 0 236px; min-height: 40px; text-align:center; position: relative; z-index:1; } #logo { background:#fff; display:block; padding:15px 0; position:absolute; top:100%; left:0; right:0; } #logo img { display:none; } /* Menus */ .menu { margin:0; position:absolute; top:50px; z-index:2; } .menu .btn { background:none !important; color:#fff; cursor:pointer; font-size:10px; height:30px; line-height:30px; margin:0; padding:5px; } .menu .open-btn .iconmap { background-position: -13px -11px; width:35px; height:30px; } .menu .close-btn .iconmap { background-position: -240px -10px; width:19px; height:30px; } .menu .container, .menu .close-btn { display:none; } .menu .container { background:#eee; clear:both; text-align:center; padding:25px 0; } .menu .container .title { display:block; font-size: 36px; margin:0 10px 25px; } .menu .container ul { margin:0 10px; text-transform:uppercase; } .menu .container a { color:#000; font-size:20px; line-height:1em; text-transform:uppercase; padding: 10px; } /* main */ #menu-main { left:0; } #menu-main .container ul a { display:block;} /* search */ #s { border:0; color:#000; font-size:20px; text-transform:uppercase; padding:10px 0; width:99%; } #s:hover, #s:focus { background: #fff url(images/search-large.png) no-repeat 9px 8px; } /* catalog */ #menu-catalog { right:0; text-align:right; } #menu-catalog .open-btn .iconmap { float:right; } #menu-catalog .row { display:inline-block; padding: 0 25px; max-width: 750px; } .catalog-menu .grid { margin-bottom:20px; max-width:150px; } .catalog-menu .grid a { color:#000; display:block; font-size:10px; padding:0; text-transform:uppercase; } /* social */ #menu-social { position:absolute; right:0; z-index:1001; } #menu-social ul { display:block; text-align:center; } #menu-social li { display:inline-block; } #menu-social a { display:block; } #menu-social img { width:25px; height:auto; } #menu-social span { display:none; } /* CONTENT */ #content { padding:0 10px; margin: 0 auto; position:relative; z-index:2; } .page_title { padding-bottom:50px; } .page_title.spacer { margin-bottom:50px; } .page_title, .post_title { text-align:center; } .page_title small, .post_title small { display:block; font-size:9px !important; -webkit-appearance:none; } .post_title { position:relative; } .post_title a { color:#000; /*display:block;*/ } .post {clear:both; position:relative; } .entry { text-align:left; } .entry .gallery { margin-bottom:75px; } .entry .widget.spacer { margin-bottom:25px; padding-bottom: 65px; } .entry img { width:100%; height: auto; } .entry img.size-thumbnail { width:auto; } .entry iframe { max-width:100%; } .wp-caption-text { font-size:10px; line-height:12px; } .more-link { clear:both; display:block; text-align:center; text-transform:uppercase; padding:10px; border:1px solid #ccc; } .more-link:hover { color:#000 !important; border:1px solid #000 !important; } /* Share */ .share { text-align:center; } .share li { border-right: 1px solid #ccc; display:inline-block !important; list-style:none; line-height:0; padding:10px; overflow:hidden; width:25%; text-align:center; vertical-align:top; } .share li.last { border-right:0; } .share .tumblr a { display:inline-block; overflow:hidden; width:60px; height:20px; background:url('images/share-tumblr.png') top left no-repeat transparent; text-decoration:none; } /* NEWS */ #content.news .page_title a span.sep { color:#000; } #content.news .post h2 { margin-top:75px; } .navigation { font-size:24px; margin-bottom:25px; text-transform:uppercase; } #content.news .entry.post_excerpt { text-align:center; } /* Navigation */ #page_navigation { font-size:24px; text-transform:uppercase; } /* Infinite Scroll */ .ajax-load-more-wrap { margin-bottom:50px; } .ajax-load-more-wrap button.alm-load-more-btn { background-color: transparent; background-image: url(../../plugins/ajax-load-more/core/img/loader-fading-blocks.gif); background-position: center center; background-repeat: no-repeat; border: none !important; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; width: 100%; background-color: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; overflow: hidden; text-indent: -9999px; cursor: default !important; outline: none !important; } .ajax-load-more-wrap button.alm-load-more-btn:before { display: none !important; } .ajax-load-more-wrap button.alm-load-more-btn.done { opacity: 0; filter: alpha(opacity=0); } .ajax-load-more-wrap button.alm-load-more-btn:active{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ajax-load-more-wrap button.alm-load-more-btn.loading { opacity: 1; filter: alpha(opacity=100); } /* ASSETS */ /* Snippets [latest] */ .post_snippet { padding:25px; } .post_snippet h3 { text-align:left; } .post_snippet img { float:right; margin:10px 0 25px 25px; } .post_snippet .post_desc {display:block; } .post_snippet .post_excerpt, .post_snippet.larger .post_desc blockquote p { color:#000; font-size:14px; line-height:1.25em; } .post_snippet.larger .post_desc, .post_snippet.larger .post_desc p { font-size:18px; line-height:22px; } .post_snippet a.more-link { display:inline-block; font-size:14px; text-align:left; margin-top:1em; } /* Rider Links / [rider] */ .riderlinks { text-align:center; margin-bottom:25px; } .riderlinks li { text-align:center; margin-bottom:5px; } .riderlinks li.instagram { display:block; } .riderlinks li a.btn { display:block; padding:10px 0; } .riderlinks .profile img { height:25px; width:auto; margin-right:5px; } .riderlinks .profile small { font-size:10px; height:25px; line-height:25px; text-transform:uppercase; vertical-align:top; } .riderlinks .fb_iframe_widget, .riderlinks .fb_iframe_widget span { display:block; width:300px !important; height:54px; overflow:hidden; } .riderlinks .fb_iframe_widget iframe { margin:-8px; } .riderlinks .instapress-shortcode { margin: 0 -1% -1%; } .riderlinks .instapress-shortcode a { background:#fff; border: 1px solid #999; display:block; padding:10px; } .riderlinks .instapress-shortcode a:hover { border:1px solid #000; } .riderlinks .instapress-shortcode img { width:100%; height:auto; } .riderlinks .instapress-shortcode .instapress-shortcode-image { width: 18%; margin: 0 1% 1% !important; } /* Related */ .yarpp-related .related.spacer { padding-bottom:0; } /* WIDGETS */ .img-full { display:block; width:auto; } .widget, .img-full { margin-bottom:25px; } .widget.flipbook { padding-bottom:65px; } .widget.flipbook .codebox { bottom:65px; height:auto; } .widget .preserve-ratio { margin-bottom:0; } #page .widget.flipbook { padding-bottom: 90px; } #page .widget.flipbook .codebox { bottom:90px; } /* PAGES */ #page #content { max-width:1000px; } #page .entry { max-width:600px; margin: 0 auto; } /* GRID */ .row { font-size:0; margin:0 -1%; text-align:center; } .row .post { margin-left: 1%; margin-right:1%; } .grid { vertical-align:top; display:inline-block; } .grid.has_children { display:block; width:inherit; margin:0 1% 50px; } .grid.has_children h3.post_title { font-size:18px; } .grid .post_title.has_content { margin-bottom:10px; } .grid h3.post_title, .grid.has_parent h3.post_title { font-size: 10px; line-height:12px; text-transform:capitalize; } .grid img { width:100%; height:auto; } .grid img.postimg { margin-bottom:10px; } .grid span.img { background-position: center center; background-size: cover; display:block; margin-bottom:10px; line-height:0; overflow:hidden; } /* excerpts */ .grid.has_excerpt h3 { margin-bottom:5px; } .grid .post_excerpt { color:#666; font-size:9px; line-height:10px; margin-bottom:25px; text-transform:none; } .grid.has_excerpt:hover .post_excerpt { color:#000; } .grid .entry { text-align:center; } /* FULL WIDTH */ .full-width img { width: 100%; height:auto; } .full-width #sidebar { float:left; width:225px; } /* CATALOG */ .grid.discontinued.spacer-top { display:block; height:75px; padding-bottom:25px; } .grid.discontinued.spacer-top span.img { display:inline-block; height:100px; } .grid.discontinued.spacer-top img { height:100%; width:auto; } .grid.discontinued.spacer-top .caption { display:inline-block; padding:25px 0 0 5px; vertical-align:top; } .grid.discontinued.spacer-top .post_title { color:#000; display:block; font-size:10px; margin-bottom:5px; text-align:left; text-transform:uppercase; } .related .grid.discontinued { float:right; } /* TEAM */ .pro .grid { width: 48%; } .pro .grid .post_title { display:block; } .pro .grid.has_parent .post_title span { display:inline-block; } /* Videos */ #content.videos .latest .more-link { display:none; } /* WARRANTY */ #content.warranty h3 { text-align:center; } #registrationform { text-align:center; } #alerts { color:#000; font-size:20px; line-height:22px; margin: 0 0 25px; text-align:center; padding:25px; } #alerts strong { color:#fff; text-decoration:underline; } #registrationform input {display:block; margin-bottom:5px; padding:10px 0; text-align:center; width:100%; } #registrationform label { margin-bottom:10px; } #registrationform #purchase span { display:block; margin-bottom:5px; } #registrationform small { display:block;font-size:9px;text-transform:uppercase;} /* NEWSLETTER */ #content.newsletter .newsletter { text-align:center; } #content.newsletter .mc-field-group {clear:left; position:relative; margin-bottom:25px; } #content.newsletter .mc-field-group input {display:block; font-size:16px; width:100%; padding:10px 0; margin-bottom:5px; } #content.newsletter #mce-responses { overflow:hidden; } #content.newsletter .response, #content.newsletter div.mce_inline_error { background: none; color: #000; display:inline-block; font-weight:normal; font-size:16px; margin: 10px 0 25px; width: auto; max-width:350px; } #content.newsletter input.mce_inline_error { border-color:#000; background:#fff; } #content.newsletter #mc-embedded-subscribe { color:#fff; font-size:16px; line-height:16px; width:100%; display:block;} /* CONTACT */ #content.contact h3 { text-align:center; } #content.contact .grid { margin-bottom:25px; font-size:10px; line-height:12px; } #content.contact h4 { margin-bottom:5px; } #content.contact .link_desc { display:block; } /* Dealer Locator */ #mapcontainer { position:relative; min-height:600px; } #mapblock, #simplemap, #simplemap-updating { height:400px; text-align:center; position: absolute; top: 215px; bottom:0; right:0; width:100% !important; } #mapblock { background:url('images/white75.png'); z-index:10; } #map_search { background:#efefef; font-size:12px; line-height:12px; text-transform:uppercase; position: absolute; top: 0; left: 0; z-index: 11; width: 100%; } #map_search input, #map_search select, #map_search option { padding:10px 0; background:#fff; } form#location_search_form, table.location_search { width:100%; } table.location_search option { padding:10px; } table.location_search tr, table.location_search td { display:block; text-align:center; } table.location_search tr { padding:10px 20px 0; } table.location_search td { padding-bottom:5px; } table.location_search td.location_search_title, table.location_search #location_search_4_tr { display:none; } #location_search_zip_field, #location_search_distance_field, #location_search_distance_field select, #location_search_distance_field option, #location_search_submit_field { border:1px solid #666; width:100% !important; padding:5px 0; text-align:center; } div#results { border-bottom:1px solid #efefef; width:100% !important; padding-top:625px; } div.result { font-size: 12px; line-height: 12px; border-top: 1px solid #efefef; padding: 25px; } div.result small { color: #999; display:block; font-size:9px; } div.result:hover { background: #efefef; } div.result h3 { margin: 0 0 10px; text-transform: uppercase; } div.result .search-term { background: #ff6; color: #000; } div.result div.result_address { float: left; width: 40%; } div.result address { font-style: normal; text-transform: uppercase; } div.result div.result_phone { float: left; width: 30%; } div.result div.result_links { float: right; width: 30%; text-align: right; } div.result div.result_links div { clear: right; margin-bottom: 3px; } div.result div.special { float: right; height: 20px; margin: 0; padding-left: 20px; line-height: 20px; text-align: left; font-style: italic; background: url(../../plugins/simplemap/inc/images/star.png ) no-repeat left center; } div.result div.sm_tag_list { display:none; } /* PROMOS */ .promo img { width:100%; height:auto; } .promo .caption { background:url(images/white90.png); border:1px solid #ccc; line-height:12px; max-width:100px; text-align:left; padding:10px; position:absolute; top:10px; left:10px; } .promo a:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } .promo a:hover .caption { border-color:#000; } .promo a:hover .post_excerpt { color:#000; } .promo .post_title { display:block; font-size:12px; margin-bottom:5px; text-align:left; text-transform:uppercase; } .promo .post_excerpt { font-size:10px; color:#333; } .promo .caption-video { font-size:16px; text-align:center; text-transform:uppercase; } /* Main */ #promo-spacer { display:none; width:100%; height:auto; } #promo-main { border-top:5px solid #000; position:relative; z-index:1001; overflow:hidden; left:0; right:0; font-size:0; } #promo-main .galleria-theme-promo .galleria-thumbnails-container, #promo-main .galleria-theme-promo .galleria-counter { display:none !important; } /* Full Page */ #ad-fullpage { display: none; overflow:visible; width: 1920px; height: 100%; position:fixed; z-index:1; left: 50%; margin-top:75px; } #ad-fullpage img { position: relative; left: -50%; } #ad-fullpage a#right-side { display:block; width:450px; position:absolute; right:50%; top:0; bottom:0;z-index:2; } #ad-fullpage a#left-side { display:block; width:450px; position:absolute; left:-50%; top:0; bottom:0; z-index:2; } /* LIGHTBOX */ #lightbox #caption { display:none !important; } @media screen and (max-width:600px) { html #wpadminbar { top:-46px !important; } } @media screen and (max-width:610px) { #wrapper { padding-bottom:150px; } #promo-main { position:fixed; bottom:0; } .menu .container { padding-top:55px; } .menu.hover .btns { border-bottom:2px solid #333; } } @media screen and (max-width:1000px) { #logo img.blk { display:inline-block; } #menu-social { background:#333; border-bottom:2px solid #000; height:50px; overflow:hidden; top:0; left:0; } #menu-social li { border-right:1px solid #000; width:18%; } #menu-social li.last { border-right:0; } #menu-social a { padding:12px 0; } .nojavascript .menu:hover, .menu.hover { border-bottom:10px solid #000; float:none !important; margin-bottom:-30px; width:100%; position:relative; z-index:3; } .nojavascript .menu:hover .container, .menu.hover .container { display:block; } .menu.hover .btns { background:#000; position:absolute; z-index:2; width:100%; } .menu.hover .close-btn { display:inline-block; } #menu-main .container.main { padding-top:55px; } #menu-main .container.main ul { border-bottom-width:3px; } #menu-main .close-btn { margin-right:5px; text-align:right; float:right; } #menu-catalog .close-btn { margin-left:5px; text-align:left; float:left; } } @media screen and (min-width:610px) { .menu { position:relative; } .menu .btn { color:#000; padding:0; } .menu .open-btn .iconmap { background-position: -13px -61px; } .menu .close-btn .iconmap { background-position: -240px -60px; } .menu.hover .btns { background:#eee; } #content { padding-bottom:50px; } /* COLUMNS */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { margin:0 1% 25px; } .col2 { width:48%; } .col3 { width:31%; } .col4 { width:23%; } .col5 { width:18%; } /* PAGE */ #page #header { height:75px; margin:0; text-align:left; position:fixed; top:0; left:0; right:0; z-index:1000; } #page #logo { background:none; padding:3px; top:0; right:auto; } #page #logo img.blk { display:none; } #page #logo img.wht { display:inline-block; width:125px; } #page .menu { position:fixed; top:75px; z-index:999; background-image:url(images/white90.png); border:1px solid #000; margin:5px; padding:2px 7px 2px 2px; -moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; } #page #menu-catalog { padding: 2px 2px 2px 7px; } #page .menu.hover { position:relative; z-index:1000; background-image:none; border:0; border-bottom:5px solid #000; margin:0; padding:0 !important; -moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0; } #page #menu-social { background:none; border:0; height:75px; position:fixed; left:auto; right:10px; } #page #menu-social li { border:0; padding-top:9px; width:auto; } #page #menu-social a { padding:15px; } #page #content { padding-top:150px; } /* NEWS */ #news #header { background:none; } #news #promo-spacer { display:block; } #news #promo-main { border-top:0; border-bottom:5px solid #000; position:absolute; top:0; bottom:auto; } #news #content { padding-left:0; padding-right:0; width:600px; } /* CONTACT */ #content.contact .grid { font-size:14px; line-height:18px; } #mapcontainer { min-height:400px; } #map_search { height:400px; width:19%; } #mapblock, #simplemap, #simplemap-updating { width:80% !important; top:0; left:20%; height:400px; } div#results { padding-top:425px; } /* SNIPPET */ .post_snippet img { margin-top:0; } .alt { padding: 25px 15px; } /* ADMIN */ #page.customize-support #header, #page.customize-support #menu-social { top:46px; } #page.customize-support .menu { top:121px; } } @media screen and (min-width:783px) { /* ADMIN */ #page.customize-support #header, #page.customize-support #menu-social { top:32px; } #page.customize-support .menu { top:108px; } } @media screen and (min-width:800px) { /* WARRANTY */ #registrationform { border-left: 1px solid #ccc; float:right; text-align:left; width: 70%; margin-left:2%; padding-left:2%; } #registrationform input { display:inline-block; width:47%; text-align:left; padding:10px; } #registrationform label { display:inline-block; margin:0; } #registrationform #buttons .btn { width:auto; } #registrationform #purchase span { display:inline-block; } .alt { padding: 25px; } } @media screen and (min-width:1000px) { #logo { background:none; top:0; } #logo img.wht { display:inline-block; width:125px; } #content { padding-top:50px; } /* NEWS */ #news #header { position:absolute; left:0; top:0; margin:0; width:150px; z-index:1001; } #news #menu-social { top:115px; right:0; width:150px; } #news #menu-social li { display:block; height:75px; } #news #menu-social a { color:#fff; display:inline-block; font-size:10px; line-height:14px; text-transform:uppercase; } #news #menu-social span { display:block; margin-top:2px; } #news .menu { background:#000; color:#fff; float:none; width:150px; position:absolute; bottom:0; top:0; } #news .menu .container { background:none; display:block; } #news .menu .container .title { display:none; } #news .menu .container a { color:#fff; font-size:10px; padding:5px 0; } #news #menu-main { padding-top:75px; left:0; z-index:1000; } #news #menu-main .open-btn { display: none; } #news #s { background:none; color:#fff; font-size: 10px; padding: 5px 0; width:100%; } #news #s:hover, #news #s:focus { background: #fff url(images/search-small.png) no-repeat 5px 2px; } #news #menu-catalog { right:0; } #news #menu-catalog .open-btn { color:#fff; font-size:10px; margin-top:35px; text-align:center; width:100%; } #news #menu-catalog .open-btn .iconmap { float:none; background-position: -13px -11px; } #news #menu-catalog .open-btn .newline { display:block; line-height:1em; } #news #menu-catalog .catalog { display:none; } #news #menu-catalog.hover { width:100%; z-index:999; } #news #menu-catalog.hover .open-btn { width:150px; } #news #menu-catalog.hover .close-btn { display:inline-block; position:absolute; right:150px; top:5px; z-index:1001; } #news #menu-catalog.hover .close-btn .iconmap { float:right; margin-right:5px; } #news #menu-catalog.hover .container { background:#efefef; display:block; position:absolute; left:150px; right:150px; bottom:0; top:0; } #news #menu-catalog.hover .title { display:block; font-size:36px; } #news #menu-catalog.hover .container a { color:#000; } /* PAGES */ #page .menu.hover { bottom:0; position:fixed; } #page .menu.hover .container { display:block; height:100%; } #page .menu.hover .btns { background: #ccc; border-bottom:1px solid #000; position:absolute; z-index:2; width:100%; } #page .menu.hover .close-btn { display:inline-block; } #page .menu .title { display:none; } #page #menu-main.hover { border-right:1px solid #000; width:200px; } #page #menu-main .container.main { padding-top:30px; } #page #menu-main .container.main ul { margin:0; } #page #menu-main .container.main li { border-bottom:1px solid #ccc; } #page #menu-main .container a { font-size: 14px; padding:15px 0; } #page #menu-main .container a:hover { background:#fff; } #page #menu-main .close-btn { margin-right:5px; text-align:right; float:right; } #page #s { border:0 !important; padding: 15px 0 !important; font-size:14px; width:100%; } #page #s:hover, #page #s:focus { background-position: 9px 9px } #page #menu-catalog.hover { border-left:1px solid #000; width: 400px; } #page #menu-catalog .close-btn { margin-left:5px; text-align:left; float:left; } #page #menu-catalog .row { padding-top: 20px; } #page #menu-catalog .grid a { font-size:9px; } } @media screen and (min-width:1100px) { #ad-fullpage { display:block; } } @media screen and (min-width:1200px) { #news #content.news .gallery-list, #news #content.news .widget, #news #content.news .img-full, #news #content.news .preserve-ratio { margin: 0 -75px 25px; } #news #content.news img.size-large { margin: 0 -75px 25px; width:750px; } #news #content.news .widget .widget, #news #content.news .widget .preserve-ratio, #news #content.news .img-full img.size-large, #news #content.news .widget img.size-large { margin: 0 !important; } } @media screen and (min-width:1300px) { #news #content.news .gallery-list, #news #content.news .widget, #news #content.news .img-full, #news #content.news .preserve-ratio { margin: 0 -150px 25px; } #news #content.news img.size-large { margin: 0 -150px 25px; width:900px; } } @media screen and (min-width:1400px) { #news #content.news .gallery-list, #news #content.news .widget, #news #content.news .img-full, #news #content.news .preserve-ratio { margin: 0 -200px 25px; } #news #content.news img.size-large { margin: 0 -200px 25px; width:1000px; } }