/**
 * Reset and Normalize
 * Support IE8+, Safari 6+, latest Chrome,Firefox,Opera
 * normalize.css v3.0.2 | MIT License | git.io/normalize
 * ========================================================
 */
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;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
/*a, a:active, a:hover, a:visited { outline: 0; }*/
/*a:focus { outline: thin dotted; }*/
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
  padding: 0 2px;
  margin: 0 2px;
}
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;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
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"] {
  box-sizing: border-box;
  padding: 0;
}
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 {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/**
 * Site Grid
 * grid sets the width, row clears the floats for containing spans
 * spans are the building blocks for content structure
 * ========================================================
 */
.hgrid {
  width: 100%;
  max-width: 1260px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hgrid-stretch {
  width: 100%;
}
.hgrid:after,
.hgrid-stretch:after {
  content: "";
  display: table;
  clear: both;
}
[class*="hgrid-span-"],
[class*="hcolumn-"] {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
}
[class*="hgrid-span-"].full-width,
[class*="hcolumn-"].full-width {
  padding: 0;
}
.flush-columns {
  margin: 0 -20px;
}
[class*="hcolumn-"] {
  padding: 0 20px;
}
/************* Span Widths*************/
.hgrid-span-1 {
  width: 8.33333333%;
}
.hgrid-span-2 {
  width: 16.66666667%;
}
.hgrid-span-3 {
  width: 25%;
}
.hgrid-span-4 {
  width: 33.33333333%;
}
.hgrid-span-5 {
  width: 41.66666667%;
}
.hgrid-span-6 {
  width: 50%;
}
.hgrid-span-7 {
  width: 58.33333333%;
}
.hgrid-span-8 {
  width: 66.66666667%;
}
.hgrid-span-9 {
  width: 75%;
}
.hgrid-span-10 {
  width: 83.33333333%;
}
.hgrid-span-11 {
  width: 91.66666667%;
}
.hgrid-span-12 {
  width: 100%;
}
/************* Column Widths *************/
.hcolumn-1-1,
.hcolumn-2-2,
.hcolumn-3-3,
.hcolumn-4-4,
.hcolumn-5-5 {
  width: 100%;
}
.hcolumn-1-2 {
  width: 50%;
}
.hcolumn-1-3 {
  width: 33.33333333%;
}
.hcolumn-2-3 {
  width: 66.66666667%;
}
.hcolumn-1-4 {
  width: 25%;
}
.hcolumn-2-4 {
  width: 50%;
}
.hcolumn-3-4 {
  width: 75%;
}
.hcolumn-1-5 {
  width: 20%;
}
.hcolumn-2-5 {
  width: 40%;
}
.hcolumn-3-5 {
  width: 60%;
}
.hcolumn-4-5 {
  width: 80%;
}
/************* Responsive Grid *************/
@media only screen and (max-width: 1023px) {
  [class*="hgrid-span-"],
  [class*="hcolumn-"] {
    padding: 0 15px;
  }
  .flush-columns {
    margin: 0;
  }
  .adaptive .hcolumn-1-5 {
    width: 40%;
  }
  .adaptive .hcolumn-1-4 {
    width: 50%;
  }
  .adaptive .hgrid-span-1 {
    width: 16.66666667%;
  }
  .adaptive .hgrid-span-2 {
    width: 33.33333333%;
  }
  .adaptive .hgrid-span-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 799px) {
  [class*="hgrid-span-"],
  .adaptive [class*="hgrid-span-"],
  [class*="hcolumn-"],
  .adaptive [class*="hcolumn-"] {
    width: 100%;
  }
}
@media only screen and (min-width: 800px) {
  .hcol-first {
    padding-left: 0;
  }
  .hcol-last {
    padding-right: 0;
  }
}
/**
 * Utility Classes
 * ========================================================
 */
/************* Misc *************/
#page-wrapper .flush {
  margin: 0;
  padding: 0;
}
/************* Displays *************/
.hide {
  display: none;
}
.forcehide {
  display: none !important;
}
.border-box {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/************* Image replacement *************/
.hide-text {
  font: 0/0 a !important;
  color: transparent !important;
  text-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
  width: 0;
  height: 0;
  overflow: hidden;
}
/************* Table *************/
.table {
  display: table;
  width: 100%;
  margin: 0;
}
.table.table-fixed {
  table-layout: fixed;
}
.table-cell {
  display: table-cell;
}
.table-cell-mid {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 799px) {
  .table,
  .table-cell,
  .table-cell-mid {
    display: block;
  }
}
/************* Floats *************/
.fleft,
.float-left {
  float: left;
}
.fright,
.float-right {
  float: right;
}
.fclear:after,
.float-clear:after,
.clear:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/************* Accessibility: Assistive Text *************/
/* for screen readers and text browsers */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#main[tabindex="-1"]:focus {
  outline: 0;
}
/**
 * Base Typography and HTML
 * ========================================================
 */
html.translated-rtl * {
  text-align: right;
}
/************* Default Typography *************/
body {
  text-align: left;
  font-size: 14px;
  line-height: 1.78571429em;
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* for better webkit rendering */
  -webkit-text-size-adjust: 100%;
  /* size in percentage at which to display text in Safari on iPhone */
}
/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  line-height: 1.33333333em;
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000;
  margin: 25px 0 15px;
  text-rendering: optimizelegibility;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-transform: uppercase;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.71428571em;
}
h3 {
  font-size: 1.42857143em;
}
h4 {
  font-size: 1.28571429em;
}
h5 {
  font-size: 1.14285714em;
}
h6 {
  font-size: 1.14285714em;
}
.title {
  font-size: 1.42857143em;
}
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
  font-size: inherit;
}
.titlefont {
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
/************* Basic HTML Tags *************/
p {
  margin: 1em 0;
}
hr {
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.78571429em 0 1em;
  height: 0;
  color: #bbb;
}
em,
var {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
big,
.big-font {
  font-size: 1.14285714em;
  line-height: 1.375em;
}
.huge-font {
  font-size: 4.28571429em;
  line-height: 1em;
}
small,
cite,
.small {
  font-size: 0.85714286em;
  line-height: 1.5em;
}
cite {
  font-style: italic;
}
q {
  font-style: italic;
}
q:before {
  content: open-quote;
}
q::after {
  content: close-quote;
}
address {
  display: block;
  margin: 1em 0;
  font-style: normal;
  border: 1px dotted;
  padding: 1px 5px;
}
abbr[title],
acronym[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
a[href^=tel] {
  color: inherit;
  text-decoration: none;
}
/************* Blockquote *************/
blockquote {
  border-left: 5px solid;
  padding: 0 0 0 1em;
  margin: 1em 0;
  display: block;
  font-style: italic;
  text-transform: uppercase;
  color: #888;
  font-size: 1.14285714em;
  clear: both;
  text-align: justify;
}
blockquote p {
  margin: 0;
}
blockquote small,
blockquote cite {
  display: block;
  line-height: 1.78571429em;
  text-align: right;
  margin-top: 3px;
}
blockquote small:before {
  content: "— ";
}
blockquote cite:before {
  content: "— ";
  padding: 0px 3px;
}
blockquote.pull-left {
  text-align: left;
  float: left;
}
blockquote.pull-right {
  border-right: 5px solid #ddd;
  border-left: 0;
  padding: 0 1em 0 0;
  margin: 1em 0;
  text-align: right;
  float: right;
}
/*** Blockquotes Responsive ***/
@media only screen and (max-width: 799px) {
  blockquote.pull-left,
  blockquote.pull-right {
    float: none;
  }
}
/************* Dropcaps *************/
.has-drop-cap:not(:focus)::first-letter {
  font-size: 3.4em;
  line-height: 1em;
  font-weight: inherit;
  margin: 0.01em 0.1em 0 0;
}
/************* Links *************/
a {
  color: #d02121;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}
a.linkstyle,
.linkstyle a {
  text-decoration: underline;
}
h1 a.linkstyle,
.linkstyle h1 a,
h2 a.linkstyle,
.linkstyle h2 a,
h3 a.linkstyle,
.linkstyle h3 a,
h4 a.linkstyle,
.linkstyle h4 a,
h5 a.linkstyle,
.linkstyle h5 a,
h6 a.linkstyle,
.linkstyle h6 a,
.title a.linkstyle,
.linkstyle .title a,
.titlefont a.linkstyle,
.linkstyle .titlefont a {
  text-decoration: none;
}
/************* Typo Schemes *************/
.invert-typo {
  background: #444;
  color: #fff;
}
.page-wrapper .invert-typo a,
.page-wrapper .contrast-typo a,
.page-wrapper .invert-typo h1,
.page-wrapper .contrast-typo h1,
.page-wrapper .invert-typo h2,
.page-wrapper .contrast-typo h2,
.page-wrapper .invert-typo h3,
.page-wrapper .contrast-typo h3,
.page-wrapper .invert-typo h4,
.page-wrapper .contrast-typo h4,
.page-wrapper .invert-typo h5,
.page-wrapper .contrast-typo h5,
.page-wrapper .invert-typo h6,
.page-wrapper .contrast-typo h6 {
  color: inherit;
}
.highlight-typo {
  background: #f8f8f8;
}
/************* Code, Pre, Keyboard, Teletype *************/
code,
pre,
kbd,
tt {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
pre {
  overflow-x: auto;
}
code,
kbd,
tt {
  padding: 2px 5px;
  margin: 0 5px;
  border: dashed 1px;
}
pre {
  display: block;
  padding: 5px 10px;
  margin: 1em 0;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
pre.scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
pre code,
pre kbd,
pre tt {
  padding: unset;
  margin: unset;
  border: unset;
}
/************* Lists *************/
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none outside;
}
ul ol,
ul ul,
ol ol,
ol ul {
  margin-left: 10px;
}
li {
  margin: 0;
  padding: 0;
  margin-right: 10px;
  /* display: inline; */
}
ul.unstyled,
ol.unstyled {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none outside !important;
}
.main ul,
.main ol {
  margin: 1em;
  margin-right: 0;
}
.main ol {
  list-style: decimal outside;
}
.main ul,
.main ul.disc {
  list-style: disc outside;
}
.main ul.square {
  list-style: square outside;
}
.main ul.circle {
  list-style: circle outside;
}
.main ul ul,
.main ol ul {
  list-style-type: circle;
}
.main ul ul ul,
.main ul ol ul,
.main ol ul ul,
.main ol ol ul {
  list-style-type: square;
}
.main ul ol,
.main ol ol {
  list-style-type: lower-alpha;
}
.main ul ul ol,
.main ul ol ol,
.main ol ul ol,
.main ol ol ol {
  list-style-type: lower-roman;
}
.main ul ul,
.main ul ol,
.main ol ol,
.main ol ul {
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
}
.main li {
  margin-right: 0;
  display: list-item;
}
.borderlist > li:first-child {
  border-top: 1px solid;
}
.borderlist > li {
  border-bottom: 1px solid;
  padding: 0.15em 0;
  list-style-position: outside;
}
/************* Lists - Definitions *************/
dl {
  margin: 0.71428571em 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0.71428571em;
}
.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 12.3em;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 13.8em;
}
/*** Responsive Definitions ***/
@media only screen and (max-width: 799px) {
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
}
/************* Tables *************/
table {
  width: 100%;
  padding: 0;
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table caption {
  padding: 5px 0;
  width: auto;
  font-style: italic;
  text-align: right;
}
th {
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 6px 6px 12px;
}
th.nobg {
  background: none;
}
td {
  padding: 6px 6px 6px 12px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f8f8f8;
}
/************* Forms *************/
form {
  margin-bottom: 1em;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: none;
  color: #666;
  font-weight: bold;
}
legend small {
  color: #666;
}
label,
input,
select,
textarea {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4em;
}
label {
  max-width: 100%;
  display: inline-block;
  font-weight: bold;
}
.input-text,
textarea,
select,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border: 1px solid #ddd;
  padding: 6px 8px;
  color: #666;
  margin: 0;
  max-width: 100%;
  display: inline-block;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.input-text:focus,
textarea:focus,
input[type="text"]:focus,
input[type="input"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border: 1px solid #aaaaaa;
  color: #555555;
  outline: thin dotted;
  outline-offset: -4px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
select:focus {
  outline: thin dotted;
  outline-offset: -4px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
input[type="checkbox"] {
  display: inline;
}
input[type="radio"],
input[type="checkbox"] {
  line-height: normal;
  cursor: pointer;
  margin: 4px 0 0;
  margin-top: 1px \	;
  *margin-top: 0;
}
textarea {
  height: auto;
  min-height: 60px;
}
select {
  width: 215px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url("images/select.png") no-repeat center right;
}
select[multiple],
select[size] {
  height: auto;
}
/*** Special ***/
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
/*** Buttons Default ***/
body input[type="submit"],
body #submit,
body .button {
  background: #d02121;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  border: solid 1px #d02121;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
  -moz-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
  -o-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
  transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
}
body input[type="submit"]:hover,
body #submit:hover,
body .button:hover,
body input[type="submit"]:focus,
body #submit:focus,
body .button:focus {
  background: #ffffff;
  color: #d02121;
}
body input[type="submit"]:focus,
body #submit:focus,
body .button:focus {
  outline: thin dotted;
  outline-offset: -4px;
}
body input[type="submit"].aligncenter,
body #submit.aligncenter,
body .button.aligncenter {
  max-width: 60%;
}
body #submit a,
body .button a {
  color: inherit;
}
/*** Button Sizes ***/
input[type="submit"],
#submit,
.button,
input[type="submit"].button-medium,
#submit.button-medium,
.button-medium {
  padding: 10px 40px 10px;
  font-size: 1em;
  line-height: 1.425871em;
  margin-top: 5px;
  margin-bottom: 5px;
}
input[type="submit"].button-small,
#submit.button-small,
.button-small {
  padding: 6px 25px 6px;
  font-size: 0.92857143em;
  line-height: 1.384615em;
}
input[type="submit"].button-large,
#submit.button-large,
.button-large {
  padding: 13px 55px 13px;
  font-size: 1em;
  line-height: 1.425871em;
}
/**
 * Images, WP Gallery and Objects
 * ========================================================
 */
/************* Objects *************/
iframe,
video,
object,
embed {
  max-width: 100%;
}
video,
object,
embed {
  margin: 1em 0;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 1em 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure {
  margin: 0;
  max-width: 100%;
}
/************* Images *************/
img,
a img {
  border: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
  vertical-align: top;
}
img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* to accomodate border and padding width, and maintain responsive */
}

/************* WP editor image sizes ($content_width classes) *************/
/************* Wordpress Gallery (Overwrite WP's inline Gallery CSS) *************/
.gallery {
  border: solid 1px #ddd;
  background: #f8f8f8;
  padding: 10px;
  margin: 1em 0;
}
.gallery .gallery-item {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery .gallery-icon img {
  padding: 0;
  max-width: 100%;
}
.gallery .gallery-caption {
  color: #444;
  margin: 3px 0;
  font-size: 0.85714286em;
  line-height: 1.5em;
}
/************* WordPress Image Captions *************/
.wp-caption-text {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 5px;
  font-size: 0.85714286em;
  line-height: 1.5em;
  text-align: center;
}
/************* WordPress Image Alignment *************/
.aligncenter {
  clear: both;
  display: block;
  margin: 1em auto;
  text-align: center;
}
img.aligncenter {
  margin: 1em auto;
}
.alignleft {
  float: left;
  margin: 10px 15px 5px 0;
  display: block;
}
.alignright {
  float: right;
  margin: 10px 0 5px 15px;
  display: block;
}
.alignleft img,
.alignright img {
  display: block;
}

/**
 * Layout
 * ========================================================
 */
body {
  background: #fff;
}
@media screen and (max-width: 600px) {
  body.logged-in.admin-bar {
    position: static;
  }
}
#page-wrapper {
  width: 100%;
  display: block;
  margin: 0 auto;
  border-top: solid 3px #d02121;
}
/* Current site is full-width; sidebar/multi-column Metrolo layouts were removed. */
.content.no-sidebar {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
/************* Header Layout *************/
#header {
  position: relative;
}
#header .table {
  table-layout: fixed;
}
/* Navigation presentation is defined in style.css. */

/** Use 'entry-content'/'entry-the-content' classes to style posts on single post pages specifically **/
#main.main {
  padding-bottom: 3em;
  overflow: hidden;
}
/************* Page Template - Landing *************/
/************* Loop Meta *************/
#loop-meta {
  position: relative;
}
.loop-meta {
  float: none;
  text-align: center;
  padding: 55px 0;
}
.loop-title {
  margin: 0;
  font-size: 1.42857143em;
}
.loop-description > p:last-child {
  margin-bottom: 3px;
}
#content .loop-meta {
  text-align: left;
  padding: 0;
}
#content .loop-title {
  font-size: 1.71428571em;
}

/************* <main> #content *************/
/************* Single Post (Single post on Archive page / Singular Post page) *************/
/** Caution: Modify this CSS block carefully as these divs display differently in above two templates. **/
/** Use specific classes instead: 'entry-content' / 'entry-the-content' classes for single post pages, and 'entry-grid' classes to style posts in archive lists **/
.entry-content-featured-img {
  display: block;
  margin: 0 auto 3em;
}
/************* Single Post (Single Post Page) *************/
.entry-content.no-shadow {
  border: none;
}
.entry-the-content {
  margin-bottom: 3em;
}
.entry-the-content p:first-child,
.entry-the-content h1:first-child,
.entry-the-content h2:first-child,
.entry-the-content h3:first-child,
.entry-the-content h4:first-child,
.entry-the-content h5:first-child,
.entry-the-content h6:first-child {
  margin-top: 0;
}
.entry-the-content:after {
  content: "";
  display: table;
  clear: both;
}
/************* Post Navigation *************/
.page-links,
.post-nav-links {
  text-align: center;
  margin: 3em 0;
}
.page-links a,
.post-nav-links a,
.page-links .page-numbers,
.post-nav-links .page-numbers {
  text-decoration: none;
  border: solid 1px;
  padding: 0.5em;
  margin: 0 2px;
  line-height: 1em;
  min-width: 1em;
  display: inline-block;
  text-align: center;
}
.loop-nav {
  padding: 1.78571429em 5px;
  border-bottom: solid 1px #ddd;
}

/************* 404 Page Content *************/
/************* Attachment Page Content *************/
.entry.attachment .entry-content {
  border-bottom: none;
}
.entry.attachment .entry-the-content {
  width: auto;
  text-align: center;
}
.entry.attachment .entry-the-content p:first-of-type {
  margin-top: 2em;
  font-weight: bold;
  text-transform: uppercase;
}
.entry.attachment .entry-the-content .more-link {
  display: none;
}
/**
 * Main #Content for Index (Archive / Blog List)
 * ========================================================
 */
/** Use 'entry-grid' classes to style posts in archive lists specifically **/
/************* Archive List Post Entry *************/
.archive-wrap {
  overflow: hidden;
  clear: both;
}
/*** Common Styles ***/
.plural .entry.has-post-thumbnail:first-child {
  padding-top: 5px;
}
.entry-grid-featured-img {
  position: relative;
  z-index: 1;
}
/* Sticky */
.entry-sticky-tag {
  display: none;
  /*Hide it when not actually displayed as 'stuck' at top*/
}
.sticky .entry-sticky-tag {
  float: left;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 4px;
  top: 5px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 0.85714286em;
  line-height: 1.5em;
  text-align: center;
}
/* Entry Grid */
.entry-grid {
  min-width: inherit;
}
.entry-grid-content {
  padding: 0 0 50px;
}
.entry-grid-content .entry-title {
  font-size: 1.28571429em;
  margin: 0;
}
.entry-grid-content .entry-title a {
  color: inherit;
}
/*** Archive Big Post entry ***/
.archive-big .more-link,
.archive-medium .more-link,
.archive-small .more-link {
  font-size: 1em;
  line-height: 1.5em;
  text-align: right;
  background: none;
}
.archive-big .more-link span,
.archive-medium .more-link span,
.archive-small .more-link span {
  background: #fff;
  display: inline-block;
  padding-left: 8px;
}
.archive-big:last-child .entry-grid,
.archive-medium:last-child .entry-grid,
.archive-small:last-child .entry-grid {
  margin-bottom: 0;
}
.archive-big:last-child .entry-grid:after,
.archive-medium:last-child .entry-grid:after,
.archive-small:last-child .entry-grid:after {
  background: none !important;
  height: 0;
}

/************* Read More *************/
.more-link {
  display: block;
  margin-top: 1.78571429em;
  text-transform: uppercase;
  font-size: 0.85714286em;
  line-height: 1.5em;
}
.more-link a {
  display: block;
}
/************* Navigation *************/
.pagination.loop-pagination {
  margin: 1em 0;
}
.page-numbers {
  border: solid 1px;
  padding: 0.5em;
  margin: 0 2px;
  line-height: 1em;
  min-width: 1em;
  display: inline-block;
  text-align: center;
}
.home #main.main {
  padding-bottom: 0;
}
/************* Frontpage - Widget Areas *************/
/************* Frontpage - Sliders *************/
.frontpage-slider.hgrid-stretch > .hgrid-span-12 {
  padding: 0;
}
/*** HTML Slider ***/
/*** Image Slider ***/

/************* Widgets *************/
.widget-title {
  margin: 0 0 20px;
}
/************* Widget Borders *************/
.topborder-none {
  border-top: none;
  margin-top: 0;
}
.bottomborder-none {
  border-bottom: none;
  margin-bottom: 0;
}
/************* Search Form *************/
.searchbody {
  background: #f5f5f5;
  background: rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}
.searchbody input {
  background: none;
  color: inherit;
  border: none;
  padding: 10px 17px 10px 32px;
  width: 100%;
  vertical-align: bottom;
  display: block;
}
.searchbody input:focus {
  box-shadow: none;
  border: none;
  color: inherit;
}
.searchform {
  position: relative;
  overflow: hidden;
}
.searchform .submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -9999rem;
  width: auto;
  line-height: 1em;
  margin: 0;
  padding: 5px;
}
.searchform .submit:focus {
  outline: dotted 1px;
  outline-offset: -4px;
  right: 10px;
}
/************* CTA Widget *************/

