/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles Hanson Heavy Duty */ /* ----------------------------------------- Shared Styles ----------------------------------------- */ body { background: #f2f2f2; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; } body { background: #f2f2f2; } h1, h2, h3, h4, h5, h6 { color: #707d8b; font-family: "Bebas Neue", Oswald, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1; text-shadow: 0 1px 1px rgba(255,255,255,.2); } /*h5 { margin-top: 2px; }*/ p { font-family: inherit; font-weight: 300; font-size: 16px; line-height: 1.8; margin-bottom: 17px;} .up { margin-top: -200px; margin: 0 auto;} .subheader { color: #0593f3; line-height: 1.3; font-weight: 300; margin-bottom: 17px; } .edged { border-top: 3px solid #607d8b; } a img { border: none; } a { color: #ffffff; text-decoration: none; line-height: inherit; } a:hover { color: #ffffff; } a:focus { color: #ffffff; outline: none; } p a, p a:visited { line-height: inherit; } .footer { background-color: #607d8b; color: #cdcdcd; padding: 10px 0 40px; border-top: 8px solid #607d8b;} .footer a { color: #ffffff; } .footer p { color: #ffffff; } .footer h2 { color: #ffffff; } .footer h4 { color: #cccccc; } /*.footer p {#549540, #66B34E;}*/ /* ----------------------------------------- Page Name 1 ----------------------------------------- */ .tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #222222; } .tabs.vertical dd a, .tabs.vertical li a { background: #262626; border-left: 3px solid #333333;} .tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } .tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #0F5EA6; } .hero { background: url(../images/hero-2200.jpg) no-repeat top center; margin-top: 0px; padding: 0px 0 0px 0; background-color: #222222; background-size: cover; } .hero-mobile { /*background: url(../images/game-trader-hero.jpg) no-repeat left top; */ margin-top: 0px; padding: 0px 0 0; background-color: #222222; background-size: cover; } .logo { padding: 4px 12px; margin-bottom: 30px; } .hero-about { background: url(../images/hero2.jpg) no-repeat center bottom; height: 420px; } .hero-features { background: url(../images/hero1.jpg) no-repeat center bottom; height: 420px; } .hero-highlight-dark { color: #222222; background: rgba(240,240,240,0.7); padding-top: 10px; padding-bottom: 10px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC171717,endColorstr=#CC171717); } .hero img { padding-bottom: 40px; padding-top: 40px; } .hero-highlight-darker { background: #161616; } .hero-highlight-light { margin-top: 3%; padding: 6px 10px; } .brand { background: #333333; color: #ffffff; margin: 0; padding: 4px; } .ford { background: #023a75;} .chevy { background: #cda60d; color: #222222;} .dodge { background: #99120e; } .brand h3 { margin: 8px 0 8px 8px; color: #efefef;} .fade { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover { opacity: 0.5; } .nav-bar { height: 40px; background: rgba(24,24,24,0.5); margin-left: 0; margin-top: 20px; padding: 0; } .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; } .nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } /* Panels ---------------------- */ .panel { background: #dddddd; margin: 20px 0 22px 0; padding: 10px; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background: #494949; color: #fff; border-color: #005289; } .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #2980B9; text-shadow: none; } .panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); } .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .blue { background: #71AC32; color: #ffffff; border: solid 1px #71AC32; margin: 24px 0 0; padding: 4px; } .green { background: #549540; color: #ffffff; border: solid 1px #549540; margin: 24px 0 0; padding: 4px; } .button { width: 100%; background: #ff9102; border: 1px solid #ff9102; } .button:hover { background-color: #d67900; } .button.large { padding-top: 13px; padding-bottom: 14px; border-radius: 5px; font-weight: bold; font-size: 20px; line-height: 20px; color: white; } .green h1 { color: #ffffff; } .green h2 { color: #ffffff; font-weight: 400; } .green h3 { color: #ffffff; } label { font-size: 14px; color: #cecece; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; } h1 { font-size: 42px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 14px; } /* ----------------------------------------- Page Name 2 ----------------------------------------- */ .top-bar { background: #607d8b; height: 45px; line-height: 45px; margin: 0; padding: 0; width: 100%; font-family: Roboto, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.1;/* Contain width to .row width */ /* First