/* CSS in this site is compled by SCSS Please do not edit this directly */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: "Proxima N W15 Reg", sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 1.7em; margin: 0.67em 0; font-family: "Proxima N W15 Smbd"; font-size: normal; }

h2 { font-size: 1.3em; margin: 0.83em 0; font-family: "Proxima N W15 Smbd"; font-size: normal; }

h3 { font-size: 1.17em; margin: 1em 0; font-family: "Proxima N W15 Smbd"; font-size: normal; }

h4 { font-size: 1em; margin: 1.33em 0; font-family: "Proxima N W15 Smbd"; font-size: normal; }

h5 { font-size: 0.83em; margin: 1.67em 0; font-family: "Proxima N W15 Smbd"; font-size: normal; }

h6 { font-size: 0.67em; margin: 2.33em 0; font-family: "Proxima N W15 Smbd"; font-size: normal; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; }

.twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; }

.twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; }

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: transparent; }

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; }

.twentytwenty-container * { box-sizing: content-box; }

.twentytwenty-before-label { opacity: 0; }

.twentytwenty-before-label:before { content: "Before"; }

.twentytwenty-after-label { opacity: 0; }

.twentytwenty-after-label:before { content: "After"; }

.twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; }

.twentytwenty-overlay { -webkit-transition-property: background; transition-property: background; background: transparent; z-index: 25; }

.twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); }

.twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; }

.twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; }

.twentytwenty-before { z-index: 20; }

.twentytwenty-after { z-index: 10; }

.twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; border-radius: 1000px; box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; }

.twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; }

.twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; }

.twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; }

/*  Naver v3.1.2 - 2014-11-25  A jQuery plugin for responsive navigation. Part of the Formstone Library.  http://formstone.it/naver/  Copyright 2014 Ben Plum; MIT Licensed  */
.naver { margin: 0; }

.naver, .naver *, .naver *:before, .naver *:after { box-sizing: border-box; }

