@charset "UTF-8"; /*** ██████╗ ███████╗███████╗███████╗████████╗ ██╔══██╗██╔════╝██╔════╝██╔════╝╚══██╔══╝ ██████╔╝█████╗ ███████╗█████╗ ██║ ██╔══██╗██╔══╝ ╚════██║██╔══╝ ██║ ██║ ██║███████╗███████║███████╗ ██║ ╚═╝ ╚═╝╚══════╝╚══════╝╚══════╝ ╚═╝ ----------------------------------- Reset These titles are from http://patorjk.com/software/taag/ using ANSI Shadow Quick link: http://patorjk.com/software/taag/#p=display&c=c&f=ANSI%20Shadow&t=Type%20Something */ /* html5doctor.com Reset Stylesheet \v1.6.1 \ Last Updated: 2010-09-17 \ http://richclarkdesign.com \ @rich_clark */ /* line 19, ../sass/reset.scss */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style-type: none; /*box-sizing: content-box;*/ } /* line 41, ../sass/reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* line 43, ../sass/reset.scss */ nav ul { list-style: none; list-style-type: none; } /* line 44, ../sass/reset.scss */ nav.next ul { list-style: none; } /* line 45, ../sass/reset.scss */ blockquote, q { quotes: none; } /* line 46, ../sass/reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 48, ../sass/reset.scss */ a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* line 49, ../sass/reset.scss */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* line 50, ../sass/reset.scss */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } /* line 51, ../sass/reset.scss */ del { text-decoration: line-through; } /* line 52, ../sass/reset.scss */ abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } /* tables still need cellspacing="0" in the markup */ /* line 54, ../sass/reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 55, ../sass/reset.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* line 56, ../sass/reset.scss */ input, select { vertical-align: middle; } /* Base Typography */ /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ /* line 65, ../sass/reset.scss */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* line 66, ../sass/reset.scss */ select, input, textarea, button { font: 99% sans-serif; } /* line 67, ../sass/reset.scss */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Base Styles */ /* always force a scrollbar in non-IE */ /* html { overflow-y: scroll; } */ /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ /* line 77, ../sass/reset.scss */ a:hover, a:active { outline: none; } /* line 78, ../sass/reset.scss */ a, a:active, a:visited { /*color: #1998DB;*/ } /* line 79, ../sass/reset.scss */ a:hover { /*color: #036;*/ } /* line 80, ../sass/reset.scss */ ol { list-style-type: decimal; } /* Remove margins for navigation lists */ /* line 82, ../sass/reset.scss */ nav ul, nav li { margin: 0; } /* line 83, ../sass/reset.scss */ small { font-size: 85%; } /* line 84, ../sass/reset.scss */ strong, th { font-weight: bold; } /* line 85, ../sass/reset.scss */ td, td img { vertical-align: top; } /* line 86, ../sass/reset.scss */ sub { vertical-align: bottom; position: relative; bottom: -0.8em; font-size: 0.6em; } /* line 87, ../sass/reset.scss */ sup { vertical-align: top; position: relative; top: -0.4em; font-size: 0.7em; } /* line 88, ../sass/reset.scss */ pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } /* line 96, ../sass/reset.scss */ textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ /* line 97, ../sass/reset.scss */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ /* line 100, ../sass/reset.scss */ input[type="radio"] { vertical-align: text-bottom; } /* line 101, ../sass/reset.scss */ input[type="checkbox"] { vertical-align: bottom; } /* line 102, ../sass/reset.scss */ .ie7 input[type="checkbox"] { vertical-align: baseline; } /* line 103, ../sass/reset.scss */ .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ /* line 105, ../sass/reset.scss */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ /* line 107, ../sass/reset.scss */ button, input, select, textarea { margin: 0; } /* colors for form validity */ /* line 110, ../sass/reset.scss */ input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px #ee2e24; -webkit-box-shadow: 0px 0px 5px #ee2e24; box-shadow: 0px 0px 5px #ee2e24; } /* line 116, ../sass/reset.scss */ .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot rgb(250,194,183). */ /* line 121, ../sass/reset.scss */ ::-moz-selection { background: #FF5E99; color: #fff; text-shadow: none; } /* line 122, ../sass/reset.scss */ ::selection { background: #FF5E99; color: #fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ /* line 124, ../sass/reset.scss */ a:link { -webkit-tap-highlight-color: #FF5E99; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ /* line 127, ../sass/reset.scss */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ /* line 130, ../sass/reset.scss */ .ie7 img { -ms-interpolation-mode: bicubic; } /* Nonsemantic Base Styles */ /* for image replacement */ /* line 138, ../sass/reset.scss */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ /* line 141, ../sass/reset.scss */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ /* line 144, ../sass/reset.scss */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ /* line 148, ../sass/reset.scss */ .invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ /* line 150, ../sass/reset.scss */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } /* line 153, ../sass/reset.scss */ .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ /* line 155, ../sass/reset.scss */ .clearfix { zoom: 1; } /* Martins old fashioned clear fix */ /* line 158, ../sass/reset.scss */ .clear { clear: both; float: none; margin: 0; max-height: 1px; padding: 0; width: 100%; } /* Media queries for responsive design These follow after primary styles so they will successfully override. */ @media all and (orientation: portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation: landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /* Base Print Styles, inline to save the HTTP request */ @media print { /* line 193, ../sass/reset.scss */ * { background: transparent !important; color: #444 !important; text-shadow: none !important; } /* line 194, ../sass/reset.scss */ a, a:visited { color: #444 !important; text-decoration: underline; } /* line 195, ../sass/reset.scss */ a:after { content: " (" attr(href) ")"; } /* line 196, ../sass/reset.scss */ abbr:after { content: " (" attr(title) ")"; } /* line 197, ../sass/reset.scss */ .ir a:after { content: ""; } /* Don't show links for images */ /* line 198, ../sass/reset.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* line 199, ../sass/reset.scss */ thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ /* line 200, ../sass/reset.scss */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } /* line 202, ../sass/reset.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 203, ../sass/reset.scss */ h2, h3 { page-break-after: avoid; } } /* ████████╗██╗ ██╗██████╗ ██████╗ ██████╗ ██████╗ █████╗ ██████╗ ██╗ ██╗██╗ ██╗ ╚══██╔══╝╚██╗ ██╔╝██╔══██╗██╔═══██╗██╔════╝ ██╔══██╗██╔══██╗██╔══██╗██║ ██║╚██╗ ██╔╝ ██║ ╚████╔╝ ██████╔╝██║ ██║██║ ███╗██████╔╝███████║██████╔╝███████║ ╚████╔╝ ██║ ╚██╔╝ ██╔═══╝ ██║ ██║██║ ██║██╔══██╗██╔══██║██╔═══╝ ██╔══██║ ╚██╔╝ ██║ ██║ ██║ ╚██████╔╝╚██████╔╝██║ ██║██║ ██║██║ ██║ ██║ ██║ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ----------------------------------------------------------------------- TYPOGRAPHY 100 Extra Light or Ultra Light 200 Light or Thin 300 Book or Demi 400 Normal or Regular 500 Medium 600 Semibold, Demibold 700 Bold 800 Black, Extra Bold or Heavy 900 Extra Black, Fat, Poster or Ultra Black */ /* line 26, ../sass/typography.scss */ body { font-family: 'Open Sans', sans-serif; color: #fff; } /* line 31, ../sass/typography.scss */ h1 { text-transform: uppercase; font-size: 2em; margin-bottom: 0.4em; font-weight: 800; line-height: 1.1em; } /* line 39, ../sass/typography.scss */ h2 { text-transform: uppercase; font-size: 1.5em; margin-bottom: 0.4em; color: #201d6f; font-weight: 700; line-height: 1.1em; letter-spacing: 1px; } /* line 49, ../sass/typography.scss */ h3 { font-size: 1.3em; font-weight: 600; margin-bottom: 20px; margin-top: 10px; color: #201d6f; } /* line 57, ../sass/typography.scss */ h4 { font-size: 0.7em; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; } /* line 64, ../sass/typography.scss */ h5 { font-size: 0.85em; } /* line 67, ../sass/typography.scss */ p { line-height: 1.2em; margin-bottom: 1.15em; } /*** ██████╗ ███████╗███╗ ██╗███████╗██████╗ █████╗ ██╗ ██╔════╝ ██╔════╝████╗ ██║██╔════╝██╔══██╗██╔══██╗██║ ██║ ███╗█████╗ ██╔██╗ ██║█████╗ ██████╔╝███████║██║ ██║ ██║██╔══╝ ██║╚██╗██║██╔══╝ ██╔══██╗██╔══██║██║ ╚██████╔╝███████╗██║ ╚████║███████╗██║ ██║██║ ██║███████╗ ╚═════╝ ╚══════╝╚═╝ ╚═══╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚══════╝ ---------------------- Martin's GENERAL styles start here! http://patorjk.com/software/taag/#p=display&c=c&f=ANSI%20Shadow&t=Type%20Something */ /* line 15, ../sass/main.scss */ html, body { height: 100%; } /* line 19, ../sass/main.scss */ body { background: url("/images/bg/molecules.jpg") no-repeat center center fixed #1C232B; background-size: cover; } /* line 27, ../sass/main.scss */ header { background-color: #fff; height: 110px; } /* line 33, ../sass/main.scss */ header img { width: 135px; float: left; margin: 10px 0 10px 0; } /* line 38, ../sass/main.scss */ header .contact { float: right; height: 30px; padding: 40px 0; } /* line 45, ../sass/main.scss */ header .contact a, header .contact p { text-decoration: none; color: #201d6f; height: 30px; line-height: 30px; float: left; padding: 0 20px 0 20px; border-left: 1px solid #201d6f; } /* line 54, ../sass/main.scss */ header .contact a { border: 0 none; } /* line 57, ../sass/main.scss */ header .contact p { padding-right: 0; } /* line 63, ../sass/main.scss */ main { padding-top: 60px; } /* line 65, ../sass/main.scss */ main strong { color: #94c4da; } /* line 69, ../sass/main.scss */ section { padding-top: 12px; padding-bottom: 12px; } /* line 72, ../sass/main.scss */ section .content { width: 600px; } /* line 77, ../sass/main.scss */ .wrapper { margin: 0 auto; width: 900px; } /* line 81, ../sass/main.scss */ .wrapper .contact { font-size: 0.8em; font-weight: 600; color: #201d6f; } /* line 85, ../sass/main.scss */ .wrapper .contact a { text-decoration: none; } /* line 89, ../sass/main.scss */ .wrapper .column { width: 33.3%; float: left; } /* line 92, ../sass/main.scss */ .wrapper .column p { font-size: 0.7em; line-height: 1.5em; } /* line 97, ../sass/main.scss */ .wrapper aside { float: right; padding: 20px 0; } /* line 100, ../sass/main.scss */ .wrapper aside a { width: 172px; height: 32px; color: #fff; font-size: 0.7em; text-decoration: none; text-transform: uppercase; display: block; background-color: #94c4da; padding: 10px 10px 10px 10px; margin-bottom: 20px; text-align: center; } /* line 113, ../sass/main.scss */ .wrapper aside a:before { content: ""; display: block; background-color: #fff; height: 52px; width: 52px; float: left; margin-top: -10px; margin-left: -10px; background: url("/images/download.svg") no-repeat center center #fff; background-size: 30px; } /* line 125, ../sass/main.scss */ .wrapper aside .popup { background: none repeat scroll 0 0 #F8F8F8; border: 5px solid #CCC; color: #201d6f; font-size: 1.2em; margin: 0 auto; position: relative; text-align: center; text-transform: none; top: -140px; left: -270px; display: none; padding: 14px; width: 410px; } /* line 143, ../sass/main.scss */ .wrapper aside .popup:after { content: ''; position: absolute; bottom: -10px; width: 10px; height: 10px; border-bottom: 5px solid #dfdfdf; border-right: 5px solid #dfdfdf; background: #f8f8f8; right: 48px; margin-left: -5px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 167, ../sass/main.scss */ .wrapper aside a:hover .popup { display: block; } /* line 170, ../sass/main.scss */ .wrapper aside .not-allowed { cursor: not-allowed; } /* line 180, ../sass/main.scss */ footer .line-separator { height: 3px; background: #94c4da; border-bottom: 1px solid #313030; margin-bottom: 20px; } /* line 186, ../sass/main.scss */ footer a { text-decoration: none; color: #fff; } /* line 190, ../sass/main.scss */ footer .legal { border-top: 1px solid white; text-align: center; padding: 20px; font-size: 0.7em; } /* line 197, ../sass/main.scss */ footer .email:before { content: "E"; padding-right: 10px; font-weight: 700; } /* line 202, ../sass/main.scss */ footer .phone:before { content: "T"; padding-right: 10px; font-weight: 700; } /* line 208, ../sass/main.scss */ footer .column a { font-size: 1em; } /* line 214, ../sass/main.scss */ .stripe { background-color: rgba(148, 196, 218, 0.8); height: 190px; margin: 40px 0 40px 0; } /*** ██████╗ ███████╗███╗ ██╗███████╗██████╗ █████╗ ██╗ ██╔════╝ ██╔════╝████╗ ██║██╔════╝██╔══██╗██╔══██╗██║ ██║ ███╗█████╗ ██╔██╗ ██║█████╗ ██████╔╝███████║██║ ██║ ██║██╔══╝ ██║╚██╗██║██╔══╝ ██╔══██╗██╔══██║██║ ╚██████╔╝███████╗██║ ╚████║███████╗██║ ██║██║ ██║███████╗ ╚═════╝ ╚══════╝╚═╝ ╚═══╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚══════╝ */ /*# sourceMappingURL=default.css.map */