/* Theme Name: Konig Wheels Theme URI: http://www.konigwheels.com Author: Konig American Description: Konig Wheels Website Theme. Version: 1.2 Text Domain: Konig Wheels Tags: Konig Wheels, Konig Rims, Konig Wheels USA, Konig American */ .drive-viewer-shadow {background-color:#fff !important;} /* THE FOLLOWING STYLES OVERWRITE NGG CSS FIXING PAGINATION DISPLAY ISSUES */ .ngg-gallery-thumbnail-box {margin-right: 0 !important;margin-bottom: 0 !important;} .ngg-gallery-thumbnail img {margin-bottom: 5px !important; margin-right: 5px !important;} .ngg-gallery-thumbnail a {max-width: 300px;} .ngg-gallery-thumbnail {text-align: center; max-width: 100%!important; background-color: transparent!important; border: none!important; margin: 0px!important;} /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- - RESET <- for browsers - General / Global - Text Styling (non specific) - Text Styling (specific) - Elements - Forms - Navigation / Header -- Links -- Header -- Menus - Accessibility - Alignments - Clearings - Widgets - Content -- Posts and pages -- Templates and Parts -- Asides -- Comments - Infinite scroll - Media -- Captions -- Galleries - Slider - STORE - RESPONSIVE DESIGN --------------------------------------------------------------*/ /*@include url('http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min.css'); @include url('http://yui.yahooapis.com/3.5.0/build/cssbase/cssbase-min.css'); @include url('http://yui.yahooapis.com/3.5.0/build/cssfonts/cssfonts-min.css'); */ @include url('https://konigwheels.com/wp-content/themes/konig/css/yahooapis3.5.0/cssreset-min.css'); @include url('https://konigwheels.com/wp-content/themes/konig/css/yahooapis3.5.0/cssbase-min.css'); @include url('https://konigwheels.com/wp-content/themes/konig/css/yahooapis3.5.0/cssfonts-min.css'); @include url('https://fonts.googleapis.com/css?family=Architects+Daughter'); @font-face { font-family: 'Architects Daughter', cursive; src: url(https://fonts.googleapis.com/css?family=Architects+Daughter); /* IE */ src: url(https://fonts.googleapis.com/css?family=Architects+Daughter) format("truetype"); /* non-IE */ } @font-face { font-family: rbno3b; src: url(css/fonts/r3no3book.eot ); /* IE */ src: local(rbno3book), url(//konigwheels.com/wp-content/themes/konig/css/fonts/rbno3book.ttf) format("truetype"); /* non-IE */ } @font-face { font-family: rbno3; src: url(css/fonts/r3no3.eot ); /* IE */ src: local(rbno3), url(css/fonts/rbno3.otf) format("truetype"); /* non-IE */ } h1.hellotour {font-family: 'Architects Daughter', cursive;font-size: 300%; color:#0066b4; text-transform:uppercase;} #main > div > section > header > img {max-width:1280px; width:100%; height:auto;padding: 1em 0;} #detour-mobi {display:none;} #\34 04-left {width:30%} #\34 04-left > div > ul > li.cat-item {font-family: rbno3;font-size: 150%;padding: 5px 0;margin: 5px auto;border-top: 1px solid #e2e2e2; text-indent:.5em;} #\34 04-left > div > ul > li.cat-item:hover {background: #0066b4;color:#fff;} label.collapse p {color:#404040; text-align:left; padding: 0;margin:0; clear: left; font-family: rbno3;} /*label#faq.collapse { background: url('css/imgs/faq-plus.png') left 34px; background-repeat: no-repeat;}*/ /*#faq.collapse {background: url(css/imgs/faq-plus.png) left 34px;background-repeat: no-repeat;}*/ .collapse{font-size: 31px;display:block;padding:0;padding-bottom: 28px;} .collapse + input{display:none;} .collapse + input + *{ display:none;} .collapse + input:checked + *{display:block;margin-left: 35px;} /*-------------------------------------------------------------- - General / Global --------------------------------------------------------------*/ html { font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased !important; } body { margin: 0; line-height:1.2; font-weight: 300; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; text-decoration: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } .flow-forming-desc, .back-cut-desc, .ball-cut-desc {float: left; border-top: 1px solid #c4c4c4;} .flow-forming-desc img, .back-cut-desc img, .ball-cut-desc img {border-right: 1px solid #c4c4c4;padding-right: 24px;} div.flow-forming-desc ul li, div.back-cut-desc ul li, div.ball-cut-desc ul li {clear: none;padding: 2%;} .flow-forming-desc ul li p, .back-cut-desc ul li p, .ball-cut-desc ul li p {text-align: left;font-size: .8em;} img.ffstep {width: 100px;float: left;margin: 0 24px 0px 0;padding-right: 24px;border-right: 1px solid #c4c4c4;} .flow-forming-desc ul li.step, .back-cut-desc ul li.step, .ball-cut-desc ul li.step {width:28%;} li#ff-copy, li#bc-copy, li#bl-copy {width: 68%;} svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], { box-sizing: border-box; padding: 0; display:none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- - Text Styling (non specific) --------------------------------------------------------------*/ body, button, input, select, textarea {color: #404040;font-size: 16px;line-height: 1.2;font-family: rbno3b, Arial,"Helvetica Neue",Helvetica,sans-serif;} h1, h2, h3, h4, h5, h6 {clear: both; line-height:1.4; margin: auto; padding: 0; font-weight:100;} .search-wheels {color:#006bb4; line-height:1.1em; font-family:rbno3, Arial, Helvetica, sans-serif} .search-results-wheels {margin-top:10px;} .search-results-media {margin-top:10px;} .search-results-posts {margin-top:10px;} h2 {font-family: rbno3;font-size: 1.8em;color: #404040;text-transform: uppercase;} h3 {clear: both;font-family: rbno3; font-size: 200%;text-transform:uppercase;margin:0;} h4 {color: #006bb4;text-transform:uppercase; font-family: rbno3b, Arial,"Helvetica Neue",Helvetica,sans-serif;} h5 {font-family: rbno3; font-size: 140%;letter-spacing: .5px; } h6 { line-height: .5;font-size: 75%;text-transform: uppercase;} div.entry-content a {color: #0066b4;} p { margin: 0 0 24px; } .images-pg p{margin: 0 0 0px;} dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- - Type & Text (Class & Id specific) --------------------------------------------------------------*/ .slide1, .slide2, .slide3, .slide4, .slide5 {color: #fff;margin: 0 0 .7em 0;} /* H2 ALIGNMENT for HOMPAGE PRODUCT SLIDER */ #product-path {margin: 0px 4.5% 0px 4.5%; width: 24%;} #dealer-content > h2 {color: #fff;margin: 0 0 .7em 0;width: 15em;padding: 0 0 4px 0;position: relative;top: -32px;} #dealer-content > h2 img {margin: 0 7px -10px 0px;} h2.wheel-select { -webkit-margin-before: 0em; -webkit-margin-after: 0em;position:relative;color:#fff;} h3.bcrum { line-height: 0; margin-top: .65em; padding-bottom: .2em;} h3.news-title{padding-top:1em;} .news-title a:hover { color:#0066b4;} #dynamic-size ul li.dynamic-leftcol h3, h3.faces-title {border-bottom: 2px solid;background-image: url(css/imgs/border.png); line-height:1;margin: 0 7px 0 0;background-repeat: no-repeat;background-position: right 12px;} h3.ppost { clear: both; font-family: rbno3; font-size: 1.7em; text-transform: uppercase; margin: 0; line-height: 1.2em; margin-top: 3px;} h4.faces-desc {padding-bottom:20px;font-family: rbno3b} h4.product-viewall {float:right; padding-top:26px; padding-right: 28px; background-image: url(css/imgs/border2.png); background-repeat: no-repeat; background-position: right 8px; font-size: 1.2em; background-position-y: 28px;font-family: rbno3b} h4.wheel-title {font-size:1.1em; font-family: rbno3b} h5.news { font-size: 100%;} .footer-text {text-decoration:none; color:#e2e2e2; padding-top:12px;} .footer-text a {color:#e2e2e2;} h1#article-title.entry-title, h1#article-title-guest.entry-title {bottom: -85%; font-size:230%;position: relative;text-indent: .2em;color: #fff;font-family: rbno3;letter-spacing: 1px;} h4.page-search-result a:hover {color:#000;} /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { line-height:1.2; margin:0; } blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { /* margin: 0 0 1.5em 3em; */ } ul { list-style: disc; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } ol { list-style: decimal; } li { list-style-type:none;} li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } .facespg-thumb img { height: 166px; max-width: 295px; } table { margin: 0 0 1.5em; width: 100%; } .ssba.ssba-wrap {position: relative;top: 173px;opacity: .9;z-index: 9998;} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { font-family:inherit; padding:5px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { padding-left: 3px; width: 100%; } label.gfield_label.gform-field-label {color:#000 !important;} /*-------------------------------------------------------------- - Navigation --------------------------------------------------------------*/ label[for="nav-trigger"], .navi {display:none;} .navi { padding-bottom: 5em; list-style: none; background: #404040; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; color:#fff; overflow-x: hidden; overflow-y: visible; } .navi ul {margin: 0; padding: 0; } .navi ul li { border-bottom: 1px dotted rgba(226, 226, 226, 0.28); background: #292929; text-align: center; line-height: 3.6; } .navi ul li a { padding-bottom:10px; line-height:2; } .navi ul li ul li { background: #0066b4; position: relative; } .navi ul li ul li:hover, .navi ul li:hover { opacity:.8;} .navi a { font-size:115%; width:100%; } .site-wrap { min-width: 100%; min-height: 1280px; background-color: #fff; position: relative; top: 0; bottom: 100%; left: 0; z-index: 1; } .nav-trigger { position: absolute; clip: rect(0, 0, 0, 0); display: none; } label[for="nav-trigger"] { cursor: pointer; background-image: url("//konigwheels.com/wp-content/themes/konig/css/imgs/menu-toggle.png"); background-size: contain; background-color: transparent; background-repeat: no-repeat; position: fixed; float: right; width: 35px; height: 35px; padding: 0; margin: 0; top:10px; right:15px; } .nav-trigger:checked + label { background-image: url("//konigwheels.com/wp-content/themes/konig/css/imgs/menu-toggle.png"); background-size: contain; background-color:transparent; background-repeat:no-repeat; position:absolute; } #navi-top { position: fixed; width: 100%; background: #0066b4; z-index: 10000000000; border: 0; } ul#primary-menu.menu { padding-top: 59px; } .nav-trigger:checked ~ .site-wrap { left: 100%; display: none; } .nav-trigger + label, .site-wrap { transition: left 0.2s; transition-timing-function: ease-out; } /*-------------------------------------------------------------- -- Links --------------------------------------------------------------*/ a { color:inherit; } /*--> Home Pages View Cat Buttons <--*/ a.view-all, a.view-all2 {float: right;position: relative;background-color: #404040;border-radius: 3px;line-height: 18px;color: #fff;padding: 0px 5px 3px 5px;font-family: rbno3b;text-transform: uppercase;} a.view-all {right:8px; top:-16px;} a.view-all2 {top: -36px;right: 0px; margin-bottom: -35px;} /*--> REMVOE TOP & RIGHT POSITIONING IN @MEDIA <--*/ a:visited {} a:hover, a:focus, a:active { } a:focus { } a:hover, a:active { } .footer-links {text-decoration:none; color:#FFF;} /*-------------------------------------------------------------- -- Header --------------------------------------------------------------*/ #top-nav-container {} #top-nav-container ul {margin:0;display: inline;} #top-nav-container ul li {float:left;} #top-nav-container ul li a:hover {color:#0066b4;} #left-top-nav-container {list-style:none; padding: 0;} #right-top-nav-container {list-style:none; } .site-header {background: #FFF; /*rgba(64, 64, 64, 0.95)*/;height: 64px; width:100%;position:fixed; z-index:99999; box-shadow: 0 4px 4px -6px black;} .site-title { margin-top:0px;} img.logo {width:92%;} .nav-search img {margin: 2px 6px; height: 30px;} .nav-search img:hover {opacity:.7;} .nav-search {position: absolute;top: 0px;right: 225px;padding: 15px 15px 0px 10px;color: #fff; z-index: 9999;} #spotlight { padding: 10px; background: #404040; float: left; margin: 0px; margin-top: 38px; position: relative;left: 55px;} #mcenter img {opacity:.7;} #mcenter img:hover {opacity:1;} #mcenter {position: absolute;top: 0px;right: 210px;text-align: center;line-height: 100%;border-left: 1px solid #B6B6B4;border-right: 1px solid #B6B6B4;padding: 5px 0px 0 0;font-family: rbno3b;color: #fff;text-transform: uppercase;letter-spacing: .5px;font-size: .9em;z-index: 9999;} #social1 {position: absolute;right: 10px;top:0px;color: #fff;z-index: 9999; margin: 16px 0;} #social1 li {float: left;display: inline;margin: 0 5px;cursor: pointer;} #social1 ul {margin:0;} #social1 li a img { width: 30px; height: 30px;} #social1 img:hover {opacity:.7;} #social2 {width: 60%;float: left;} #social2 ul {display: inline-block; margin: 0 0 0.5em 3em; padding: 0; float:left;} #social2 li {margin: 0 10px;list-style-type: none;float: left;} #social2 h4 {color: #fff;float: left;font-size: 2em;} #catalog {width: 28%;float: right;} #catalog ul {display: inline-block; margin: 0 0 0.5em 3em; padding: 0; float:left;} #catalog li {margin: 0 10px;list-style-type: none;float: left;} #catalog h4 {color: #fff;float: left;font-size: 2em;} /*-------------------------------------------------------------- -- Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; margin-left: 1.7em; top: 24px; font-size: 1em; letter-spacing: .5px; padding-bottom: 25px; } .main-navigation a { display: block; text-decoration: none; font-weight: bold !important; font-family: rbno3b; color:#0066b4; text-transform: uppercase; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 22px; left: -999em; padding: 0px 0px 20px 0px; z-index: 9999; background-color: #FFF; width: auto; min-width: 200px; } .main-navigation ul ul li:hover { position: relative; } .main-navigation ul ul li a:hover { background: #cecece; height:2em; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: auto; line-height: 2; font-size: .8rem; position: relative; padding-bottom: 5px; bottom: 10px; height: 100%; padding-top: 2px; padding-left: 10px; } .main-navigation ul ul li { font-size: .8rem; text-align: left; margin: 0; padding: 0 0 10px 0; width: 100%; height: 24px; } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { } /* Small menu. */ .main-navigation.toggled {background: #404040;min-height: 100px;} button.menu-toggle {display:none; right: 10px;bottom: 50px;float: right;position: relative;background: none;border: none;box-shadow: none; z-index:9999;} .menu-toggle, .main-navigation.toggled ul { display: block; } .site-main { padding-top: 64px;} .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; margin: .5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ #secondary {float: right;width: 23%;padding-top: 1em; display:block;} .post-news {float:left; width:74%;} .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- -- Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry {margin: 0 0 1.5em;display: block;float: left;} .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- -- PAGES --------------------------------------------------------------*/ /** HOMEPAGE **/ .grey-divide {padding: 2px 0;background-color: #404040;} .blue-divide {padding: 2px 0;background-color: #006bb4;} .divider-social { height:3.6em; width:100%; background-color:#006bb4; padding: 5px 0;} /** Video Section **/ div.video-title-box {background:#FFF; margin: 0 0 0 5px;} div.video-title-box-sb {background:#FFF; margin: 0 0 6px 0px; border-bottom: 2px solid #2E99E5;height: 48px; width: 219px;} .video-wrapper iframe { border-bottom:2px solid #2e99e5;} #product li {list-style-type:none;} /** FACES OF KONIG PAGE **/ #heading-size .fok img {position: relative;top: 4px;} #heading-size .fok a h3 {font-size:3.4em; line-height: .8;} .faces {max-width: 1280px;width: 100%;overflow: hidden;margin: 0 auto;} .faces .hentry {margin:0px;} .faces ul {margin:0;} .facespg-thumb { list-style:none; float:left; margin-right: 6px; width:23%; height:auto;opacity:1;margin-bottom: 1em;} .facespg-thumb:hover {opacity:.7;} .fok-bio h2 { text-align: center;top: 0.5em;background: rgba(255, 255, 0, 0.65);font-size: 160%;position: relative;font-family: Architects Daughter;font-weight: bold;width: 80%;float: left;margin: 0 0 0 1em;} .fok-link {float: left;width: 91%;text-align: right;} .fok-link h4 {padding: 10px;} .fok-link ul li {float: right;margin: 0 10px;} h3.more-vids {max-width: 1280px;color: #CACACA;width: 100%;margin: 0 auto;border-top: 2px solid;font-size: 250%;text-indent: 10px;} /** VIDEO SECTION OF VIDEO PAGE **/ .videos {max-width: 1280px;width: 100%;overflow: hidden;margin: 0 auto;} .videos .hentry {margin:0px; padding-top: 0px;} .videos ul {margin:0;} .video-div {width:100%;} /** WHEEL SELECTION PAGES **/ div.whl-content, div.videos-content {max-width: 1280px; margin:0 auto; width:100%;} div.videos-content ul li {width:22%; margin: 0 2em 2em 0; float:left; height:auto; opacity:1;} div.videos-content ul li:hover {color:#0066b4; opacity:.8;} div.videos-content ul li img {width: 295px; height:166px;} section.whl-slct-left {width:30%; float:left;} section.whl-slct-right {width:65%; float: right; margin:25px 0 !important;} section.whl-slct-right ul li {float:left; width: 24%; height:auto;text-align:center;} section.whl-slct-left h2, div.videos-content h2 {color: #FFF;margin: 0 0 .7em 0;width: 15em;padding: 0 0 4px 0;position: relative;} section.whl-slct-left h3 {margin:0; font-size:130%;} section.whl-slct-right ul li a {font-size: 1.1em;font-family: rbno3b; color: #0066b4; } .box {text-align: center;font-size: 1.1em;color: #006bb4; font-family: rbno3b; text-transform: uppercase;} #wheels .wheelselect-image ul li {float: left;display: inline;} #wheels1 .wheelselect-image ul li {float: left;display: inline;} #product-divider-blue2 { width: 500%;margin-left: -200%;padding: 4px 0;background-color:#006bb4; display:table; height:2px;} #product-divider-grey2 {width: 500%;margin-left: -200%;padding: 8px 0;background-color: #404040;z-index: -1;margin-bottom: -16px;} #product-divider-bg2 {clear: both; font-family: rbno3; font-size: 1.8em; color: #fff; text-transform: uppercase; background-color: #006bb4; position: absolute; width: 40%; height: 44px;} .wheels-post-media{} .wheels-post-media ul {list-style:none; padding-left: 0px;} .video-media-excerpt {float:left; margin-right:10px;} /** NEWS / BLOG PAGE **/ p.news-date {font-size:1.2em; font-family: rbno3;} .divide-news { } .news-date {border-bottom: 2px solid #006bb4; -webkit-margin-before: 0em; -webkit-margin-after: .4em;} .news-desc {padding-top:.4em;} .news-desc ul {list-style:none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0em; -webkit-padding-before: 0em; -webkit-padding-after: 0em; -webkit-padding-start: 0em; list-style:disc; margin:0;} .news-desc li {float:left; display:inline; padding-bottom:1.8em; position:relative;} .news-left-guest:before { width: 150px; height: 38px; position: absolute; top: 10px; left: 10px; content: ''; z-index: 1; } .news-left-guest:before { background-image: url('css/imgs/guest-blog.png'); background-repeat: no-repeat; } .news-left{float:left; display:block;} .news-left img, .news-left-guest img {float: left;margin: 10px;} .news-left p, .news-left-guest p {line-height: 1.6;} .news-right{width:61%;} #read { background-color: #0066b4; color: #fff; font-family: rbno3b; text-transform: uppercase; font-size: 125%; float: left; padding: 10px 1em; border-radius: 4px; } /** INFO / TECH SELECTION PAGE */ .tech{ float: left; right: 0px; width: 100%; list-style: none; padding: 0; -webkit-padding-start: 0; margin: 0 auto; } section.it-item img {float: left;margin: 1em 1em 1em 0;} /** CALENDARS/WALLPAPERS **/ div.calendars, div.wallpapers {max-width: 1280px; margin:0 auto; width:100%;} .calendars img {width: 18%;float: left;margin: 5px;display: block;} .wallpapers img {width: 24%;margin: 2px; float:left; display:block;} div.calendars h2, div.wallpapers h2 {color: #FFF;margin: 0 0 .7em 0;width: 15em;padding: 0 0 4px 0;position: relative;} /** FOOTER **/ .site-footer {background-color:#404040; height:3em; text-align:center;} .site-info {background-color:#404040;} input.email {max-width:180px; background-color:#CCC; color:#FFF !important; font-family:rbno3b, Arial, Helvetica, sans-serif; line-height:1em;} .button-c {background-color:#333; color:#FFF; max-width:10px;} #mc_embed_signup input.email {float:left; padding:1px 0 !important; margin: 0 1px 0px 0 !important; width:13% !important; min-width:144px !important; line-height: 1.3 !important;} .footer-text {max-width: 1280px; display: block; overflow: hidden; width: 100%; margin: 0 auto;} .footer-text ul {padding:0;} .footer-text ul li {float:left;} li.footlt {width:25%; text-align: left;} li.footmid {width:50%; text-align:center; } li.footrt {float:right; clear:right;width: 25%;} .footphone { vertical-align:bottom;} .footmail { vertical-align:bottom;} #mc_embed_signup form {padding-top:0px !important;} #mc_embed_signup form { display: block; position: relative; text-align: left; padding: 0px 0px 10px 35% !important; float: left !important; width: 100% !important;} /*CONTACT PAGE*/ .contact-label {font-size:16px; color:#404040; font-family:rbno3b, Arial, Helvetica, sans-serif; text-align:left; width:80%;} input.name {margin-left:15px; width:50%;} textarea.message {margin-left:15px; float:left; width: 100%;height: 200px; margin-top: 10px;} input.email-contact {margin-left:15px; width:50%;} input.human {margin-left:15px;} .contact-left {float:left; width:45%; margin-right: 1em;} .contact-right {float:left; width: 45%;} .soci li {width: 15%; float:left;} div.success {font-weight: 700;color: #0066b4;padding: 1em;border: 2px solid;border-radius: 5px;margin: 1em;text-align:center;} div.error { font-weight: 700;color: #B40000;padding: 1em;text-align: center;border: 2px solid;border-radius: 5px;margin: 1em;} /*-------------------------------------------------------------- -- Posts and pages --------------------------------------------------------------*/ .post-container, .wheel-post-container {width: 100%;overflow: hidden; margin: 0 auto; float:none; clear:both;} .post-container2 {max-width: 1280px;width: 100%;overflow: hidden; margin:0 auto;float:none; clear:both;} .post-container2#store {background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/storehead.png') no-repeat center -21px; position:relative; overflow:visible;} .post-container2-defaultpg {max-width: 1280px;width: 100%;overflow: hidden; margin:0 auto; margin-top:2em; margin-bottom:2em;} #whl-heading{width: 100%;overflow: hidden;background: #e2e2e2; position:fixed;} #heading{width: 100%;overflow: hidden;background: #e2e2e2;} #heading-size {width: 1280px;margin: 0 auto;background-image: url(//konigwheels.com/wp-content/themes/konig/css/imgs/crown-tilt.png);background-repeat: no-repeat;background-position: left; overflow: hidden;} #heading-size h3 {font-size: 2.4em;} #intro-size {max-width:1280px; overflow:hidden; display:block; width:100%; margin:0 auto; color:#fff;} #intro {background: url('https://konigwheels.com/wp-content/themes/konig/css/imgs/facesofkonig/bg.png');background-color: #000;background-repeat: no-repeat;background-size: 1676px; background-position: top;} #intro-size .right {float:left; margin: 0 0 0 1em; max-width:400px; width:28%; height: 480px; background: rgba(0, 0, 0, 0.48);} #intro-size .left {float:left;} #intro-size ul {list-style:none;margin:0;} #intro-size ul li p { font-family: 'rbno3b';} /** POST NAVIGATION **/ .post-nav-cont {background-color: #e2e2e2;border-bottom: 2px solid #006bb4;border-top: 2px solid #006bb4;margin: 0 auto;width: 100%;float: left;} .post-nav { margin: 0 auto;margin-top: 2px;width: 40%;text-align: center;padding: 10px;height: 2em;} .post-nav ul img {margin:0 5px;float: left;} .post-nav ul li {float:left;} .post-nav-lt {margin-right:20px; margin-top:8px} .post-nav-rt {margin-left:20px; margin-top:8px} .post-nav-mid { margin-top:8px} /** PAGINATION FOR ALL BLOGS / BLOG TYPES **/ .pagination { clear:both; padding:20px 0; position:relative; font-size:1.2em; line-height:1.2em; font-family: rbno3b; } .pagination span, .pagination a { display:block; float:left; margin: 2px 3px 5px 0; padding:4px 9px 4px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .pagination a:hover{ color:#fff; background: #006bb4; } .pagination .current{ padding:4px 9px 4px 9px; background: #006bb4; color:#fff; } /** Wheel Posts **/ .wheels-post-excerpt { width: 100%; float: left;} .wheels-post-excerpt ul {list-style:none; float:left;} .wheels-post-excerpt ul li {float:left; clear:both;} .wheels-feature-lt {text-align:left; width:30%; border-right:2px solid #666; height:auto; min-height:150px; padding-right:5px; margin-right:10px; padding-bottom:20px;} .wheels-feature-rt {float:left;width:67%;} .wheels-post-divider {} .arrow-lt {position: relative;top: 20em;float:left;margin-right:2.5em;} .arrow-rt {float:right; position: relative;top: 20em;margin-left:2.5em;} .whl-img {width:80%; max-width:550px; position: relative;} /** Keeps wheels in selection tab sized **/ .feature-container {max-width: 1280px; float: left;padding-top:12px; width:100%;margin-bottom: 2em;} .feature-container ul {margin: 0;padding: 0;width:100%;} li.diameters {float:left; width:60%;} .feature-container .whl-features {float: left; clear:right; width: 40%;} .whl-features ul, .whl-features ul li ul {padding: 0;margin: 0;} li.whl-features ul li#3 {clear: none; margin-left: 15px;} .diameters ul li {float:left; clear:none;margin-right: 10%; text-align:center; letter-spacing: 1px;} .diameters ul li h3 {text-transform: lowercase;} .no {color:#c4c4c4; margin: 4px auto;} .yes {color:#0066b4; margin: 4px auto;} .no img {margin: 0px 5px -7px 0px;} .yes img {margin: 0px 5px -7px 0px;} .diameters ul h4, .whl-features ul h4 {color: #404040; margin-bottom: 10px;} label#tl1.tl {position:fixed; z-index: 9999; margin-left: -230px;} label#tl2.tl {position:fixed; z-index: 9999; margin-left:-78px;} label#tl3.tl {position:fixed; z-index: 9999; margin-left: 74px;} /**WHEEL SPECS STYLING**/ .csvtohtml tr.headers { background: #0066b4 !important; color: #fff !important; font-weight:600;} .csvtohtml responsive-csvtohtml {background: #FFFFFF !important; font-size: 2em !important;} /** News Posts **/ .article-head { height: 280px; overflow: hidden; border-bottom: 5px solid #0066b4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0) 67%, rgba(0,0,0,0.06) 70%, rgba(0,0,0,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(67%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 67%,rgba(0,0,0,0.06) 70%,rgba(0,0,0,0.65) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 67%,rgba(0,0,0,0.06) 70%,rgba(0,0,0,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 67%,rgba(0,0,0,0.06) 70%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 67%,rgba(0,0,0,0.06) 70%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .article-img { position: relative; z-index: -1; float: left; zoom: 150%; /*top: -150px;*/ top: -65px; } /** Faces Of Konig Posts **/ .vid-thumb { width: 318px;float: left;} .fok-vid-section { max-height: 750px; background-color: #000; background-image: url('images/jw_bg.png'); width: 100%; height: 100%; margin: 0 auto; position: absolute; z-index: -1; text-align: center; background-position: center; } .fok-top { width: 100%; height: 480px;" } .vid-content { max-width: 1280px; margin: 0 auto;} .video-left { width: 67%; float:left; } .fok-bio { background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/facepaper.png') no-repeat; float: left; width: 33%; height: 480px; font-family: Architects Daughter; background-position: left -3px; } .vid-info { background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/vid-slate.png') no-repeat; float: left; width: 33%; height: 480px; font-family: Architects Daughter; background-position: left -3px; color: #fff; padding: 2em 0 0 0; } .fok-excerpt {width:80%; margin:0 auto;} div.fok-bio p, div.vid-info p { width: 80%; margin: 0; float: left; padding: 1em 1em 0; font-weight: 700; line-height: 1.6; letter-spacing: 1px; font-size: 100%; height: 60%; } section.fok-body img { position: relative; bottom: -5px; } .fok-left { float: left; width: 28%; height: 480px; color: #fff; line-height: 2; padding-top: 1em; } .fok-right { float: right; width: 72%; margin-bottom: 1em; } .fokpost-thumb, .vidpost-thumb { width: 25%; float: left; padding-bottom: 1em; opacity: 1; color: #404040; } .fokmore-thumb { width: 25%; float: left; padding-bottom: 1em; opacity: 1; color:#fff;} .fokmore-thumb:hover {color:#0066b4;opacity:.8;} .fokpost-thumb:hover {color:#0066b4;} .fokpost-thumb:hover { opacity: .8; } .fok-body h3 { position: absolute; margin-top: -34px; color:#fff; } ul#more-vid {max-width: 1280px;width: 100%;margin: 0 auto;} #heading-size div#vidpost {float: left;width: 60%;} #yt-subscribe {float: right;padding: 14px 0;width: 28%;} /*-------------------------------------------------------------- -- Templates and Parts --------------------------------------------------------------*/ /* Homepage Content Product Section */ #product {margin: 0 auto; clear:both;} #product ul {margin:0;} #product-size {width:80%; margin: 0 auto;position: relative;bottom: 40px;} #product-content {} #product-content p {width:33%;margin: 0;} #product-content ul {} #product-divider-blue {padding: 4px 0;background-color:#006bb4;} #product-divider-grey {padding: 8px 0;background-color: #404040;z-index: -1;margin-bottom: -16px;} #prod-content {max-width: 1280px;margin: 0 auto;} #left-product-bar {width: 25em; background-color:#006bb4; position:relative; z-index:9999; right: 158px;padding: 0px 0px 0px 85px;} #left-product-bar.left-title{} .product-text-home h2 { width: 25em;color: #fff;margin: 0;clear: both;font-family: rbno3;font-size: 1.8em;background-color: transparent;padding: 0px 0px 0px 230px;} /* Homepage Content Dynamic Section */ #dynamic {background: #e2e2e2;padding: 8px 0;} #dynamic-size { display: block;overflow: hidden;width: 100%;margin: 0 auto; max-width: 1280px;} #dynamic ul {margin:0; padding:0px;} #dynamic li {float:none;} #dynamic-size ul li.dynamic-leftcol{ float:left;width:39%;} #dynamic-size ul li.dynamic-rightcol {background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/crown.png') no-repeat right;} #dynamic-size ul li.dynamic-rightcol {float:left; width:59%;} .video-wrapper{} #dynamic-size ul li.dynamic-rightcol .video-wrapper ul li {float:left;background: #fff; margin-left:13px; margin-bottom:20px; padding-right:0px;border-bottom: 2px solid #3AAAFF;} .vert-divide {background-color: #B6B6B4; height: 400px; width: .1%; float: left !important; margin-right: 10px; margin-left: 10px; margin-top: 50px;} #extra {background: #006bb4; float:left; clear:both; width:100%;} #extra-size { max-width: 1280px;display: block;overflow: hidden;width: 100%;margin: 0 auto;} /** SIDEBAR **/ .video-sidebar { list-style:none; -webkit-padding-start:0px; float:right;} .video-sidebar-list {} /** BREADCRUMBS **/ #breadcrumbs{ list-style:none; margin:0 auto; overflow:hidden; color:#006bb4; font-family:rbno3, Arial, Helvetica, sans-serif; font-size:1.3em; letter-spacing:.03em; width: 100%; padding: 0; } #breadcrumbsred{list-style:none;margin:0 auto;overflow:hidden;color:#de1e12;font-family:rbno3, Arial, Helvetica, sans-serif;font-size:1.3em;letter-spacing:.03em;width: 100%;padding: 0;} #breadcrumbsred li, #breadcrumbs li{ display:inline-block; vertical-align:middle; margin-right:6px; } #breadcrumbsred li .separator, #breadcrumbs .separator{ font-size:1.1em; font-weight:100; color:#777777; } img#dealer-submit {float:left; padding-top: 18px;width: 100px;height: 30px;} /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { margin: 8px; max-width: 45%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- - Slider --------------------------------------------------------------*/ caption, th, td { text-align:left; font-weight:normal; } .clearfix:after { content: ""; display: table; clear: both; } .col-1-3 {float: left;width: 25.33%;} .col-2-3 {float: left;} .col-2-3 li { display: inline-block;width: 150px;height: 150px;float:left;} .col-2-3 h4 {text-align: center;text-decoration: none;margin: 5px auto;} a:-webkit-any-link {text-decoration: none;} .news-wrapper {padding-top: 20px;} .news-wrapper p { font-family:rbno3b;font-size:100%;} .news-wrapperli {float:left;} li#news-img {float:left; margin-left:0px; margin-right:5px;} /** GUEST BLOG **/ li#news-img-guest { position: relative; float: left; overflow: hidden; margin-right: 1%; margin-left: 0; margin-top: 0; margin-bottom: 0; } li#news-img-guest:before { width: 150px; height: 38px; position: absolute; top: 0; left: 0; content: ''; z-index: 1; } li#news-img-guest:before { background-image: url('css/imgs/guest-blog.png'); background-repeat: no-repeat; } h1#article-title-guest.entry-title {text-indent:160px; position:relative;} h1#article-title-guest.entry-title:before { width: 150px; height: 38px; position: absolute; top: 4px; left: 0; content: ''; z-index: 99999; background-image: url('css/imgs/guest-blog.png'); background-repeat: no-repeat; } .news-left a img, .news-left-guest a img {opacity:1;} .news-left a img:hover {opacity:.8;} ul.news-wrapper {margin-top:60px;} .news-wrapper p .read-more { font-family: rbno3;margin-top: 1em;float: right;background-image: url(css/imgs/border2.png);background-repeat: no-repeat;background-position: right 2px;font-size: 1.5em;text-align: right; color:#006bb4; padding-right: 22px;} .news-right a.read-more{ display:none;} #product-divider-bg {clear: both; font-family: rbno3; font-size: 1.8em; color: #fff; text-transform: uppercase; background-color: #006bb4; position: absolute; width: 40%; left: 0px; height: 43px;} #wheels { float: right;right: 0px;padding: 0;} #wheels li {text-align: center; float:left;} #wheels img { float: left;max-width: 180px;height: auto;width: 100%;margin-top: 0.25em;margin-right: .6em;} #wheels1 { float: right;right: 0px;width: 62%;padding: 0;} #wheels1 li {text-align: center;float:none;} #wheels1 img { float: left;max-width: 180px;height: 175px;width: 100%;margin-top: 0.25em;margin-right: .6em;} #ppost{ float: left;width: 37%;} #dealer {background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/dots-bg.png')repeat-x;} #dealer-divider-grey {background-color: #404040;z-index: -1;margin-bottom: -16px;padding: 8px 0;} #dealer-size {display: block;overflow: hidden;width: 100%;margin: 0 auto; height:173px;} #left-dealer-bar { clear: both;font-family: rbno3;font-size: 1.8em;color: #fff;text-transform: uppercase;background-color: #006bb4;position: absolute;width: 35%;left: 0px;height: 43px;} .dealer-text-home h2 {color: #fff;margin: 0;clear: both;font-family: rbno3;font-size: 1em;background-color: transparent; margin-left: .3em;padding: 0;right:188px;} .dealer-page-content { display: block;overflow: hidden;width: 100%;margin: 0 auto;padding-top: 20px;} #dealer-content { max-width: 1280px;margin: 0 auto; background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/dealer-map.png') no-repeat right;overflow: visible;width: 100%;height: 144px;margin-top: 15px;padding-top: 16px;} /** STYLING FOR WHEEL PAGE TABS **/ .content {color: #373737;width: 100%;max-width: 1200px;margin: 0 auto;} .content > div {display: none; font-family: rbno3b, Arial, Helvetica, sans-serif;} .tabs input[type="radio"], .tail input[type="radio"] {display:none;} label { display: inline-block;padding: 15px 25px;text-align: center;font-family: rbno3, Arial, Helvetica, sans-serif; font-size: 1.8em;line-height: 1.2; color:#fff; z-index: 9999;} p.comment-form-url label {display: inline-block;padding: 15px 25px;text-align: center;font-family: rbno3, Arial, Helvetica, sans-serif; font-size: 1.8em;line-height: 1.2; color:#006bb4; z-index: 9999;} p.comment-form-email label {display: inline-block;padding: 15px 25px;text-align: center;font-family: rbno3, Arial, Helvetica, sans-serif; font-size: 1.8em;line-height: 1.2; color:#006bb4; z-index: 9999;} p.comment-form-comment label {display: inline-block;padding: 15px 25px;text-align: center;font-family: rbno3, Arial, Helvetica, sans-serif; font-size: 1.8em;line-height: 1.2; color:#006bb4; z-index: 9999;} p.comment-form-author label {display: inline-block;padding: 15px 25px;text-align: center;font-family: rbno3, Arial, Helvetica, sans-serif; font-size: 1.8em;line-height: 1.2; color:#006bb4; z-index: 9999;} label:hover {cursor: pointer;} input:checked + label {background: #0066b4; color: #fff;} #tab1:checked ~ .content #content1, #tab2:checked ~ .content #content2, #tab3:checked ~ .content #content3, #tab4:checked ~ .content #content4, #tab5:checked ~ .content #content5 { display: block; } .tabs input + label {border-radius: 50px;height: 50px;position: relative; border: 1px solid #898989;margin: 0 5px;border-radius:50px; width: 50px; top: 31.5em;} .tabs input:checked + label[style] {border-radius: 31px; background: url('//konigwheels.com/wp-content/themes/konig/css/imgs/color-check.jpg') 6px !important;} .tail {margin: 62px auto 0px; min-width: 320px; text-align: center;background: #fff;} .detail {color: #373737; text-align:left; max-width: 1280px;margin: 0 auto;} .detail > div {display: none; padding: 20px 25px 5px; font-family: rbno3b, Arial, Helvetica, sans-serif; min-height:400px;} .tail label {display: inline-block;padding: 4px 5px;text-align: center;font-family: rbno3b, Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.2;color: #fff;z-index: 9998; background: #0066b4; margin: 0 -1px; width:150px;} #tail1:checked ~ #detail-bg .detail #detail1, #tail2:checked ~ #detail-bg .detail #detail2, #tail3:checked ~ #detail-bg .detail #detail3, #tail4:checked ~ #detail-bg .detail #detail4, #tail5:checked ~ #detail-bg .detail #detail5 { display: block; } .tail input:checked + label {background:#404040;} #detail-bg {float: left;width: 100%;border-top: 2px solid #0066b4;background: #e2e2e2;} .bottomMenu {display: none;position: fixed;bottom: 49px;width: 100%;height: 65px;background: #fff;z-index: 1;} #tail2:checked ~ #detail-bg {background-image: url('//konigwheels.com/wp-content/themes/konig/css/imgs/spec-bg.png');} #slct { position: relative;max-width: 1280px;width: 100%;margin: 0 auto;bottom: 5em;} #slct h4 { text-align: center;text-indent: -332px;} #slct img {margin-left: 23px;} .finish-name {position: relative;top: 50px;} /** --------------------------------------------------------------------- **/ /*-------------------------------------------------------------- - KONIG AMERICAN --------------------------------------------------------------*/ #brands-ka li { text-align: center; float: left; } #brands-ka img { /*float: left; max-width: 180px; height: auto; width: 100%; margin-top: 0.25em; margin-right: .6em;*/ } /*-------------------------------------------------------------- - COOKIE NOTICE --------------------------------------------------------------*/ #cookie-notice { z-index: 10000000000 !important; margin-bottom: 2em !important;} /*-------------------------------------------------------------- - STORE --------------------------------------------------------------*/ .woocommerce div.product p.price, .woocommerce div.product span.price {color: #0066b4; font-size: 150%;} .woocommerce ul.products li.product .price { color: #0066b4; display: block; font-weight: 400; margin-bottom: .5em; font-size: .857em; text-align:center;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #0066b4; color: #fff; -webkit-font-smoothing: antialiased;} .woocommerce .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #0066b4; opacity:.8;} .woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover { background-color: #0066b4; color:#FFF;} .woocommerce .checkout-button button alt wc-forward:hover {background-color: #0066b4; color:#FFF;} .woocommerce input.button.alt{background-color:#0066b4;} .woocommerce input.button.alt:disabled[disabled]:hover{background-color:#0066b4;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:#0066b4;} label.woocommerce {color:#0066b4;font-family: rbno3b;font-size: 100%;padding: 1em 0;} #main > div.post-container2-defaultpg > div > div.cart-collaterals > div > div > a:hover {background:rgba(0, 102, 180, 0.8);} #single-content {width:75%; float:left;} .my_term-archive {width: 50%;float: left;border-radius: 5px;padding: 5px; margin: 0;background: rgba(0, 0, 0, 0.75);color:#fff;} .my_term-archive p {margin: 0 0 15px;} a.cats { float: left; margin: 0 3px 0 2px; font-family: rbno3; font-size: 135%; color: #000; background: #FFFFFF; padding: 5px 10px 0px; border-radius: 4px; text-transform: uppercase; text-align:center; } a.cats:hover { background:#0066b4; color:#fff; } a.cart-contents {float: right !important; width: 30%;} ul.products {padding-top: 1em !important;} .woocommerce form .form-row label { color: #000 !important; } p.woocommerce-result-count {position: absolute; top: 13em;} .product.has-default-attributes.has-children>.images { opacity: 1; } /** LIGHTBOX MARKUP **/ .lightbox { /** Default lightbox to hidden */ display: none; /** Position and style */ position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox iframe { /** Pad the lightbox image */ max-width: 90%; max-height: 80%; margin-top: 2%; } .relvid p iframe {pointer-events:none;} .lightbox:target { /** Remove default browser outline */ outline: none; /** Unhide lightbox **/ display: block; } div.item {width: 45%;float: left;padding: 5px 0px;margin: 1em auto;} span.cart-label {line-height: 2; font-weight:900;} li.cart-detail {float: left;width: 100%; border-bottom: 1px solid #e2e2e2; padding: 1em 0;} .the-item {width: 45%;float: left;padding: 5px 0px;margin: 1em auto;} div.product-remove {float:left;} div.product-thumbnail {float:left;} div.product-name {float: none; padding: 40px 0px;} div.product-name a { font-size: 150%; color: #0066b4;} div.product-price {width: 25%;float: left;text-align: center;padding: 60px 0px;} div.product-quantity {width: 10%;float: left;padding: 60px 0px;">