.naver-handle { width: 100%; background: #ffffff; border: 1px solid #cccccc; color: #111111; cursor: pointer; display: none; font-size: 16px; margin: 0; padding: 10px 15px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.naver-handle:after { height: 3px; width: 15px; position: absolute; top: 0; right: 15px; bottom: 0; background: #cccccc; box-shadow: 0 5px 0 #cccccc, 0 -5px 0 #cccccc; content: ''; display: block; margin: auto 0; }

.naver.open .naver-handle:after { width: 15px; height: 15px; background: transparent; border: none; box-shadow: none; color: #cccccc; content: "\00d7"; font-size: 22px; font-weight: 700; line-height: 15px; text-align: center; }

.naver-wrapper { border: none; height: auto; margin: 0; padding: 0; }

.naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.naver.enabled .naver-handle { display: block; }

.naver.enabled .naver-wrapper { height: 0px; overflow: hidden; }

.naver.enabled .naver-container { background: #ffffff; border: 1px solid #cccccc; border-width: 0 1px 1px; }

html, button, input, select, textarea { color: #222; }

html { font-size: 0.9em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
audio, canvas, img, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

a { color: #405826; }

/* ========================================================================== Browse Happy prompt ========================================================================== */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
@font-face { font-family: "Proxima N W15 Light"; src: url("../Fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix"); src: url("../Fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix") format("eot"), url("../Fonts/fb5639f2-f57b-487d-9610-3dc50820ab27.woff") format("woff"), url("../Fonts/2eafe9b7-5a21-49c0-84ca-54c54f899019.ttf") format("truetype"), url("../Fonts/0a2fe21c-cfdd-4f40-9dca-782e95c1fa90.svg#0a2fe21c-cfdd-4f40-9dca-782e95c1fa90") format("svg"); }

@font-face { font-family: "Proxima N W15 Reg"; src: url("../Fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix"); src: url("../Fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix") format("eot"), url("../Fonts/e8e438df-9715-40ed-b1ae-58760b01a3c0.woff") format("woff"), url("../Fonts/baf65064-a8a8-459d-96ad-d315581d5181.ttf") format("truetype"), url("../Fonts/76bd19c9-c46a-4c27-b80e-f8bd0ecd6057.svg#76bd19c9-c46a-4c27-b80e-f8bd0ecd6057") format("svg"); }

@font-face { font-family: "Proxima N W15 Smbd"; src: url("../Fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix"); src: url("../Fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix") format("eot"), url("../Fonts/91b14d48-ff2a-4a42-87df-b04c76cfb67f.woff") format("woff"), url("../Fonts/65e3a762-7125-4d24-9247-fc73d4786cd0.ttf") format("truetype"), url("../Fonts/4b8633b5-6a28-45ea-afc0-1784363b823a.svg#4b8633b5-6a28-45ea-afc0-1784363b823a") format("svg"); }

* { margin: 0; box-sizing: border-box; }

html, body { height: 100%; }

.page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -142px; }

.page-wrap:after { content: ""; display: block; }

.site-footer, .page-wrap:after { /* .push must be the same height as footer */ height: 142px; }

.site-footer { background-image: url("../img/foot-repeat.gif"); background-position: center; }

img { max-width: 100%; }

header { position: relative; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); overflow: hidden; }

header .logo { width: 16%; float: left; display: inline-block; padding: 20px; }

header .logo img { width: 100%; }

header nav { width: 84%; float: left; display: inline-block; display: block; }

header nav ul { margin: 0; }

header nav ul li { float: left; display: inline-block; margin: 0; padding: 0; }

header nav ul li a { padding: 65px 20px 10px; text-transform: uppercase; text-decoration: none; color: #405826; display: block; font-family: "Proxima N W15 Light"; font-weight: normal; }

header nav ul li a:hover { color: #000; border-bottom: 4px solid #efefef; }

.container { width: 90%; max-width: 1040px; margin: 0 auto; position: relative; }

nav.homeButton ul { margin: 0; padding: 0; }

nav.homeButton ul li { margin: 0; padding: 0; width: 32%; float: left; display: inline-block; background-color: #000; border-radius: 5px; padding: 15px; margin: 15px 2% 15px 0; }

nav.homeButton ul li:last-child { margin: 15px 0 15px 0; }

nav.homeButton ul li a { text-decoration: none; display: block; }

nav.homeButton ul li a:hover { opacity: 0.7; }

nav.homeButton ul li a .homeButLeft { width: 37%; float: left; display: inline-block; }

nav.homeButton ul li a .homeButLeft img { width: 100%; }

nav.homeButton ul li a .homeButRight { width: 58%; margin-left: 5%; float: left; display: inline-block; color: #fff; }

nav.homeButton ul li a .homeButRight h2 { margin: 0; padding: 0; font-size: 16px; font-size: normal; }

nav.homeButton ul li a .homeButRight p { margin: 0; padding: 0; font-size: 12px; }

nav.homeButton ul li a .homeButRight button { background-color: #405826; padding: 6px 12px; border-radius: 3px; color: #fff; font-size: 12px; border: 0; margin-top: 5px; }

footer nav { display: table; /* Allow the centering to work */ margin: 0 auto; }

footer nav ul { list-style: none; padding-top: 20px; }

footer nav ul li { display: inline; }

footer nav ul li a { text-transform: uppercase; color: #fff; padding: 40px 10px 5px; text-decoration: none; display: inline-block; font-size: 90%; }

footer .legals { color: #848484; float: left; display: inline-block; font-size: 12px; margin-top: 4px; }

footer .passion { color: #848484; float: right; display: inline-block; font-size: 12px; margin-top: 4px; }

.prev, .next { width: 38px; position: absolute; z-index: 200; top: 230px; cursor: hand; }

.prev img, .next img { width: 100%; }

.prev { left: -50px; }

.next { right: -50px; }

ul.thumbs { margin: 0; padding: 0; }

ul.thumbs li { width: 20%; float: left; list-style-type: none; }

ul.thumbs li a { display: block; overflow: hidden; }

ul.thumbs li a img { width: 100%; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

ul.thumbs li a img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

ul.thumbsTransform { margin: 0; padding: 0; }

ul.thumbsTransform li { width: 33.33%; float: left; list-style-type: none; }

ul.thumbsTransform li a { display: block; overflow: hidden; }

ul.thumbsTransform li a img { width: 100%; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

ul.thumbsTransform li a img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.button { display: inline-block; padding: 10px 20px; border-radius: 4px; background-color: #405826; text-decoration: none; color: #FFF; text-transform: uppercase; }

.button:hover { background-color: #263417; }

.leftPanel { float: left; width: 49%; display: block; margin-right: 1%; }

.rightPanel { float: left; width: 49%; display: block; margin-left: 1%; }

.webForm label { display: block; margin: 12px 0 5px; }

.webForm input[type="text"], .webForm textarea { display: block; box-sizing: border-box; padding: 6px; border: 1px solid #405826; border-radius: 2px; width: 100%; }

.webForm input[type="submit"] { display: inline-block; padding: 10px 20px 8px; margin-top: 20px; border-radius: 4px; background-color: #405826; text-decoration: none; color: #FFF; text-transform: uppercase; border: 0px; }

.webForm input[type="submit"]:hover { background-color: #263417; }

.blog-post .post-body img { float: left; width: 10%; margin-right: 2%; }

.blog-post .post-body .blogPost { float: left; width: 88%; }

.blog-post .post-body .blogPost h2 { margin-top: 0; margin-bottom: 2px; }

.blog-post .post-body .blogPost h2 a { text-decoration: none; color: #666; }

.blog-post .post-body .blogPost h2 a:hover { color: #4d4d4d; }

.blog-post .post-body .blogPost h2 img { padding-bottom: 25px; }

.blog-post .post-body .blogPost .post-details { font-size: 12px; font-style: oblique; }

.post-list { width: 70%; padding-right: 5%; float: left; display: block; }

.side-panel { width: 25%; float: left; display: block; }

.mobile { display: none; }

.desktop { display: block; }

/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

.clearfix:after, .container_12:after, .container_16:after { clear: both; }

/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
.clearfix, .container_12, .container_16 { zoom: 1; }

@media only screen and (max-width: 1135px) { header nav ul li a { padding: 65px 15px 10px; } }

@media only screen and (max-width: 950px) { header nav ul li a { padding: 65px 10px 10px; font-size: 90%; } }

@media only screen and (max-width: 798px) { header .logo { width: 100%; display: block; }
  header .logo a { width: 40%; margin: 0 auto; display: block; }
  header nav { width: 100%; display: block; }
  header nav ul { padding: 0; }
  header nav ul li { display: block; width: 100%; }
  header nav ul li a { padding: 8px; font-size: 90%; display: block; }
  nav.homeButton ul li { display: block; width: 100%; }
  footer nav { display: none; }
  ul.thumbs li { width: 50%; }
  .leftPanel, .rightPanel { width: 100%; margin: 0; } }

/* Added by Melbourne SEO Services - edited by PFD */
.topDeets { position: absolute; right: 0; }

.phone-number { margin: 10px; font-size: 1.4em; color: #405725; display: inline-block; }

.phone-number a { text-decoration: none !important; }

.phone-number a:hover { color: #339933; }

@media screen and (max-width: 800px) { .topDeets { position: relative; text-align: center; width: 100%; right: 0px; }
  .topDeets .phone-number { text-align: center; font-size: 1.1em; } }

footer .legals a { color: #848484 !important; }

#social { text-align: center; display: inline-block; }

.smGlobalBtn { /* global button class */ display: inline-block; position: relative; cursor: pointer; width: 25px; height: 25px; /* box-shadow: 0 2px 2px #999; */ padding: 0px; text-decoration: none; text-align: center; color: #fff; font-size: 12px; font-weight: normal; line-height: 2.2em; border-radius: 50%; }

/* instagram button class*/
.instaBtn { background: #125688; }

.instaBtn:before { font-family: "FontAwesome"; content: "\f16d"; /* add instagram icon */ }

.instaBtn:hover { color: #125688; background: #fff; }

/* facebook button class*/
.facebookBtn { background: #4060A5; }

.facebookBtn:before { /* use :before to add the relevant icons */ font-family: "FontAwesome"; content: "\f09a"; /* add facebook icon */ }

.facebookBtn:hover { color: #4060A5; background: #fff; }

/* twitter button class*/
.twitterBtn { background: #00ABE3; }

.twitterBtn:before { font-family: "FontAwesome"; content: "\f099"; /* add twitter icon */ }

.twitterBtn:hover { color: #00ABE3; background: #fff; }

/* google plus button class*/
.googleplusBtn { background: #e64522; }

.googleplusBtn:before { font-family: "FontAwesome"; content: "\f0d5"; /* add googleplus icon */ }

.googleplusBtn:hover { color: #e64522; background: #fff; }

/* linkedin button class*/
.linkedinBtn { background: #0094BC; }

.linkedinBtn:before { font-family: "FontAwesome"; content: "\f0e1"; /* add linkedin icon */ }

.linkedinBtn:hover { color: #0094BC; background: #fff; }

/* pinterest button class*/
.pinterestBtn { background: #cb2027; }

.pinterestBtn:before { font-family: "FontAwesome"; content: "\f0d2"; /* add pinterest icon */ }

.pinterestBtn:hover { color: #cb2027; background: #fff; }

/* tumblr button class*/
.tumblrBtn { background: #3a5876; }

.tumblrBtn:before { font-family: "FontAwesome"; content: "\f173"; /* add tumblr icon */ }

.tumblrBtn:hover { color: #3a5876; background: #fff; }

/* rss button class*/
.rssBtn { background: #e88845; }

.rssBtn:before { font-family: "FontAwesome"; content: "\f09e"; /* add rss icon */ }

.rssBtn:hover { color: #e88845; background: #fff; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }