@import url(http://fonts.googleapis.com/css?family=Open+Sans:300, 400, 800); @import url(http://fonts.googleapis.com/css?family=PT+Serif:400, 700, 400italic, 700italic); html { font-size:100%; line-height:1.5em; } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body { margin:0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; } audio, canvas, progress, video { display:inline-block; *display:inline; *zoom:1; vertical-align:baseline; } audio:not([controls]) { display:none; height:0; } [hidden] { display:none; } template { display:none; } a { background-color:transparent; } a:active, a:hover { outline:0; } abbr[title] { border-bottom:1px dotted; } b, strong { font-weight:bold; } blockquote { margin:1.5em 40px; } dfn { font-style:italic; } h1 { font-size:2em; line-height:1.5em; margin-top:0.75em; margin-bottom:0.75em; } h2 { font-size:1.5em; line-height:2em; margin-top:1em; margin-bottom:1em; } h3 { font-size:1.17em; line-height:1.28205em; margin-top:1.28205em; margin-bottom:1.28205em; } h4 { font-size:1em; line-height:1.5em; margin-top:1.5em; margin-bottom:1.5em; } h5 { font-size:0.83em; line-height:1.80723em; margin-top:1.80723em; margin-bottom:1.80723em; } h6 { font-size:0.67em; line-height:2.23881em; margin-top:2.23881em; margin-bottom:2.23881em; } mark { background:#ff0; color:#000; } p, pre { margin:1.5em 0; } small { font-size:80%; } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.25em; } dl, menu, ol, ul { margin:1.5em 0; } dd { margin:0 0 0 40px; } menu, ol, ul { padding:0 0 0 40px; } nav ul, nav ol { list-style:none; list-style-image:none; } img { border:0; -ms-interpolation-mode:bicubic; } svg:not(:root) { overflow:hidden; } figure { margin:1.5em 40px; } hr { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; height:0; } pre { overflow:auto; } code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em; } form { margin:0; } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0; *font-family:sans-serif; *vertical-align:middle; } button { overflow:visible; } button, select { text-transform:none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; *overflow:visible; } button[disabled], html input[disabled] { cursor:default; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } input { line-height:normal; } input[type="checkbox"], input[type="radio"] { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; *height:13px; *width:13px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height:auto; } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } fieldset { margin:0 2px; border-color:#c0c0c0; border-top-width:0.0625em; border-top-style:solid; padding-top:0.4625em; border-bottom-width:0.0625em; border-bottom-style:solid; padding-bottom:0.9125em; border-left-width:0.0625em; border-left-style:solid; padding-left:0.875em; border-right-width:0.0625em; border-right-style:solid; padding-right:0.875em; } legend { border:0; padding:0; *margin-left:-7px; } textarea { overflow:auto; } optgroup { font-weight:bold; } table { border-collapse:collapse; border-spacing:0; } td, th { padding:0; } .button, .button-secondary, .button-tertiary, .button__outline { background-color:#2e8b57; display:inline-block; position:relative; font-family:"Open Sans", Helvetica, Arial, sans-serif; text-decoration:none; color:#fff; font-size:1em; line-height:1.2em; font-weight:normal; padding:.5em 1.5em; border:0; border-radius:4px; cursor:pointer; margin-bottom:.5em; -moz-transition:background-color 0.14s ease-in-out; -o-transition:background-color 0.14s ease-in-out; -webkit-transition:background-color 0.14s ease-in-out; transition:background-color 0.14s ease-in-out; } .button:hover, .button-secondary:hover, .button-tertiary:hover, .button__outline:hover, .button:focus, .button-secondary:focus, .button-tertiary:focus, .button__outline:focus { color:#fff; text-decoration:none; background-color:#21653f; } .button:active, .button-secondary:active, .button-tertiary:active, .button__outline:active { top:1px; } .button-secondary { background-color:#233E5B; } .button-secondary:hover { background-color:#152536; } .button-tertiary { background-color:#aaa; } .button-tertiary:hover { background-color:#909090; } .button__outline { background-color:transparent; border:3px solid #2e8b57; color:#2e8b57; } .button__outline:hover { background-color:#2e8b57; color:#fff; } label { display:block; margin-bottom:5px; } input[type=text], input[type=email], input[type=phone], input[type=password], input[type=number], input[type=search], textarea { background:#e6e6e6; padding:5px; outline:none; border:none; height:44px; width:300px; margin-bottom:.5rem; } input[type=text]:focus, input[type=email]:focus, input[type=phone]:focus, input[type=password]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus { border:1px solid #2e8b57; } input[type=text].full-width, input[type=email].full-width, input[type=phone].full-width, input[type=password].full-width, input[type=number].full-width, input[type=search].full-width, textarea.full-width { width:100%; } textarea { height:132px; } form { margin-bottom:40px; } form .field { margin-bottom:20px; } form .note { margin-top:5px; color:#aaa; } form .req { font-style:italic; } form .error .reason { margin-top:5px; color:#FF4136; } form .error input[type=text], form .error input[type=email], form .error input[type=phone], form .error input[type=password], form .error input[type=number], form .error input[type=search], form .error textarea { border-color:#FF4136; } table { width:100%; border:1px solid #d0d0d0; margin-bottom:1.5em; } table caption { margin:0 0 7px; font-size:0.75em; color:#aaa; text-transform:uppercase; letter-spacing:1px; } tr { border-bottom:1px solid #d0d0d0; } tr:nth-child(even) { background-color:#f6f6f6; } td { padding:7px; border-right:1px solid #d0d0d0; } td:last-child { border-right:0; } th { background-color:#f6f6f6; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } th:last-child { border-right:0; } .highlight { white-space:pre; overflow:auto; word-wrap:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:20px; background:#343642; color:#C1C2C3; } .highlight .hll { background-color:#ffc; } .highlight .gd { color:#2e3436; background-color:#0e1416; } .highlight .gr { color:#eeeeec; background-color:#c00; } .highlight .gi { color:#babdb6; background-color:#1f2b2d; } .highlight .go { color:#2c3032; background-color:#2c3032; } .highlight .kt { color:#e3e7df; } .highlight .ni { color:#888a85; } .highlight .c, .highlight .cm, .highlight .c1, .highlight .cs { color:#8D9684; } .highlight .err, .highlight .g, .highlight .l, .highlight .n, .highlight .x, .highlight .p, .highlight .ge, .highlight .gp, .highlight .gs, .highlight .gt, .highlight .ld, .highlight .s, .highlight .nc, .highlight .nd, .highlight .ne, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py, .highlight .ow, .highlight .w, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss, .highlight .bp { color:#C1C2C3; } .highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .nt { color:#729fcf; } .highlight .cp, .highlight .gh, .highlight .gu, .highlight .na, .highlight .nf { color:#E9A94B; } .highlight .m, .highlight .nb, .highlight .no, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo, .highlight .il { color:#8ae234; } .highlight .o { color:#989DAA; } .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi { color:#fff; } body { font-size:1em; line-height:1.45; } body .intro { font-size:1.25em; line-height:1.7; } @media (min-width: 43.75em) { body { font-size:1em; line-height:1.375; } }h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin:.5rem 0 1.5rem; font-family:"Open Sans", Helvetica, Arial, sans-serif; } h1, .h1 { font-size:2em; line-height:1.25; } @media (min-width: 43.75em) { h1, .h1 { font-size:2.5em; line-height:1.125; } }@media (min-width: 56.25em) { h1, .h1 { font-size:3em; line-height:1.05; } }h2, .h2 { font-size:1.625em; line-height:1.15384615; } @media (min-width: 43.75em) { h2, .h2 { font-size:2em; line-height:1.25; } }@media (min-width: 56.25em) { h2, .h2 { font-size:2.25em; line-height:1.25; } }h3, .h3 { font-size:1.375em; line-height:1.13636364; } @media (min-width: 43.75em) { h3, .h3 { font-size:1.5em; line-height:1.25; } }@media (min-width: 56.25em) { h3, .h3 { font-size:1.75em; line-height:1.25; } }h4, .h4 { font-size:1.125em; line-height:1.11111111; } @media (min-width: 43.75em) { h4, .h4 { line-height:1.22222222; } }blockquote { font-size:1.25em; line-height:1.25; padding:0; } @media (min-width: 43.75em) { blockquote { font-size:1.5em; line-height:1.45833333; } }.clearfix { zoom:1; } .clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden; } .clearfix:after { clear:both; } html { box-sizing:border-box; } *, *:before, *:after { box-sizing:inherit; } body { font-family:"PT Serif", Georgia, Times, serif; line-height:1.75; font-size:112.5%; color:#111; overflow-x:hidden; } body p, body ul { margin:0 0 2rem; } ::-moz-selection { background:#2e8b57; color:white; } ::selection { background:#2e8b57; color:white; } img, video, audio, iframe, object { max-width:100%; } .container { max-width:610px; margin-left:auto; margin-right:auto; padding:0 20px; } .container:after { content:" "; display:block; clear:both; } a { color:#2e8b57; } a:hover { color:#1b5233; } .nav-collapse { z-index:1; } .nav-collapse ul { margin:0; padding:0; width:100%; display:block; list-style:none; } .nav-collapse ul li { width:100%; display:block; background:seagreen; border-bottom:2px solid #349e63; } .nav-collapse ul li a { color:white; text-decoration:none; display:block; padding:5px 2rem; } .js .nav-collapse { clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1; clear:both; width:100%; } .nav-collapse.opened { max-height:9999px; } .nav-toggle { -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; float:right; line-height:2em; margin-top:.5em; background-color:seagreen; border-radius:4px; padding:0 .5em; color:white; text-decoration:none; position:relative; right:2rem; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .nav-toggle:hover { color:white; background-color:#21653f; } .noList { list-style:none; padding-left:0; margin-left:0; } dt { font-weight:bold; } dd { margin:0 0 1.5rem; } .pageTitle { margin:2rem auto 1em; text-align:center; } .content { padding-top:1em; } .header { background-color:seagreen; background-image:url("../img/touring.jpg"); background-size:cover; background-position:center center; color:white; padding:0; height:3em; } .header .container { padding:0; max-width:100%; margin-left:auto; margin-right:auto; } .header .container:after { content:" "; display:block; clear:both; } .header h1 { margin:0; float:left; padding-left:2rem; font-size:1em; line-height:3em; font-family:"Open Sans", Helvetica, Arial, sans-serif; font-weight:800; text-transform:uppercase; } .header h1 a { color:white; text-decoration:none; } .post .postTitle { text-align:center; margin-top:2rem; margin-bottom:1rem; } .post blockquote { clear:both; margin:2.5em 0; padding:0; line-height:1.8; position:relative; } .post blockquote:before { content:""; position:absolute; top:-1.25em; background:seagreen; display:block; height:2px; width:150px; left:calc(50% - 75px); } .post blockquote:after { content:""; position:absolute; bottom:-1.25em; background:seagreen; display:block; height:2px; width:150px; left:calc(50% - 75px); } .post .meta { text-align:center; color:gray; font-family:"Open Sans", Helvetica, Arial, sans-serif; font-weight:300; } .post figure { margin:3rem 0; } .post figure figcaption { text-align:center; font-size:.9em; font-style:italic; color:#5e5e5e; } .post figure img { margin:0 auto; display:block; } .post img { margin-bottom:2rem; } .post .highlight { clear:both; margin-bottom:2rem; } .post .dropcap { color:#2e8b57; margin-right:.45rem; } .post .featuredImage { position:relative; margin-top:2rem; } .post .featuredImage img { margin-bottom:0; } .postNav { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow:hidden; } .postNav .prev, .postNav .next { display:block; width:100%; height:5rem; overflow:hidden; position:relative; font-family:"Open Sans", Helvetica, Arial, sans-serif; font-weight:800; font-size:.9em; text-transform:uppercase; text-align:center; } .postNav .prev img, .postNav .next img { z-index:1; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:100%; . height:auto; } .postNav .prev span, .postNav .next span { z-index:10; position:relative; padding:.5rem; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; line-height:1.4; } .postNav .prev.image, .postNav .next.image { text-decoration:none; color:white; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.8); padding:0 .5rem; position:relative; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .postNav .prev:hover.image, .postNav .next:hover.image { opacity:.8; } .postNav .prev span { left:0; } .postNav .next span { right:0; } .footer { text-align:center; padding:2rem 0; } .footer .container { border-top:4px solid #d9d9d9; padding-top:.5em; max-width:90%; margin-left:auto; margin-right:auto; } .footer .container:after { content:" "; display:block; clear:both; } .footer .copy, .footer .footer-links { font-size:.8em; } .footer .copy { margin-bottom:1rem; } .footer-links ul { text-align:center; } .footer-links ul li { display:inline-block; } .footer-links ul li a { display:inline-block; width:30px; height:30px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .footer-links ul li a svg { display:block; width:100%; height:100%; } .footer-links ul li a svg .outer-shape { fill:#2e8b57; } .footer-links ul li a svg .inner-shape { fill:white; } .footer-links ul li:hover a svg .outer-shape { fill:#21653f; } .pagination .next { float:left; } .pagination .previous { float:right; } .posts li { margin-bottom:4rem; position:relative; } .posts li:before { content:""; position:absolute; bottom:-2rem; left:0; background:#e6e6e6; height:2px; width:60px; } .posts li a { text-decoration:none; } .posts li a:hover { text-decoration:underline; } .posts li .date { color:gray; font-family:"Open Sans", Helvetica, Arial, sans-serif; font-weight:300; font-size:.8em; } .posts li h3 { margin:0 0 .5em; } @media only screen and (min-width: 800px) { .content { padding-top:0; position:relative; z-index:1; } .content:after { z-index:-1; background:white; content:""; display:block; width:100%; height:5em; position:absolute; top:-2em; left:0; /* -webkit-transform:skewY(-2deg); -ms-transform:skewY(-2deg); transform:skewY(-2deg); -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; */ } .container { max-width:800px; margin-left:auto; margin-right:auto; padding:0; } .container:after { content:" "; display:block; clear:both; } #home .posts, #home .pageTitle, #home .pagination { width:74.46809%; float:left; margin-right:2.12766%; float:none; margin:0 auto 1.5em; } #home .pageTitle { margin:2rem auto 1em; } .header { height:15em; position:relative; padding-bottom:2em; } .header .container { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:800px; margin-left:auto; margin-right:auto; } .header .container:after { content:" "; display:block; clear:both; } .header h1 { font-size:3em; line-height:1; letter-spacing:-3px; padding-left:0; } .header nav { float:left; clear:left; } .header nav ul { margin:0; } .header nav ul li { display:inline; line-height:3em; background:none; padding:0 5px; border:none; } .header nav ul li a { color:white; font-size:.9em; text-decoration:none; padding:0 .25em; } .header nav ul li a:hover { color:#ccc; } .header nav ul li.current { padding-bottom:.25em; border-bottom:4px solid rgba(255, 255, 255, 0.4); } .js .nav-collapse { position:relative; max-height:none; } .js .nav-collapse.closed { max-height:none; } .js .nav-collapse ul li a { display:inline-block; } .nav-toggle { display:none; } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post p, .post ul, .post ol, .post dl, .post .pageTitle { width:74.46809%; float:left; margin-right:2.12766%; float:none; margin:0 auto 2rem; } .post h1, .post .h1, .post h2, .post .h2, .post h3, .post .h3, .post h4, .post .h4, .post h5, .post .h5, .post h6, .post .h6 { margin:1rem auto; } .post .pageTitle { margin:2rem auto 1em; } .post .featuredImage { position:relative; margin-top:2rem; } .post .featuredImage:before { background:white; content:""; display:block; width:100%; height:4em; position:absolute; top:-2em; left:0; -webkit-transform:skewY(-2deg); -ms-transform:skewY(-2deg); transform:skewY(-2deg); -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; } .postNav .prev, .postNav .next { width:50%; } .postNav .prev { float:left; text-align:left; } .postNav .next { text-align:right; float:right; } .footer-links { float:right; } .footer .copy { float:left; } .footer .container { padding:1rem 0; max-width:800px; margin-left:auto; margin-right:auto; } .footer .container:after { content:" "; display:block; clear:both; } .contactContent { width:48.93617%; float:left; margin-right:2.12766%; } #contact form { width:48.93617%; float:right; margin-right:0; } }