/*
Theme Name: BlankSlate
Theme URI: http://www.fergusonsadopt.com
Version: 1
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate
*/

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-size: 100%;
    font: inherit;
    vertical-align: baseline;
    line-height: 1.25em;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}
body {
    line-height: 1
}

p, ul, ol {
  margin-bottom: 1.25em;
}

ol,
ul {
    list-style: none
}
blockquote {padding-left: 20px; font-style: italic;}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
body {
    background: #fff
}
body,
input,
textarea {
    font-size: 16px
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 400; 
}
h1 {font-size: 50px; line-height: 50px;}
h2 {font-size: 30px; line-height: 30px; color: #e64d34;}
h1 a, h2 a {text-decoration: none; color: inherit; -webkit-transition: all 220ms;  -moz-transition: all 220ms;  -o-transition: all 220ms;  transition: all 220ms;}
a:hover, h2 a:hover, h1.entry-title a:hover, h2.title a:hover, a:visited {color: rgba(230, 77, 52, .6);}
strong,b {
    font-weight: 700
}
h3 {font-size: 24px; margin-bottom: 8px;}

a, a:visited {color:#e64d34, text-decoration: none;-webkit-transition: all 220ms;  -moz-transition: all 220ms;  -o-transition: all 220ms;  transition: all 220ms;}
em,i {
    font-style: italic
}
pre {
    font: 16px Monaco, monospace;
    line-height: 1.5;
    margin-bottom: 1.5em
}
code {
    font: 16px Monaco, monospace
}
caption, figcaption {font-style: italic; font-size: .8em;}
a {
    outline: 0
}
a img {
    border: none
}
body,
html {
    height: 100%
}
input[type=text],
input[type=password],
textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: inherit
}
textarea {
    resize: none
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.clearfix {
    *zoom: 1
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}
.clearfix:after {
    clear: both
}
.hide_text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.prevent-text-breakouts {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}
.no_highlight {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.clear {
    clear: both
}
.hover_underline:hover {
    text-decoration: underline
}
.hide,
.hidden {
    display: none
}
.btn {
    border: none;
    font-family: inherit;
    outline: 0;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none
}
@charset "UTF-8";

@font-face {
  font-family: "fergusons-adopt";
  src:url("fonts/fergusons-adopt.eot");
  src:url("fonts/fergusons-adopt.eot?#iefix") format("embedded-opentype"),
    url("fonts/fergusons-adopt.woff") format("woff"),
    url("fonts/fergusons-adopt.ttf") format("truetype"),
    url("fonts/fergusons-adopt.svg#fergusons-adopt") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "fergusons-adopt" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fergusons-adopt" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pencil-square:before {
  content: "b";
}
.icon-instagrem:before {
  content: "a";
}
.icon-email-envelope:before {
  content: "c";
}
.icon-call-phone-square:before {
  content: "d";
}
.icon-heart:before {
  content: "e";
}
.icon-link:before {
  content: "f";
}
.icon-heart-empty:before {
  content: "i";
}
.icon-calendar:before {
  content: "j";
}
.icon-study:before {
  content: "k";
}
.icon-align-justify:before {
  content: "g";
}



.font-size-12 {
    font-size: 12px
}
.font-size-14 {
    font-size: 14px
}
.font-size-16 {
    font-size: 16px
}
.font-size-18 {
    font-size: 18px
}
.font-size-20 {
    font-size: 20px
}
.font-size-24 {
    font-size: 24px
}
.font-size-28 {
    font-size: 28px
}
.font-size-30 {
    font-size: 30px
}
.font-size-36 {
    font-size: 36px
}
.font-size-42 {
    font-size: 42px
}
.font-size-48 {
    font-size: 48px
}
.font-size-54 {
    font-size: 54px
}
.font-size-60 {
    font-size: 60px
}
.line-height-14 {
    line-height: 14px
}
.line-height-16 {
    line-height: 16px
}
.line-height-18 {
    line-height: 18px
}
.line-height-20 {
    line-height: 20px
}
.line-height-24 {
    line-height: 24px
}
.line-height-28 {
    line-height: 28px
}
.line-height-30 {
    line-height: 30px
}
.line-height-36 {
    line-height: 36px
}
.line-height-42 {
    line-height: 42px
}
.font-weight-light {
    font-weight: 200
}
.font-weight-medium {
    font-weight: 400
}
.font-weight-heavy {
    font-weight: 600
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}

.margin-top {margin-top: 60px;}
.section-padding {padding: 50px 0;}

@media (max-width: 767px)
.hidden-phone {
  display: none!important;
}

@media only screen and (min-width: 40.0625em) {
.table {display: table; width: 100%;}
.table-row {display: table-row;}
.table-cell {display: table-cell;}
}

a.hover_underline,
.fake_link.hover_underline {
    text-decoration: none
}
a.hover_underline:hover,
.fake_link.hover_underline:hover {
    text-decoration: underline
}
body {
    background: #fff;
    font-family: 'Proxima Nova Soft', proxima-nova-soft, Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.container {
    max-width: 1030px;
    padding: 0 30px;
    margin: 0 auto
}

.top-triangle {position: relative;}
.top-triangle:before {
  content: " ";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 25px 30px 0 30px;
  border-color: #f1f1f1 transparent transparent transparent;
  top: -2px;
  margin-left: -30px;
  left: 50%;
}
.top-triangle:after {
  content: " ";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 23px 28px 0 28px;
  border-color: #fff transparent transparent transparent;
  top: -2px;
  margin-left: -28px;
  left: 50%;
}
.top-triangle:after, .top-triangle:before {z-index: 100;}

/*Home Page Styles*/
.introduction {
    padding: 90px 0 120px;
    text-align: center;
    background: #2a2332 url(images/fergusons-background.jpg) no-repeat top center;
    background-size: cover
}
.introduction h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 200;
    line-height: 48px;
    margin-bottom: 18px
}
.introduction p {
    font-size: 24px;
    font-weight: 200;
    color: rgba(255, 255, 255, .5)
}
.introduction .social_links {
    font-size: 24px;
    padding-top: 48px
}
.introduction .social_links a, .introduction .social_links a:visited {
    text-decoration: none;
    color: #fff;
    padding: 0 8px
}
.introduction .social_links li {
    display: inline-block;
    margin: 0 8px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}
.introduction .social_links li:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}
@media screen and (max-width: 515px) {
    .introduction {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #2a2332 url(/images/fergusons-background-sm.jpg) no-repeat top center;
    }
    .introduction h1 {
        font-size: 40px
    }
    .introduction p {
        font-size: 20px
    }
}
@media screen and (max-width: 390px) {
    .introduction h1 {
        font-size: 30px
    }
    .introduction p {
        font-size: 18px
    }
}
.instagram_scroller {
    width: 100%;
    height: 210px;
    position: relative;
    margin-top: 70px
}
.instagram_scroller .simply-scroll-clip {
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden
}
#instagram_spinner {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
    top: 146px
}
@media screen and (max-width: 420px) {
    #instagram_spinner {
        top: 100px
    }
}
#instagram_list {
    height: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    position: relative
}
#instagram_list a {
    margin-right: 30px;
    vertical-align: top;
    display: block;
    width: 170px;
    height: 210px;
    float: left
}
#instagram_list a:hover img {
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
#instagram_list img {
    width: 170px;
    height: 170px;
    display: block;
    margin-top: 20px;
    border-radius: 4px;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}
