/* 99Lime.com HTML KickStart by Joshua Gatcke style.css */ /*--------------------------------- IMPORTS -----------------------------------*/ @font-face { font-family: RoboltVintage; src: url(f/RoboltVintage-Original.woff2) format("woff2"); } @font-face { font-family: RoboltMachine; src: url(f/RoboltMachine-Scissor.woff2) format("woff2"); } @font-face { font-family: Body; src: url(f/Bitter-Black.woff2); font-weight: black; src: url(f/Bitter-Bold.woff2); font-weight: bold; src: url(f/Bitter-Regular.woff2); font-weight: normal; src: url(f/Bitter-Italic.woff2); font-style: italic; } /*--------------------------------- OVERRIDES -----------------------------------*/ @media all and (min-width: 1024px) and (max-width: 4096px) { .grid *[class*="col_"]{} .grid{max-width: 1024px;} .show-desktop {display:block;} .hide-desktop {display:none;} .show-tablet {display:none;} .hide-tablet {display:block;} .show-phone {display:none;} .hide-phone {display:block;} } h1{ font-family: "RoboltVintage", Times, serif; font-weight:normal; font-size:5em; padding-top: 10px; } h2.test { border-bottom: 4px double #000; border-top: 1px solid #000; padding: 10px 0; font-family: "RoboltMachine", Times, serif; font-weight: normal; text-align:center; text-transform: uppercase; font-size: 4vw; line-height:100%; } h6.footer { font-family: 'Body'; font-weight: normal; font-style: italic; font-size: 1.0em; padding: 7px 0; border-top: 4px double #000; border-bottom: 1px solid #000; text-align:center; line-height: 120%; } h2.two{ font-family: 'Body'; font-weight: normal; font-style: italic; text-align: center; } h2,h3,h5{ font-family: "Body", Times, serif; font-weight:black; text-transform: uppercase; } h5.two{ font-family: "Body", Times, serif; font-size: 1.6em; text-transform:none; font-weight:black; line-height: 110%; } h4{ font-family: "Body", Times, serif; font-weight:normal; text-transform: uppercase; font-size:1.4em; } h5.header{ font-family: "Body", Times, serif; font-weight:normal; text-transform: lowercase; letter-spacing:0.1em; text-align:center; } h5.top_menu{ font-family: "Body", Times, serif; font-weight:normal; text-transform: lowercase; letter-spacing:0.1em; text-align:center; word-spacing: 2.0em; } h6 { font-family: 'Body'; font-weight: normal; font-style: italic; } h6.tagline { font-family: 'Body'; font-weight: normal; color: #3b383a; font-style: italic; text-align:center; font-size: 1em; } h6.read { font-family: 'Body'; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 124%; } p.aside{ font-style: italic; line-height:108%; font-size:.8em; } a.top:link{ font-family: 'RoboltMachine'; font-size: 1.8em; background: none; color: #000; text-decoration:none; line-height: 110%; } a.top:visited{ color: #302d2e; } a.top:hover { color: #bb1300; text-decoration:underline; } a.one:link{ color: #000; } a.one:visited{ color: #304459; } a.one:hover { color: #bb1300; } div.tight{ margin-top:-3em; margin-bottom:-10em; display:inline-block; padding:-10em; width: 98.333333333333%; } thead th, tbody th{ font-family: "TitleFont", Times, serif; } p.read { font-size:1.1em; } p { font-size: 1.3em; line-height:123%; } button, a.btn, input[type="submit"], input[type="reset"], input[type="button"]{ font-family: "Body", Times, serif; } .menu{ font-family: "Body", Times, serif; } blockquote{ font-family: "Body", Times, serif; } /*--------------------------------- LAYOUT -----------------------------------*/ body{ margin:0; padding:0 0 0 0; color:#000; background:#efefef url(img/newspaper.webp); background-repeat: repeat; font:normal 0.9em/150% 'Body', Times, serif; min-height: 100px; min-width: 100px; text-shadow: 0 0 1px transparent; /* google font pixelation fix */ } #wrap{ width:100%; background:#fff; margin:30px auto 30px auto; padding:0 2%; border:1px solid #ccc; } #footer{ text-align:center; padding:20px; margin:0; border-top:1px solid #ddd; color:#999; font-size:0.8em; text-shadow:0px 1px 1px #fff; position: relative; top:0; left:0; background:#fff; } #link-top{ display:none; } /* NAV BAR*/ .navbar{ position:fixed; top:0; left:0; width: 100%; background:#000; color:#fff; z-index:1000; } .navbar #logo{ position:absolute; top:0; right:0; padding:0.5em 1em; font-size: 1.7em; color:#efefef; text-decoration:none; } .navbar span{ color:#86dc00; } .navbar ul{ display:inline-block; margin:0; padding:0; } .navbar li{ margin:0; padding:0; list-style-type:0; display:inline-block; } .navbar li a{ display:inline-block; color:#efefef; padding:1em 1.3em; text-decoration:none; text-transform: uppercase; line-height:100%; font-size: 1.2em; } .callout{ background:#4598ef;/*#86dc00;*/ padding:3em 0; color:#fff; box-shadow:inset 0 0 10px rgba(0,0,0,0.2); text-align: center; text-shadow:0px 1px 3px rgba(0,0,0,0.2); display:block; } .callout + div.grid{margin-top:50px;} a.callout{cursor:pointer;} .callout i.icon-4x{font-size:6em;} .callout h4{margin-bottom:30px;} .callout-top{margin:50px 0 0 0;} .callout p{margin-bottom:0;} .callout .button{margin-top:10px;} .callout.green{background:#19ad0b;/*#86dc00;*/} #mc_embed_signup{ padding:30px 0; } #ui-preview{ border:5px solid #ddd; margin:30px 0; display:block; }