@import url(//fonts.googleapis.com/css?family=Arimo:400,700|Istok+Web:400,700|Tinos:400,700);
/* Use the above image path and font path like this example:
  
  Example: $url_bkgd-slice: url('/wp-content/themes/intouch/images/bkgd-slice.jpg');

*/
html, body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px; }

h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a, td a {
  color: #772628;
  text-decoration: none; }
  h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, li a:hover, td a:hover {
    color: #b24041;
    text-decoration: none; }

h2, h3, h4, h5, h6 {
  color: #000000;
  font-family: "Istok Web", "Arimo", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem; }

p, li, td {
  color: #000000;
  margin: 0;
  padding: 0; }

body {
  font-family: "Arimo", Arial, Helvetica, sans-serif;
  -webkit-animation: bugfix infinite 1s;
  background: url("../images/bkgd-blue-fade.png") top center repeat-x, url("../images/bkgd-paws.jpg"); }

@-webkit-keyframes bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }
*:focus, a:focus {
  outline: none;
  border: none; }
*::-moz-focus-inner, a::-moz-focus-inner {
  border: none;
  outline: none; }

iframe {
  max-width: 99.99%; }

img {
  max-width: 99.99%; }

a img {
  border: none; }

h1 {
  color: #000000;
  font-family: "Istok Web", "Arimo", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 1em 0;
  padding: 0 0 1rem 0; }

p {
  margin: 0;
  padding: 0 0 1em 0;
  padding: 0 0 1rem 0; }
  p.nopadding {
    padding: 0; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both;
  float: none; }

.floatfix {
  overflow: hidden; }

.italic {
  font-style: italic; }

.bold {
  font-weight: bold; }

.nowrap {
  white-space: nowrap; }

