/* @override http://localhost:8888/hawkes/themes/simple/css/typography.css?m=1423183714 http://www.wearehawkes.com/themes/simple/css/typography.css?m=1423487141 http://www.wearehawkes.com/themes/simple/css/typography.css?m=1423763593 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1436284756 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1438728729 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1438888040 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439156750 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439157676 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439157942 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439159668 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439213975 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439230187 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439299505 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439475453 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1439998999 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1440353700 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1440356127 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1440419221 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1440696113 http://localhost:8888/fruli/themes/fullpage/css/typography.css?m=1440697488 */ /** ---------------------------------------------------------- * * Contains the generic theme typography styles * * Include your notes or table of contents here * * Include color hex's or values of your grid * #333333 - body * #B80000 - links, headings * #D80000 - links on hover * 5px Vertical grid - based on multiples of 5px, eg 10px, 15px, 20px, 25px... * * @author Your Name * * ------------------------------------------------------- */ /* TEMPLATE CUSTOM FONTS */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */ /* add your own custom fonts here */ @font-face { font-family: 'baronneue'; src: url('../webfonts/baron_neue-webfont.eot'); src: url('../webfonts/baron_neue-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/baron_neue-webfont.woff2') format('woff2'), url('../webfonts/baron_neue-webfont.woff') format('woff'), url('../webfonts/baron_neue-webfont.ttf') format('truetype'), url('../webfonts/baron_neue-webfont.svg#baronneue') format('svg'); text-transform: lowercase; } @font-face { font-family: 'WebSymbolsRegular'; src: url('../webfonts/websymbols-regular-webfont.eot'); src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sourcesanspro'; src: url('../webfonts/sourcesanspro-light-webfont.eot'); src: url('../webfonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/sourcesanspro-light-webfont.woff') format('woff'), url('../webfonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('../webfonts/sourcesanspro-light-webfont.svg#sourcesanspro') format('svg'); font-weight: normal; font-style: normal; } /* BASE TYPOGRPHY */ /* These are the default styles for the Simple theme */ body { /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */ margin-bottom: 20px; color: black; font: bold 12px/14px "sourcesanspro","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } body a { text-decoration: none; } /* this removes the underline from all links */ body a:link { -webkit-tap-highlight-color: #bc120d} /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */ .bodyfont{ font-family: baronneue,Georgia, "Times New Roman", Times, serif; } /* HEADERS */ .typography h1, .typography h3, .typography h4, .typography h5, .typography h6, .typography h7 { font-family: "baronneue","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /* This references one of the custom @font-face fonts - the other fonts that are referenced are fallbacks for browsers that don't support @fontface */ font-weight: normal; margin-bottom: 0; color: black; letter-spacing: 1px; } .ContentTitle { margin-bottom: 25px; } .typography h1 { font-size: 19px; background-color: transparent; line-height: 21px; text-transform: lowercase; text-align: left; color: #bc120d; margin: 5px auto 15px; } .HomePage.ContentTitle h1.decorated, .HomePage.ContentTitle h2 { color: white; text-align: center; font-weight: normal; font-style: normal; margin-bottom: 7px; font-size: 31px; line-height: 36px; } .HomePage.ContentTitle h2{ text-transform: none; letter-spacing: 2px; word-spacing: 2px; font: normal normal 16px Georgia, "Times New Roman", Times, serif; } .HomePage.ContentTitle h1.decorated:hover, .HomePage.ContentTitle a:hover { color: #bc120d; } /* headlines with lines */ .decorated{ overflow: hidden; text-align: center; } .decorated > span{ position: relative; display: inline-block; } .decorated > span:before, .decorated > span:after{ content: ''; position: absolute; top: 50%; border-bottom: none; //width: 592px; /* half of limiter */ margin: 0 20px; } .decorated > span:before{ right: 100%; } .decorated > span:after{ left: 100%; } .typography h2 { margin-bottom: 0; font: 12px/17px 'baronneue',"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px; } #staffabout p { margin-top: 29px; text-align: justify; } .typography h3 { font-size: 19px; line-height: 28px; text-transform: uppercase; } .typography h4 { font-size: 18px; line-height: 25px; margin-bottom: 5px; } .typography h5 { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .typography h6 { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 5px; } .typography h7 { font-size: 14px; line-height: 20px; margin-bottom: 5px; } /* PARAGRAGHS */ .typography p { font-size: 12px; line-height: 14px; margin: 0 auto 18px; text-align: left; color: black; text-shadow: 2px 1px #fff; } #FeaturedProductPageWrap p { text-align: justify; -moz-text-align-last: center; /* Code for Firefox */ text-align-last: center; } .typography .intro { font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 32px; margin-bottom: 20px; } .typography em { font-style: italic; } ::selection, ::-moz-selection { /* Applies style to highlighted portion of a page */ background: #bc120d; color: #fff; text-shadow: none; } #footer p { color: white; margin-bottom: 0; font-size: 12px; line-height: 13px; } #footer div.inner div.left h3 { font-size: 12px; line-height: 13px; font-family: baronneue; letter-spacing: 1px; } .railway{ font-family: baronneue; } .{ font-family: bellmt; } /* LINKS */ .typography a, .typography a.intro { color: black; text-decoration: none; font-family: baronneue; font-weight: normal; font-style: normal; letter-spacing: 1px; text-transform: lowercase; } span.navdivide { color: black; font-size: 8px; line-height: 10px; margin-left: 10px; margin-right: 10px; font-weight: bold; border-right: 2px solid black; top: -1px; position: relative; } .typography a:hover { color: #bc120d; } .typography a:focus { } /* LIST STYLES -------------------------------------------- */ .typography ul, .typography ol, .typography dl { margin-right: 0; margin-top: 0; margin-bottom: 20px; margin: 0; overflow: auto; } .typography ul li { list-style-type: none; } /* adds disc style bullet to the list */ .typography li { } /* TABLE STYLES -------------------------------------------- */ .typography table { border-collapse: collapse; /* borders are collapsed into a single border when possible */ border: 0px; border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */ margin: 0 0 10px; text-align: left; } .typography table tr:nth-child(even) { background-color: #ededed } .typography table tr.even, .typography table th, .typography thead td { background-color: #ededed } .typography table td, .typography table th { border: 0px solid #d4d4d4; vertical-align: top; width: 50%; padding: 8px; } .typography table th { font-weight: bold; } /* WYSIWYG EDITOR ALIGNMENT CLASSES -------------------------------------------- */ .typography .left { text-align: left } .typography .center { text-align: center } .typography .right { text-align: right } /* IMAGES -------------------------------------------- */ .typography img { height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */ background: transparent url(../images/ajax-loader.gif) no-repeat center center; } .typography img.left { float: left; max-width: 50%; margin: 5px 20px 10px 0; } .typography img.right { float: right; max-width: 50%; /* Responsive width */ margin: 5px 0 10px 20px; } .typography img.leftAlone { float: left; margin-right: 100%; margin-bottom: 10px; clear: both; } .typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; clear: both; } .typography .captionImage { width: 100%; margin-top: 5px; } .typography .captionImage img { margin: 0; } .typography .captionImage.left { float: left; margin: 5px 30px 20px 0px; } .typography .captionImage.right{ float: right; margin: 5px 0 20px 30px; } .typography .captionImage.left[style], .typography .captionImage.right[style] { max-width: 50%; /* Overides core width to make responsive */ } .typography .captionImage.left img, .typography .captionImage.right img { float: none; max-width: none; width: 100%; } .typography .captionImage.left img { margin-right: -10px; } .typography .captionImage.right img { margin-left: -10px; } .typography .captionImage.right p { margin-left: -10px; text-align: left; margin-left: -10px; } .typography .captionImage.leftAlone{ float:none; margin: 0 20px 20px 0px; } .typography .captionImage.center{ margin: 0 auto 20px; } .typography .captionImage p { clear: both; margin: 5px 0; font-style: italic; color: #888; } /* BLOCKQUOTES -------------------------------------------- */ .typography blockquote { background: transparent url(../images/blockquote.png) no-repeat 0px 6px; font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif; color: #777; display: block; font-style: italic; margin: 0 0 20px; float: right; text-indent: 30px; width: 50%; margin-left: 5%; clear: both; } .typography blockquote p { font-size: 17px; line-height: 25px; } .typography pre { background: #F7F7F7; border: 1px solid #E4E4E4; font-family: Courier, monospace; margin: 0 0 20px 0; padding: 15px; clear: both; } /* ADDRESS -------------------------------------------- */ address { display: block; margin-bottom: 20px; }