@media screen and (max-width: 420px) {
    .instagram_scroller {
        height: 170px;
        margin-top: 40px
    }
    .instagram_scroller .simply-scroll-clip {
        height: 170px
    }
    #instagram_list {
        height: 210px
    }
    #instagram_list a {
        width: 130px;
        height: 170px
    }
    #instagram_list img {
        width: 130px;
        height: 130px
    }
}
.bio {
    font-size: 18px;
    line-height: 24px;
    color: #6b696e;
    font-weight: 200
}
.bio.family {
    background: #fff
}

.bio.family a {
    color: #39383b
}
.bio.family .bio_description {
    float: left;
    padding-top: 60px;
    padding-top: 6.185567%
}
.bio.family h2, .bio.family h2 a, .bio.family p a,.bio.family .visit_link, .bio.individual a, .bio.individual h2 a,.bio.individual .visit_link {
    color: #e64d34; -webkit-transition: all 220ms;  -moz-transition: all 220ms;  -o-transition: all 220ms;  transition: all 220ms;
}
.bio.family h2 a:hover, .bio.family p a:hover, .bio.individual a:hover, .bio.individual h2 a:hover {
    color: rgba(230, 77, 52, .6)
}
.bio.family .visit_link:hover {
    border-bottom: 1px solid rgba(230, 77, 52, .25)
}
.bio.individual {
    background: #fff;
    display: table;
    width: 100%;
}
.bio.individual .bio_description {
    float: right;
    padding-top: 48px
}
.bio.individual h2 a:hover {
    color: rgba(230, 77, 52, .6)
}
.bio.individual .visit_link:hover {
    border-bottom: 1px solid rgba(230, 77, 52, .4)
}

