/* base.com style sheet
  v 1.0

  author: bryan@bryanlademann.com




  notes ====================================================
============================================================


  Z-INDEX BLOCKING
  http://designindevelopment.com/css/z-index-blocking/

  901-1000 error message windows (if modal)
  801-900 modal windows
  701-800 primary navigation
  601-700 page based error messaging
  501-600 open
  401-500 open
  301-400 open
  201-300 open
  101-200 promotional / advertising
  1-100   general content


  table of contents  =======================================
============================================================

    01.0 @imports
    02.0 reset
    03.0 base
    04.0 typography
        5.1 headings
        5.2 text elements
        5.3 lists
        5.4 tables
    06.0 forms
        6.1 form fields
        6.2 buttons
    07.0 user messages
    08.0 navigation
    09.0 structure
        09.1 grid
        09.2 layout
            09.2.1 *block level elements
        09.3 template specific styles
    19.0 plugins
    11.0 helper styles
    12.0 troubleshooting
    13.0 print styles
    14.0 media queries
        14.1 print
        14.2  mobile



/*  1.0 @imports ==============================================
============================================================ */
@import 'https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,700';
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic,300italic,700italic);
/*  2.0 reset.css =============================================
============================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*  3.0 base.css ==============================================
============================================================ */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%; }

/* prevents visual 'page jump' effect when scrollbar appears
due to amount of vertical content. */
html {
  color: #222;
  /*font: 0.66667 "Roboto", sans-serif; */
  font: 0.75 'Cormorant Garamond', serif;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased; }

body {
  background: #e0e1e0;
  font-family: 'Cormorant Garamond', serif; /* "Roboto", sans-serif; */
  text-rendering: optimizeLegibility; }
  
nav[role='navigation'] {
  font-family: "Roboto", sans-serif;}