.cta-widget {
  margin: 45px 0;
  text-align: center;
}
.cta-widget-button {
  margin-top: 15px;
  margin-bottom: 0px;
}
/************* Content Blocks Widget *************/
.content-blocks-widget {
  margin: 45px 0;
}
.content-block-row {
  margin: 0 0 3em;
}
.content-block-row:after {
  content: "";
  display: table;
  clear: both;
}
.content-block-row:last-child {
  margin: 0;
}
.content-block-content {
  padding-top: 25px;
}
.content-block-content p {
  margin: 0 0 10px;
}
h4.content-block-title a {
  color: inherit;
}
.content-block-style2 {
  text-align: center;
}
.content-block-style2 .content-block.highlight-typo {
  padding: 25px 15px 15px;
  border: solid 1px #ddd;
}
.content-block-style2 .content-block-image {
  margin: -25px -15px 0 -15px;
}
/************* Blog Widget / Blogposts Template *************/




/*** Responsive Home Content Blocks ***/
@media only screen and (max-width: 799px) {
  .content-block-row {
    margin: 0;
  }
  .content-block-column {
    margin-top: 20px;
    padding-top: 20px;
  }
  .content-block-style2 .content-block-image {
    margin: 0;
  }
  .content-block-row:first-child .content-block-column:first-child {
    margin-top: 0;
    padding-top: 0;
  }
}