.normalcase {
  text-transform: none; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.smallcaps {
  font-variant: smallcaps; }

.serif {
  font-family: "Tinos", Times, serif; }
  .serif p, .serif li, .serif td {
    font-family: "Tinos", Times, serif; }

.sansserif {
  font-family: "Arimo", Arial, Helvetica, sans-serif; }
  .sansserif p, .sansserif li, .sansserif td {
    font-family: "Arimo", Arial, Helvetica, sans-serif; }

.valign-top {
  vertical-align: top; }

.valign-middle {
  vertical-align: middle; }

.valign-bottom {
  vertical-align: bottom; }

.centeredblock {
  display: block;
  margin: 0 auto; }

.padding-bottom {
  padding-bottom: 1em;
  padding-bottom: 1rem; }

@media (max-width: 759px) {
  .centeredmobile {
    margin-left: auto !important;
    margin-right: auto !important; } }

@media (max-width: 759px) {
  .nomobile {
    display: none !important;
    visibility: hidden !important; } }

@media (max-width: 979px) {
  .notablet {
    display: none !important;
    visibility: hidden !important; } }

@media (min-width: 980px) {
  .nodesktop {
    display: none !important;
    visibility: hidden !important; } }

.container {
  display: block;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

.textleft {
  text-align: left; }

.textright {
  text-align: right; }

.textcenter, .intouch {
  text-align: center; }

.roundedborder {
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-clip: padding-box; }

.column {
  display: inline-block;
  *display: inline;
  width: 99.99%;
  box-sizing: border-box;
  padding-right: 1em;
  padding-right: 1rem; }
  .column.block {
    display: block; }
  .column.paddingnone {
    padding: 0; }
  .column.paddingsides {
    padding-left: 1em;
    padding-left: 1rem;
    padding-right: 1em;
    padding-right: 1rem; }
  .column.paddingtop {
    padding-top: 1em;
    padding-top: 1rem; }
  .column.paddingbottom {
    padding-bottom: 1em;
    padding-bottom: 1rem; }
  .column.paddingall {
    padding: 1em;
    padding: 1rem; }
  @media (min-width: 980px) {
    .column.fifth {
      width: 19%; } }
  .column.fifth.shrink {
    width: 19%; }
  @media (min-width: 980px) {
    .column.quarter {
      width: 24%; } }
  .column.quarter.shrink {
    width: 24%; }
  @media (min-width: 980px) {
    .column.third {
      width: 33%; } }
  .column.third.shrink {
    width: 33%; }
  @media (min-width: 980px) {
    .column.twofifths {
      width: 39%; } }
  .column.twofifths.shrink {
    width: 39%; }
  @media (min-width: 980px) {
    .column.half {
      width: 49%; } }
  .column.half.shrink {
    width: 49%; }
  @media (min-width: 980px) {
    .column.threefifths {
      width: 59%; } }
  .column.threefifths.shrink {
    width: 59%; }
  @media (min-width: 980px) {
    .column.twothirds {
      width: 65.5%; } }
  .column.twothirds.shrink {
    width: 65.5%; }
  @media (min-width: 980px) {
    .column.threequarters {
      width: 74%; } }
  .column.threequarters.shrink {
    width: 74%; }
  @media (min-width: 980px) {
    .column.fourfifths {
      width: 79%; } }
  .column.fourfifths.shrink {
    width: 79%; }
  @media (min-width: 980px) {
    .column.full {
      width: 99%; } }

@media (min-width: 980px) {
  .col-inline {
    float: none !important;
    display: inline-block;
    *display: inline;
    margin: 0 -0.2%; } }

.bullets {
  margin: 0;
  padding: 0 0 1em 1.5em;
  padding: 0 0 1rem 1.5rem; }
  @media (max-width: 759px) {
    .bullets.top {
      padding-bottom: 0; } }
  .bullets.inlist {
    padding-bottom: 0; }
  .bullets.spaceditems li {
    padding-bottom: 1em;
    padding-bottom: 1rem; }

.inset {
  display: block; }
  .inset.left {
    margin: 0 1em 1em 0;
    margin: 0 1rem 1rem 0; }
  .inset.right {
    margin: 0 0 1em 1em;
    margin: 0 0 1rem 1rem; }
  .inset.topspace {
    margin-top: 1em;
    margin-top: 1rem; }
  .inset.bottomspace {
    margin-bottom: 2em;
    margin-bottom: 2rem; }
  .inset.topbump {
    margin-top: -1em;
    margin-top: -1rem; }
  @media (max-width: 759px) {
    .inset.left, .inset.right {
      float: none;
      margin: 0.5em auto 1em auto;
      margin: 0.5rem auto 1rem auto; } }
  .inset.center {
    float: none;
    margin: 0.5em auto;
    margin: 0.5rem auto; }

img.alignleft {
  margin: 0 1em 1em 0 !important;
  margin: 0 1rem 1rem 0 !important; }
img.alignright {
  margin: 0 0 1em 1em !important;
  margin: 0 0 1rem 1rem !important; }
@media (max-width: 759px) {
  img.alignleft, img.alignright {
    display: block;
    float: none;
    margin: 0.5em auto 1em auto !important;
    margin: 0.5rem auto 1rem auto !important; } }
@media (min-width: 980px) {
  img.contact-bump {
    margin-top: -20% !important; } }

.button {
  display: inline-block;
  *display: inline;
  padding: 0.2em 0.5em;
  padding: 0.2rem 0.5rem;
  margin: 0 0.25em 0.5em;
  margin: 0 0.25rem 0.5rem;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box; }
  .button:after {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    content: '';
    min-height: 50px;
    margin-left: -0.3em;
    font-size: 0; }
    @media (min-width: 980px) {
      .button:after {
        min-height: 38px; } }
  .button.icontop:after {
    display: none; }
  .button.icontop .icon {
    display: block;
    margin: 0 auto; }
  .button.icontop .btntext {
    vertical-align: top; }
  .button.red {
    background: #b24041; }
    .button.red .btntext {
      color: #ffffff; }
    .button.red:hover {
      background: #772628; }

.btntext, .icon {
  display: inline-block;
  *display: inline;
  vertical-align: middle; }

.staffbio {
  display: block;
  margin: 0.5em 0 0.75em;
  margin: 0.5rem 0 0.75rem; }
  .staffbio .staffsupport {
    padding: 0;
    font-style: italic; }

.bkgd-special.burlap {
  background: url("../images/bkgd-burlap.jpg") top center; }
.bkgd-special.whiterow, .bkgd-special.greyrow {
  padding: 1em 1.75em;
  padding: 1rem 1.75rem; }
.bkgd-special.whiterow {
  background: #ffffff; }
.bkgd-special.greyrow {
  background: #eeeeee; }

.home h1 {
  padding: 1em 0;
  padding: 1rem 0;
  font-family: "Tinos", serif;
  color: #b24041;
  font-style: italic;
  font-size: 24px;
  font-size: 1.5rem; }
.home .multibox .button.red {
  width: 80%; }
  @media (min-width: 760px) {
    .home .multibox .button.red {
      width: 45%; } }
  @media (min-width: 980px) {
    .home .multibox .button.red {
      width: 47%; } }

.bkgd-box .colwrapper {
  padding: 0.5em 1em;
  padding: 0.5rem 1rem; }
.bkgd-box.white .colwrapper {
  background: #ffffff;
  min-height: 250px; }
.bkgd-box.grey {
  background: #999999; }
.bkgd-box.padding-small .colwrapper {
  padding: 0.2em;
  padding: 0.2rem; }

.headwrapper .addresslink, .headwrapper .phonelink {
  color: #ffffff; }
  .headwrapper .addresslink:hover, .headwrapper .phonelink:hover {
    color: #ffffff; }
.headwrapper .phonelink {
  font-size: 28px;
  font-size: 1.75rem; }

.sidebarwrapper .phonelink, .sidebarwrapper .addresslink {
  color: #333333; }
  .sidebarwrapper .phonelink:hover, .sidebarwrapper .addresslink:hover {
    color: #333333; }
.sidebarwrapper .phonelink {
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem; }

.footwrapper {
  padding-top: 1.25em;
  padding-top: 1.25rem; }
  .footwrapper p {
    color: #ffffff; }
  .footwrapper .phonelink {
    color: #ffffff; }
    .footwrapper .phonelink:hover {
      color: #ffffff; }

.video-height{
  height: 200px;
}