.bio.individual .nick, .bio.individual .georgia, .bio.individual .lincoln {
  text-align: left;
  border: 1px solid #e6e6e6;
  border-left: none;
  border-bottom: none;
  display: table-cell;
  width: 33%;
  vertical-align: top;
}

.bio.individual .block-photo {
  position: relative;
  padding: 130px 0;
  background-size: cover;
  background-repeat: no-repeat;
  webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.bio a {
    text-decoration: none
}
.bio .container {
    padding-top: 60px;
    padding-bottom: 60px
}
.bio h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 42px;
    color: #fff;
}
.bio h2 a, h1.entry-title a, h2.title a, a:visited {
    -webkit-transition: all 220ms;
    -moz-transition: all 220ms;
    -o-transition: all 220ms;
    transition: all 220ms
}
.bio .bio_description {
    width: 38.1443299%;
    position: relative;
    z-index: 60
}
.bio .bio_description p {
    margin-bottom: 30px
}
.bio .visit_link {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}

.bio .more {display: block; padding: 7px 0;}
.bio .family_photos {
    width: 56.7010309%;
    float: right;
    position: relative;
    z-index: 65
}
.bio .family_photos:hover img.left {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-10deg) translate(-80px, -30px);
    -moz-transform: rotate(-10deg) translate(-80px, -30px);
    -ms-transform: rotate(-10deg) translate(-80px, -30px);
    --transform: rotate(-10deg) translate(-80px, -30px)
}
.bio .family_photos:hover img.right {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(10deg) translate(80px, -30px);
    -moz-transform: rotate(10deg) translate(80px, -30px);
    -ms-transform: rotate(10deg) translate(80px, -30px);
    --transform: rotate(10deg) translate(80px, -30px)
}
.bio .family_photos:hover img.center {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
.bio .family_photos img {
    display: block;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-transition: all 320ms ease-in-out;
    -moz-transition: all 320ms ease-in-out;
    -o-transition: all 320ms ease-in-out;
    transition: all 320ms ease-in-out
}
.bio .family_photos img.left,
.bio .family_photos img.right {
    position: absolute;
    top: 32px;
    z-index: 30;
    width: 56.3636364%;
    height: auto
}
.bio .family_photos img.left {
    left: 0
}
.bio .family_photos img.right {
    right: 0
}
.bio .family_photos img.center {
    margin: 0 auto;
    position: relative;
    z-index: 32;
    width: 67.2727273%;
    height: auto
}
.bio .ipad {
    width: 58.7628866%;
    float: left;
    position: relative;
    z-index: 30
}
.bio .ipad img {
    display: block;
    margin-left: -40px;
    margin-top: -74px;
    width: 110.5263158%;
    height: auto
}

@media screen and (min-width: 767px) {
.block-photo {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.block-photo.nofilter {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
}
}
@media screen and (max-width: 870px) {
    .bio .family_photos,
    .bio .ipad {
        width: 100%;
        max-width: 550px;
        margin: 0 auto 42px;
        float: none
    }
    .bio .ipad {
        max-width: 100%;
        text-align: center
    }
    .bio .ipad img {
        margin-left: 0;
        max-width: 100%;
        width: auto;
        display: inline-block
    }
    .bio.family .bio_description,
    .bio.individual .bio_description {
        float: none;
        text-align: center;
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        padding-top: 0
    }

    .bio.individual {display: block;}

    .bio.individual .nick, .bio.individual .georgia, .bio.individual .lincoln {
        display: block;
        width: 100%;
    }

    .bio.individual .block-photo {background-position: center;}
    .bio.family .bio_description h2,
    .bio.individual .bio_description h2 {
        margin-bottom: 30px
    }
}
@media screen and (max-width: 420px) {
    .bio .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .bio .family_photos img.left,
    .bio .family_photos img.right {
        width: 52%
    }
}

section.links {
    background: #261a31;
    padding: 100px 0
}
section.links h2 {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 42px;
    text-align: center
}
section.links ul {
    margin-left: -15px;
    margin-right: -15px
}
section.links li {
    width: 48.4536082%;
    float: left;
    margin: 0 0 30px;
    position: relative
}
section.links li:nth-child(2n+1) {
    margin-right: 3.0927835%
}
section.links li:hover:before {
    color: #F36341
}
section.links li:before {
    display: block;
    content: "\e2cf";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #10999e;
    width: 18px;
    height: 18px;
    font-size: 18px;
    top: 30px;
    left: 30px
}
section.links li a {
    display: block;
    padding: 30px;
    padding-left: 60px;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    color: #6b696e;
    font-size: 16px;
    line-height: 20px
}
section.links li a:hover h3 {
    color: #F36341
}
section.links li h3 {
    color: #10999e;
    font-size: 18px;
    margin-bottom: 6px
}
section.links li p {
    margin-bottom: 0
}
@media screen and (max-width: 700px) {
    section.links li {
        width: 100%;
        margin-bottom: 20px
    }
}
@media screen and (max-width: 420px) {
    section.links {
        padding-top: 60px;
        padding-bottom: 60px
    }
    section.links li a {
        padding: 20px;
        padding-left: 20px
    }
    section.links li:before {
        left: 20px;
        top: 20px
    }
    section.links h3 {
        padding-left: 26px
    }
}
section.contact_us {
    background: #66527d;
    padding: 120px 0;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-align: center
}
section.contact_us h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 42px
}
section.contact_us p {
    max-width: 530px;
    margin: 0 auto 42px
}
section.contact_us .email_circle {
    display: block;
    margin: 0 auto 42px;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 120px;
    text-align: center;
    line-height: 120px;
    color: #66527d;
    text-decoration: none;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}
section.contact_us .email_circle:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}
section.contact_us .email_circle .icon-email {
    font-size: 30px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    position: relative;
    top: 8px;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}