a {
  border-bottom: 1px dotted;
  color: #b22222;
  text-decoration: none; }
  a:visited {
    border-bottom: 1px dotted;
    color: #b22222; }
  a:hover {
    border-bottom: 1px solid;
    color: #871a1a;
    text-decoration: none; }
  a:focus {
    outline: thin dotted; }

/* Removes border on linked images. */
a img,
:link img,
:visited img {
  border: none; }

::-moz-selection {
  background: palegreen;
  color: #333;
  text-shadow: 0 1px #eee; }

::selection {
  background: palegreen;
  color: #333;
  text-shadow: 0 1px #eee; }

/*  j.mp/webkit-tap-highlight-color
changes default tap color on mobile devices from grey to... */
a:link {
  -webkit-tap-highlight-color: transperant; }

/*  4.0 typography.css ========================================
============================================================ */
html {
  font-size: 100%;
  line-height: 1.5em; }

/*  4.1 Headings
------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif; /* "Roboto", sans-serif; */
  color: #3d3d3d;
  margin: 1.5em 0 0; }

h1 {
  font-size: 2.8125em;
  line-height: 1.6em;
  margin: 1.5em 0; }

h2 {
  font-size: 2.125em;
  line-height: 1.05882em;
  color: #7b1316;
  font-weight: 100; }

h3 {
  font-size: 1.3125em;
  line-height: 1.42857em;
  color: #174f94; }

h4 {
  font-size: 0.9375em;
  line-height: 1.6em; }

h5 {
  font-size: 0.8125em;
  line-height: 1.84615em;
  text-transform: uppercase;
  letter-spacing: .1em;
  word-spacing: .2em; }

h6 {
  font-size: 0.8125em;
  line-height: 1.84615em;
  font-weight: 700;
  font-style: italic; }

h1.page-title {
  background: url(_img/hr.red.png) no-repeat right bottom;
  color: #7b1316;
  line-height: 1.35;
  margin-top: 0.375em;
  margin-bottom: 0; 
    padding-bottom: .5em !important; }

.home h1.page-title {
  background: none;
  margin-top: 0.75em;
  margin-bottom: 0;}

.home h1.page-title span {
  color: #555; }

.home h2 {
  margin: 0.75em 0 0; }

/*  4.2 text elements
------------------------------ */
p {
  /*font-size: 0.9375em;*/
  line-height: 1.6em;
  /*max-width: 55em;*/
  margin-bottom: 1.5em; }

/* Gives ampersands a typographic makeover */
.amp {
  font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
  font-weight: normal;
  font-style: italic; }

/*  BLOCKQUOTE
  ----------------- */
blockquote {
  border-left: 3px solid #eaeaea;
  color: #aaa;
  font-style: italic;
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  margin: 1.5em 60px;
  padding-left: 20px; }
  blockquote p {
    margin-bottom: 0; }
  blockquote em,
  blockquote i,
  blockquote cite {
    font-style: normal; }
  blockquote cite {
    color: #555;
    display: block;
    padding: 10px 0 0 20px;
    position: relative; }
    blockquote cite:before {
      content: '\2014';
      left: 0;
      position: absolute; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

small {
  font-size: 85%;
  font-weight: 700; }

strong {
  font-weight: 700; }

em, dfn {
  font-style: italic; }

dfn {
  font-weight: 700; }

sup, sub {
  line-height: 0; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

abbr[title],
dfn[title],
acronym {
  cursor: help;
  border-bottom: 1px dotted #79804D;
  letter-spacing: 0.1em;
  margin: 0 2em 1.5em; }

address {
  margin: 0 2em 1.5em;
  font-style: italic; }

del {
  color: #666;
  text-decoration: line-through; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

pre {
  background: rgba(0, 0, 0, 0.6);
  padding: 1.35em;
  /* 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 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

pre,
code,
kbd,
samp,
tt {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  color: #efefef; }

pre > code {
  color: #efefef; }

/* 4.3 lists
------------------------------ */
/* top-level lists */
ul, ol {
  margin-bottom: 1.5em; }
  
ol {
  list-style-type: decimal; }

#content ul {
	margin-left: 2em; }

#content li {
  /*font-size: 0.9375em;*/
  line-height: 1.6em;
  margin-left: .5em; }

#content ul li:before {
  /* For a round bullet */
  content: '\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -0.5em;
  top: 0;
  font-size: 1.5em;
  color: #7b1316; }

/* nested lists */
ul ul, ol ol {
  margin-bottom: .3em; }
li ul,
li ol {
  margin-left: 2em; }

dl {
  margin: 0 0 1.7em 0; }

dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

/* 4.4 tables
------------------------------ */
table {
  margin-bottom: 1.7em; }

thead th {
  background: #c3d9ff;
  font-weight: 700; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

.even td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

td, td img {
  vertical-align: top; }

/*  5.0 forms.css ===============================================
============================================================== */
form {
  width: 100%; }

form ol {
  list-style: none;
  margin: 0; }

form li {
  margin-bottom: 1.5em; }

/* Targets Webkit based browsers: Safari, Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  form li {
    margin-bottom: 1.5em; } }
legend,
fieldset {
  width: 100%; }

fieldset {
  background: #7b1316;
  border: none;
  margin: 0;
  padding: 2%; 
  border-radius: 3px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

label {
  color: white;
  font-weight: 700;
  font-size: 0.95em;
  display: block;
  margin: 0; }

form p {
  margin: 1.35em 0 0;
  padding: 0;
  line-height: 1; }

/* 5.1 form fields
------------------------------ */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type='radio'] {
  padding-right: 1.6%; }

input[type='checkbox'] {
  padding-right: 2%; }

label.checkbox {
  display: inline-block;
  min-width: 33%;
  padding: 0.4em 0.2em;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
  -ms-user-select: none;
  user-select: none; }

/* hand cursor on clickable input elements */
label,
input[type=button],
input[type=submit],
button,
select,
.pointer {
  cursor: pointer; }

input,
select {
  vertical-align: middle; }

select,
input,
textarea {
  font: 99% sans-serif; }

input[type='color'],
input[type='datalist'],
input[type='date'],
input[type='email'],
input[type='file'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='time'],
input[type='url'],
textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 2%;
  color: #444;
  background: white;
  outline: none;
  width: 100%;
  margin: 0;
  *margin-left: -20px;
  /* creats rounded borders for modern browseres */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

input[type='color']:focus,
input[type='datalist']:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='file']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='text']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
textarea:focus {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  outline: none; }

textarea {
  padding: 0.3em;
  height: 10.1em; }

/* 5.2 buttons
------------------------------ */
button {
  border: none; }

.button,
button.button {
  display: block;
  background: #7b1316;
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Firefox 16+ */
  /* Opera 11.10+ */
  /* Firefox 16+ */
  color: #eee;
  padding: 2% 4%;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  position: relative;
  cursor: pointer;
  width: auto;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 1.5em 0; }

.button:hover,
.button:focus {
  background: rgba(123, 19, 22, 0.8);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Firefox 16+ */
  /* Opera 11.10+ */
  /* Firefox 16+ */
  color: #fff; }

.button:active,
button.button:active {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: wait;
  top: 1px; }

/*  6.0 success, notice and error boxes =======================
============================================================ */
.error,
.notice,
.success {
  border: 1px solid #ddd;
  border-left-width: 4px;
  margin-bottom: 1em;
  padding: .8em; }

.error {
  background: #FBE3E4;
  border-color: #FBC2C4;
  color: #8a1f11; }
  .error a {
    color: #8a1f11; }

.notice {
  background: #FFF6BF;
  border-color: #FFD324;
  color: #514721; }
  .notice a {
    color: #514721; }

.success {
  background: #E6EFC2;
  border-color: #C6D880;
  color: #264409; }
  .success a {
    color: #264409; }

/*  7.0 navigation ============================================
============================================================ */
/* Use for horizontal navs/lists */
.horizontal {
  list-style: none; }
  .horizontal li {
    float: left; }
  .horizontal a {
    display: block;
    text-decoration: none; }

nav[role='navigation'] {
  background: url(_img/bg.nav.global.png) 50% 0;
  background-size: cover;
  min-height: 3em; }

.global {
  clear: both;
  list-style: none;
  text-align: center;
  width: 100%; }
  .global ul {
    margin: 0; }
  .global li {
    border-right: 1px solid white;
    color: white;
    display: inline-block;
    /*width: 20%;*/
	width: 14%;
    line-height: 3em; }
  .global li:last-of-type {
    border: none;
	/*width: 16%;*/ }
  .global a {
    border-bottom: none;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    width: 100%;
    text-shadow: black 0 0 1px;
    text-shadow: rgba(0, 0, 0, 0.9) 0 0 1px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
    /* sets interactive response for element */ }
    .global a:hover {
      color: white; }
    .global a.landmark {
      background: rgba(123, 19, 22, 0.8); }

/* tabs */
.tabs a {
  display: inline-block;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 0.8125em;
  line-height: 1.84615em;
  margin-bottom: 1.5em; }

.tabs a.landmark {
  color: #fafafa;
  text-decoration: none;
  border: none; }

/*  8.0 structure ===============================================
============================================================== */
/*  8.1 grid

------------------------------ */
/* 	==============================
	manual responsive grid
	============================*/
.no-gutter {
  margin-left: 0; }

.gutter {
  margin-left: 2em; }

.gutter-2 {
  margin-left: 4em; }

.gutter-3 {
  margin-left: 6em; }

/* responsive grid */
.column-1,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9,
.column-10,
.column-11,
.column-12 {
  float: left;
  display: inline-block;
  margin-right: 1.6%; }

.column-1 {
  width: 6.382%; }

.column-2 {
  width: 14.893%; }

.column-3 {
  width: 23.404%; }

.column-4 {
  width: 31.914%; }

.column-5 {
  width: 40.425%; }

.column-6 {
  width: 48.936%; }

.column-7 {
  width: 57.446%; }

.column-8 {
  width: 65.957%; }

.column-9 {
  width: 74.468%; }

.column-10 {
  width: 82.978%; }

.column-11 {
  width: 94.489%; }

.column-12 {
  width: 100%; }

/* 	==============================
	good ol grid
	============================*/
/*
  Choose a grid width, the number of columns and the margin between columns.
  The result of the following equation has to be an integer, not a fraction:

  (width - (columns - 1) * col_margin) / columns = N
*/
/* adds top margin on element to match vertical grid */
.lead-half {
  margin-top: 0.75em; }

.lead-1 {
  margin-top: 1.5em; }

.lead-2 {
  margin-top: 3em; }

.lead-3 {
  margin-top: 4.5em; }

.lead-4 {
  margin-top: 6em; }

.lead-5 {
  margin-top: 7.5em; }

.lead-6 {
  margin-top: 9em; }

.lead-7 {
  margin-top: 10.5em; }

.lead-8 {
  margin-top: 12em; }

.lead-9 {
  margin-top: 13.5em; }

.lead-10 {
  margin-top: 15em; }

/*  8.2 layout
------------------------------ */
body {
  margin: 0 auto;
  position: relative; }

body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }

.container {
  max-width: 1070px;
  margin: 0 auto;
  padding: 0 1.6%; }

/*  masthead */
[role="banner"] {
  position: relative; }

#logo {
  border: none;
  float: right;
  max-width: 487px;
  margin-top: 1em; }

/* removes default link bottom border style */
#logo img {
  width: auto;
  height: auto;
  max-width: 100%; }

/* salt to taste */
.tagline {
  width: inherit; }

/*  central content area */
#content {
  position: relative;
  clear: both;
  background: #fafafa;
  padding-bottom: 1.5em; }
  
#content p, #content ul {
  font-size: 1.2em;}
  
#content ul ul {
	font-size: 1em;}

.home #content {
  padding: 0; }

#content-featured {
  position: relative; }

section[role='main'] {
  padding: 1.6%; }

.home section[role='main'] {
  padding: 0 1.6% 0 0; }

aside[role='complementary'] {
  padding: 1.6%;
  width: 31.914%;
  float: left;
  display: inline-block;
  margin-right: 1.6%;
  margin-right: 0; }

footer {
  clear: both;
  position: relative;
  border-top: 2px solid #7b1316;
  padding-top: 1.5em;
  padding-bottom: 9em; }
  footer p {
    color: #7b1316; }
    
    
 .home .third-width { width: 37%;}
 
/* slider */
#content .flexslider ul {
	margin-left: 0;
}
#content .flexslider li {
	margin-left: 0;
}
#content .flexslider ul li::before {
	display: none;
}
a.flex-prev {
	text-decoration: none;
	border-bottom: none;
	line-height: 40px;
}
a.flex-prev:hover {
	text-decoration: none;
	border-bottom: none;
}
a.flex-next {
	text-decoration: none;
	border-bottom: none;
	line-height: 40px;
}
a.flex-next:hover {
	text-decoration: none;
	border-bottom: none;
}
    

/*  9.0 plugins ===============================================
============================================================ */
img.unveil {
  opacity: 0;
  transition: opacity .3s ease-in; }
  
figure {
	border: 1px solid #555;
	padding: 1px;
}
figcaption {
	padding: 5px;
	font-size: 0.9375em;
	text-align: justify;
}

/*  10.0 helper classes =========================================
============================================================ */
.strong {
  font-weight: 700; }

.em {
  font-style: italic; }

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: normal; }

