/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.4 Developer: Giles-Parscale Inc Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Chris Hardee - Giles-Parscale Inc Last Modified: 09.26.2012 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;-webkit-tap-highlight-color: rgba(0,0,0,0);} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #636363; font-family: "franklin-gothic-urw", sans-serif; font-weight: 600;} /* Create the Default Paragraphs */ p {font-family: "franklin-gothic-urw", sans-serif; font-weight: 400; color:#141d65; line-height:20px; font-size: 14px;} em {font-family: "franklin-gothic-urw", sans-serif;} a {font-family: "franklin-gothic-urw", sans-serif; } /* Specific Header Settings */ h1 {font-size: 28px; font-family: "Fondamento", serif; ;color:#fff; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px;} h2 {font-size: 20px; font-family: "Fondamento", cursive; ;color:#182110; font-weight: 400;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Other Typo */ strong {font-weight: 700;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: disc;} /* Useful Classes ------------------------------------------------------------------------------*/ .upper {text-transform: uppercase;} .pointer {cursor: pointer;} .add_to_cart {width: 110px; height: 25px; background: url("/images/site/btn_buy.png") 0 0 no-repeat; display: block; text-indent: -9999px;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#8abd00; text-decoration: none;} a:hover {color:#8abd00; text-decoration: none;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* font-family: 'Karla', sans-serif; font-family: 'Fondamento', cursive; */ /* Page Layout */ html, body {background-color:#182110;} /* Wrapper */ #home_wrapper {max-width: 960px; width: 100%; margin: 0 auto;} #wrapper {max-width: 960px; width: 100%; margin: 0 auto; padding-top: 100px; position: relative; z-index: 99;} /* Header */ #header {max-width: 960px; width: 100%; height: 70px; margin: 0 auto; background: url("/images/site/header_nav_bkg.png") 0 0 no-repeat; position: relative; z-index: 98;} #header ul {list-style: none; position: absolute; top: 20px; left: 70px;} #header ul li {display: inline;} #header ul li a {font-family: "Fondamento", cursive; font-size: 16px; color: #97bf86; padding: 20px 0; text-transform: uppercase;} #header ul li a:hover {color: #e9f07f;} #header ul li a:active {color: #e9f07f;} #header ul li a.active {color: #e9f07f;} #header ul li#nav1 {margin-right: 70px;} #header ul li#nav2 {margin-right: 400px;} #header ul li#nav3 {margin-right: 70px;} #header ul li#nav4 {} #header_logo {position: absolute; left: 37%; top: -30px; display: block; width: 300px; height: 195px; background: url("/images/site/header_logo.png") 0 0 no-repeat; text-indent: -9999px; z-index: 99;} /* Home Content */ #home {position: relative; left: -130px; top: -30px; background: url("/images/site/home_banner_bkg.png") 0 0 no-repeat; width: 1080px; height: 570px;} #home_content {position: absolute; width: 240px; right: 30px; top: 52px;} #home_content p {color: #182110; font-size: 15px;} #home_content h3 {text-align: center; font-family: "Karla", sans-serif; font-size: 16px; color:#202D13; text-transform: uppercase;} #home_content h2 {text-align: center; font-family: "Fondamento", cursive; font-size: 32px; background: url(/images/site/home_banner_line.png) no-repeat bottom center; padding-bottom: 20px; margin-bottom: 5px;} #home_content ul {list-style: none; text-align: center; background: url(/images/site/home_banner_line.png) no-repeat bottom center; padding-bottom: 20px; margin-bottom: 5px;} /* Main Content */ #main_content {width: 600px; float: left;} #main_content a {color:#e9f07f; font-weight: 700;} #main_content p {color:#E3FAE8; font-size: 16px; } #main_content td {padding: 10px 20px 10px 0;} #main_content h3 {font-family: "Karla",sans-serif; font-size: 20px; color:#f1f5b5;text-transform: uppercase;} #main_content h4 {font-family: "Fondamento", serif; font-size: 20px; color:#DFF4D5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-style: italic;} #main_secondary {width: 300px; float: right; background: url("/images/site/sec_nav_mid.jpg") 0 0 repeat-y;} #main_secondary_content {width: 280px; margin: 0 auto; padding: 10px 0;} #main_secondary_content h2 {text-align: center; text-transform: uppercase;} #main_secondary_content h3 {color: #232611; text-align: center; font-size: 16px; padding: 5px; line-height: 18px; letter-spacing: .1em;} #main_secondary_content p {text-align: center; color:#242716;} #main_secondary_content .heading {width: 100%; padding-bottom: 20px; background: url("/images/site/home_banner_line.png") bottom center no-repeat; } #main_secondary_content .sub-heading {width: 100%; padding-top: 40px; background: url("/images/site/home_banner_line.png") top center no-repeat;} #main_secondary:before {content: url("/images/site/sec_nav_top.jpg");} #main_secondary:after {content: url("/images/site/sec_nav_btm.jpg"); position: relative; bottom: -5px;} #main_secondary ul {list-style: none; padding: 10px 0;} #main_secondary ul li {text-align: center;} #main_secondary a {color: #3A7700; margin-bottom: 10px;} #main_secondary a:hover {color:#2A2B19;} #main_secondary a.active {color: #2A2B19;} /* Shop */ .shop_item {float: left; width: 170px; height: 220px; margin-right: 30px; margin-bottom: 20px;} .shop_item img {border: 5px solid #f0eed3;} .shop_text {float: right; width: 320px;} /* Push */ #push {height: 40px;} /* Footer */ #footer {position: relative; max-width: 960px; width: 100%; margin: 0 auto; height: 110px; margin-top: 20px;} #footer_contents {position: relative; z-index: 999; border-top: 1px solid #6C775E; border-bottom: 1px solid #6C775E; max-width: 960px; width: 100%; height: 100px; padding: 5px 0;} #footer_location {float: left; width: 335px; height: 100px; padding: 20px 0; background: url("/images/site/ftr_location_2.png") 0 0 no-repeat;} #footer_menu {float: left; width: 200px; height: 100px; padding: 20px 0; background: url("/images/site/ftr_btn_menu.png") 0 0 no-repeat;} #footer_hours {float: left; width: 375px; height: 100px; padding: 20px 0; background: url("/images/site/ftr_hours.png") 0 0 no-repeat;} #footer_graphic {position: absolute; right: 0; top: -160px; width: 345px; height: 360px; background: url("/images/site/ftr_bkg_graphic.png") 0 0 no-repeat;} #footer_social {position: relative; float: right; width: 25px; z-index: 99;} #footer_social ul {list-style: none;} #footer_social ul li a {display: block; width: 25px; height: 25px; text-indent: -9999px; margin-top: 6px;} #footer_facebook {background: url("/images/site/ftr_sm_fb.png") 0 0 no-repeat;} #footer_twitter {background: url("/images/site/ftr_sm_twitter.png") 0 0 no-repeat;} #footer_ig {background: url("/images/site/ig_footer.png") 0 0 no-repeat;} #footer_info p {float: left;} #footer_info p {color: #fff;} div#main_container {background: url("/images/site/bkg_img.jpg") center 0 no-repeat;background-color: #182110; padding-top: 30px;} .mobile_nav{ display: none;} .mobile_menu_icon{ display: none; float: right; height: 64px; margin: 0; padding: 0; width: 64px; position: absolute; right: 0; top: 13px; } .mobile_menu_icon:hover{ color: #fff !important; text-decoration: none;} .mobile_menu_icon.active{color: #fff !important;} #totop {display: none;right: 0;}