section.contact_us .email_link {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
    padding-bottom: 2px;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
    border-bottom: 1px solid transparent
}
section.contact_us .email_link:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}
@media screen and (max-width: 420px) {
    section.contact_us {
        padding-top: 80px;
        padding-bottom: 80px
    }
    section.contact_us .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

/*.contain-to-grid {
background: rgba(255,255,255,0.9);
}

.top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
background: none;
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a, .top-bar-section ul li>a {
color: #343a4a;
text-decoration: none;
text-transform: uppercase;
font-size: 1rem;
}*/

.top-bar .button { top: 0; padding-bottom: 0; padding-top: 0;font-size: inherit; height: inherit;}

#sidebar {
  margin: 30px 0;
  font-size: .9em;
}
#sidebar .widget-container {padding: 20px 0 20px 15px;border-bottom: 1px solid #e8e8e8;  border-left: 1px solid #e8e8e8;  border-right: 1px solid #e8e8e8;}
#sidebar .widget-container:first-of-type {border-top: 1px solid #e8e8e8;}

#sidebar p, ul, ol {margin-bottom: 0;}

#sidebar ul li a {color: #a3a3a3; text-decoration: none;}
#sidebar ul li a:hover {text-decoration: underline;}

#footer a {
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}

#sidebar ul.links {
  padding-top: 30px;
}