.lowercase {
  text-transform: lowercase; }

.hide {
  position: absolute;
  text-indent: -9999px;
  direction: ltr;
  display: none; }

img {
  max-width: 100%; }

.polaroid {
  background: #fff;
  padding: .9em .9em 1.8em; }

.center {
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important; }

.clear {
  clear: both; }

.right {
  float: right; }

.left {
  float: left; }

.right-align {
  text-align: right; }
  
 
/*  IMAGE REPLACEMENT
  ----------------- */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/*  The New Clearfix Method
press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
/* prevents nasty looking multi-lined links in body copy */
p a {
  white-space: nowrap; }

/*  HR/STANDALONE BORDER
  ----------------- */
hr {
  border-top: 1px solid #999;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 1.5em 0;
  min-height: 0; }
  hr.dotted {
    border-style: dotted; }
  hr.dashed {
    border-style: dashed; }
  hr.darkborder {
    border-color: #000; }
  hr.lightborder {
    border-color: #fff; }

/* Use whenever encapsulation is needed */
.container {
  margin: 0 auto; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

.first {
  margin-left: 0;
  padding-left: 0;
  border-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0;
  border-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

/*  11.0 troubleshooting styles ===============================
============================================================ */
/* grid: 6px baseline - 80px columns - 20px gutter
html     { background: url(_img/_grid/grid.baseline.6.png); }
body     { background: transparent; }
#column-overlay {
  background: url(_img/_grid/grid.column.80.20.png);
  position: fixed;
  left: 0;
  height: 101%;
  width: 100%;
  z-index: 999;
  }

/* don't believe the hype, it too is a joke. */
hr#fold {
  background: firebrick;
  border: none;
  height: 1px;
  position: fixed;
  top: 600px;
  z-index: 998; }

/* forces 'for placement only' image to stretch to fit element */
.fpo {
  width: 100%;
  height: 100%; }

/*  12.0 print styles =========================================

    inlined to avoid required HTTP connection
    www.phpied.com/delay-loading-your-print-css/
============================================================ */
@media print {
  * {
    font-size: 80%;
    background: transparent !important;
    color: #444 !important;
    text-shadow: none; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a:after {
    content: " (" attr(href) ")"; }

  abbr:after {
    content: " (" attr(title) ")"; }

  .ir a:after {
    content: ""; }

  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/*  13.0 media queries for responsive design ==================
============================================================ */
@media screen and (min-width: 940px) {
	.align-right {
		float: right;
		margin: 0 0 10px 10px;
	}
}
@media screen and (max-width: 420px) {
  [role="banner"] #logo {
    margin: .5em; } }
@media screen and (max-width: 640px) {
  [role="banner"] img.left {
    display: none; }

  [role="banner"] #logo {
    max-width: 100%;
    float: left;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; } }
@media screen and (min-width: 641px) and (max-width: 940px) {
  [role="banner"] img.left {
    max-width: 40%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }

  [role="banner"] #logo {
    max-width: 40%;
    float: right;
    margin-bottom: 0; } }
@media screen and (max-width: 700px) {
  .no-mobile {
    display: none; }

  .home section[role='main'] {
    padding: 0 1.6%; }

  #content img {
    width: 100%; }

  .home #content img {
    width: auto !important; }

  nav[role='navigation'] {
    background-image: none;
    position: relative;
    top: 0;
    z-index: 9999;
    width: 100%; }

  nav[role='navigation'] li {
    border: none; }

  nav[role='navigation'] a {
    background-color: #7b1316; }

  .js .global {
    display: none; }

  .nav-toggle {
    display: block;
    float: right;
    z-index: 9999; }

  .nav-toggle-link {
    background: #7b1316;
    display: block;
    height: 36px;
    position: relative;
    padding-top: 3px;
    width: 38px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }

  .nav-toggle-link:focus {
    outline: none; }

  .nav-toggle-link .bar {
    border-radius: 2px;
    background-color: #fff;
    display: block;
    height: 4px;
    margin: 0 auto 4px;
    width: 24px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; }

  .nav-toggle-link > .bar:first-of-type {
    margin-top: 7px; }

  [role="banner"] img.left {
    width: 50%; }

  .nav-toggle {
    display: block; }

  .js .global {
    display: none; }

  .global {
    text-align: left;
    min-width: 30%;
    position: relative;
    right: 0;
    top: 0; }

  .global li {
    display: block;
    width: 100%; }

  .global li:last-of-type {
    margin-right: 2px; }

  .global a {
    display: block;
    height: 42px;
    line-height: 42px; }

  /* sets interactive response for element */
  .global a:hover,
  .global .current_page_item a {
    background: rgba(123, 19, 22, 0.8);
    color: #fafafa; }

  .column-1,
  .column-2,
  .column-3,
  .column-4,
  .column-5,
  .column-6,
  .column-7,
  .column-8,
  .column-9,
  .column-10,
  .column-11,
  .column-12 {
    width: 100%;
    margin: 0; } }
@media screen and (min-width: 480px) {
  /* Prevent iOS, WinMobile from adjusting font size */
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; } }
@media screen and (min-width: 320px) {
  /* Prevent iOS, WinMobile from adjusting font size */
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; } }