#sidebar ul.links li {
  display: inline-block;
}

#sidebar ul.links li a {
  padding: 0 20px;
}

#footer {
    background: #66527d;
    padding: 60px 0;
    text-align: center;
    color: #fff;
}
#footer a {
    text-decoration: none;
    font-size: 24px;
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}
#footer a:hover {
    opacity: .7
}

.left {float: left; padding-left: 0;}
.right {float: right; padding-right: 0;}

/*Button Styles*/
button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #2b95d2;
  border-color: #2277a8;
  color: #fff;
  transition: background-color 300ms ease-out;
}
button:hover,button:focus,.button:hover,.button:focus{background-color:#2277a8}
button:hover,button:focus,.button:hover,.button:focus, button:visited, .button:visited {color:#fff}
.emptybutton {
  border: 1px solid #e64d34;
  border-width: 2px;
  color: #e64d34;
  border-radius: 4px;
  padding: 5px 15px 4px 15px;
  text-decoration: none;
  margin-top: 15px;
  display: inline-block;
}

.emptybutton:hover { background: #e64d34; color: #fff;}

.button.radius {border-radius: 4px;}

/*Blog Styles*/
.top-bar ul li.name a, #shiftnav-toggle-main a {display: block; background: url(http://fergusonsadopt.com/wp-content/uploads/2015/05/logo2.png) no-repeat; color: transparent;text-indent: -99999px;left: 0;right: 0;width: 140px;height:45px;}
h1.entry-title, h1.entry-title a h2.title, h2.title a, a:visited, .bio.individual a, .bio.individual h2 a, .bio.individual .visit_link {color: #e64d34;}
h1.entry-title {margin-bottom: 20px;}
h2.entry-title {margin-bottom: 15px;}
h1 a:hover, h1.entry-title a, h2 a:hover, a:hover {rgba(230,77,52,.6)}
img {border-radius: 4px;}
img.left {margin: 15px 15px 15px 0;}
img.right {margin: 15px 0 15px 15px;}
.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button) {background-color: rgb(255,255,255);}
.top-bar .contact-us-link a {font-weight: 600; border-left: 1px solid #333;}

article {margin: 30px 0;padding: 15px 0 40px 0;}
.page article {margin-top: 0;}

.home article {margin: 0; padding: 0;}
.blog .image-header {background: url(http://fergusonsadopt.com/wp-content/uploads/2015/05/blog-header.jpg) no-repeat 65% center;background-size: cover; padding: 150px 0;text-align: center; color: #fff;}
.top-bar-section ul li>a, .top-bar .toggle-topbar.menu-icon a {
  color: #343a4a;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .05em;
  font-size: .9rem;
}
.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0px 0px 0px 1px #343a4a, 0px 7px 0px 1px #343a4a, 0px 14px 0px 1px #343a4a;
}
.blog article {border-bottom: 1px solid #e8e8e8;border: 1px solid #e8e8e8; padding: 20px 20px 40px;}
.single article {border: 1px solid #e8e8e8; padding: 20px 20px 40px;}
footer.entry-footer {margin-top: 15px;}
.single footer.footer {margin: 40px 0;}
.archive #content {margin-top: 30px;}

@media screen and (max-width: 515px) {
img.left, img.right {width: 100%;}
}

/*Menu*/
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
background: #2b95d2 !important}

.shiftnav-toggle-main-block {
    padding: 16px 5px !important;
}
#shiftnav-toggle-main { position: absolute !important;}
/*End Shiftnav Menu Settings*/

@media only screen and (min-width: 780px) {
.contain-to-grid {padding: 15px 0;}
}