/*
Theme Name: Piper Murray
Author: Brighter Vision Web Solutions
Author URI: http://www.brightervision.com/
Description: A custom theme for Piper Murray built with Underscored_Goodness
Version: 1.0

Underscored_Goodness is a variation of Underscores http://underscores.me/, (C) Automattic, Inc.
License: Underscores is GNU General Public Licensed
License URI: license.txt

*/

/*--------------------------------------------------------------
 TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Normalize
2.0 - Default Typography
3.0 - Custom Typography
4.0 - Default links, buttons and forms
5.0 - Page layout
6.0 - Content
    6.1 - Header content
    6.2 - Home page content
    6.3 - Pages / Blog
    6.4 - Widget areas
    6.5 - Footer content
7.0 - Misc. Helpers (alignment, clearing, assistive, etc.)
8.0 - Font Awesome icons
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Normalize
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden; /* to stop transform: scale from causing site-wide link flickering */ 
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background: #fff;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
svg:not(:root) {
    overflow: hidden;
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
a img {
    border: 0;
}
button, input, select, textarea {
    font-size: 100%; 
    margin: 0; 
    vertical-align: baseline; 
 	*vertical-align: middle; 
}
input[type="checkbox"], input[type="radio"] {
    padding: 0; 
}
/*--------------------------------------------------------------
2.0 - Default typography
----------------------------------------------- */
/*  common web-safe families:
	font-family: Georgia, serif;
	font-family: "Times New Roman", Times, serif;
	font-family: Arial, Helvetica, sans-serif
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
*/
body, button, input, select, textarea {
    color: #727272;
    font-family: 'Alegreya', serif;
    font-size: 17px;
    line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
    color: #181818;
    font-weight: bold;
    margin-bottom: 0;
	font-family:'Playfair Display', serif; 
}
h1{
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: .25em;
}

h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: .25em;
}
h2 strong {
    font-size: 25px;
    font-weight: normal;
}
h3 {
    font-size: 25px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 1.15em;
}
h6 {
    font-size: 1.1em;
}
p {
    margin-bottom: 1.8em;
}
ul, ol {
    margin: 0 0 1.8em 2em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
li {
    margin-bottom: .6em;
	font-size:16px;
	line-height: 1;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.8em 2em;
}
b, strong {
    color: #5B2333; /*dark red*/
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote, q {
    border-left: 3px solid #5B2333; /*dark red*/
    font-style: italic;
    margin: 0 1.5em;
    padding-left: 1.5em;
    quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
address {
    margin: 0 0 1.8em;
}
pre {
    background: #fcfcfc;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.8em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

#feather {    background-image: url(http://valerietaylor.brightervisionsites9.com/wp-content/uploads/feather2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 70%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.8em;
    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
th {
    font-weight: bold;
}
hr {
    background-color: #5B2333; /*dark red*/
    border: 0;
    height: 1px;
    margin-bottom: 1.8em;
}
del {
    text-decoration: line-through;
}
mark {
    background: #ff0;
}
u {
    text-decoration: underline;
}
@media screen and (max-width: 800px) {
    h1, h2 {
        font-size: 1.8em;
        line-height: 1.1;
        margin-bottom: .25em;
    }
}
/*--------------------------------------------------------------
3.0 - Custom typography
----------------------------------------------- */

/*--------------------------------------------------------------
4.0 - Default links, buttons and forms
----------------------------------------------- */
a {
    border-bottom: 1px solid #F5E2C8; /*off-white*/
    color: #5B2333; /*dark red*/
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s linear;
}
a:hover, a:focus, a:active {
    border-color: transparent;
    color: #D88373; /*light red*/
}
a.image-link {
	border: 0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid #fff;
    border-radius: 0;
    background: #5B2333; /*dark red*/
    color: #fff;
    cursor: pointer; 
    line-height: 1;
    padding: .5em 1.25em .5em;
    text-transform: uppercase;
    transition: all 0.2s linear;
    vertical-align: top;
    -webkit-appearance: none;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border: 1px solid #D88373; /* light red*/
    background: #D88373; /*light red*/
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="search"] {
    -webkit-appearance: textfield; 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { 
 	-webkit-appearance: none;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea {
    background: #fcfcfc;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    color: #ccc;
    font-style: italic;
    margin-bottom: 1rem;
    max-width: 100%;
    padding: 3px 5px;
    -webkit-appearance: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    color: #727272;
}
.validation_error {
    color: red;
    font-size: .8em;
    font-style: italic;
    margin-bottom: 1.4em;
}
.validation_message {
    color: red;
    font-size: .8em;
    font-style: italic;
    margin-bottom: .5em;
}
.gfield_error input, .gfield_error textarea {
    border-color: red;
}
.gform_confirmation_message {
    color: #4b5d69;
    font-style: italic;
    font-weight: bold;
}
form ul {
    margin-left: 0;
}
form li {
    list-style: none;
}
.form-allowed-tags {
    display: none;
}
.search-form {
    margin-bottom: 1.4em;
}
.search-field {
    display: inline-block;
}
.search-submit {
    display: inline-block;
}
.widget select {  /*select box on the 404 page*/
    display: block;
    margin: -.4em 0 2.5em;
}
/*--------------------------------------------------------------
5.0 - Page layout
-------------------------------------------------------------- */
body {
     
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6090a3+0,eee9da+100 */
background: #6090a3; /* Old browsers */
background: -moz-linear-gradient(top, #1C7293 0%,#033860 100%); /* FF3.6-15 */ /*light blue  dark blue*/
background: -webkit-linear-gradient(top, #1C7293 0%,#033860 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1C7293 0%,#033860 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6090a3', endColorstr='#eee9da',GradientType=0 ); /* IE6-9 */




    padding-top: 3rem;
    text-align: center;
}
.ie9 body {
    filter: none;
}
#page {
    text-align: left;
}
.contained {
    margin: 0 auto 1.2rem;
    padding: 0 6rem;
    max-width: 112rem;
}
.site-header {
    background: #fff;
    padding-top: 2rem;
    z-index: 50;
}
.site-content {
    background: #fff;
}
.home .site-content {
    background: #fff;
    background-size: 40% auto;
}
.page-template-page-1-col-php .site-content {
    background: #fff no-repeat center 2.5rem;
    background-size: 39% auto;
}
#primary, .primary-content {
    float: left;
    padding: 7rem 0 6rem;
    width: 66.5%;
}
.page #primary, .full-width .primary-content {
    float: none;
    width: auto;
}
.page #primary {
    padding: 0;
}
.blog #primary {
    padding-top: 4rem;
}
.home .primary-content {
    padding-top: 2rem;
}
#secondary {  
    float: left;
    margin: 0 1% 0 10%;
    padding: 7rem 0 6rem;
    width: 22.5%;
}
.page-intro {
    border-bottom: 1px solid #5B2333; /*dark red*/
}
.page-intro .column {
    padding: 8rem 0 3rem;
}
.intro-left {
    margin-right: 5%;
    width: 41%;
}
.intro-right {
    background: url(img/bg-symbol.jpg) no-repeat center 2.5rem;
    background-size: 80% auto;
    width: 54%;
}
.site-footer {
    background: #5B2333; /*dark red*/
}
.site-footer:before {
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.5rem;
    padding-top: 5rem;
    width: 100%;
}
.site-footer .column {
    padding: 0 2em 6rem 0;
    width: 37.5%;
}
.site-footer .column.col3 {
    padding-right: 5px;
    text-align: right;
    width: 25%;
}
header, article, section, footer {
    position: relative;
}
img {
    height: auto; 
    max-width: 100%; 
}
embed, iframe, object {
    max-width: 100%;
}
@media screen and (max-width: 979px) {
    .contained {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .page-intro .column {
        padding: 4rem 0 2rem;
    }
    #primary, .primary-content {
        padding: 4rem 0 2rem;
    }
    .page #primary {
        padding: 0;
    }
    .blog #primary {
        padding-top: 1rem;
    }
    #secondary {  
        margin: 0 0 0 8%;
        padding: 5rem 0 4rem;
        width: 25.5%;
    }
    .site-footer:before {
        border: 0;
        height: auto;
        margin-bottom: 0;
        padding-top: 0;
        width: auto;
    }
    .site-footer .column {
        padding: 2rem 2em 2rem 0;
    }
}
@media screen and (max-width: 800px) {
    .site-footer .column {
        width: 35%;
    }
    .site-footer .column.col3 {
        width: 30%;
    }
}
@media screen and (max-width: 768px) {
    #primary, .primary-content {
        float: none;
        width: auto;
    }
    #secondary {  
        float: none;
        margin: 0;
        padding-top: 0;
        width: auto;
    }
    .page-intro {
        border-bottom: 0;
    }
    .page-intro .column {
        padding: 0;
    }
    .page-intro .column.intro-left {
        background: url(img/bg-symbol.jpg) no-repeat right 2.5rem;
        background-size: 50% auto;
        margin-right: 0;
        padding-top: 4rem;
        width: auto;
    }
    .page-intro .column.intro-right {
        background: none;
        margin-bottom: -4rem;
        width: auto;
    }
 }
 @media screen and (max-width: 700px) {
    .home .site-content {
        background: #fff;
    }
    .site-footer {
        line-height: 1.7;
        padding: 2rem;
    }
    .site-footer .column, .site-footer .column.col3 {
        float: none;
        padding: 0;
        text-align: center;
        width: auto;
    }
 }
/*--------------------------------------------------------------
6.0 - Content
-------------------------------------------------------------- */

/*--------------------------------------------------------------
6.1 - Header content
-------------------------------------------------------------- */
.site-branding {
    float: left;
    margin-right: 7%;
    width: 34%;
}
.site-title {
    margin-bottom: 1.5rem;
}
.site-description {
    /*assigned class of screen-reader in header.php (is included in header image)*/
}
.site-header a {
    border: 0;
}
.site-header ul, .site-header li {
    list-style: none;
    margin: 0;
}
.main-navigation {
    border-bottom: 1px solid #F5E2C8; /*off-white*/
    border-top: 1px solid #F5E2C8; /*off-white*/
    float: left;
    margin-top: 1.8rem;
    text-align: center;
    width: 59%;
    font-size: 15px;
}
.main-navigation .sub-menu {
    background: #fff;
    border: 1px solid #5B2333; /* dark red*/
    border-radius: 0 0 5px 5px;
    border-top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    left: 50%;
    margin-left: -9rem;
    position: absolute;
    top: 1.7em;
    width: 18rem;
    z-index: 99999;
}
.main-navigation .menu li:hover .sub-menu {
    display: block;
}
.main-navigation li {
    display: inline-block;
    position: relative;
}
.main-navigation .sub-menu li {
    width: 100%;
}
.main-navigation a { 
    display: block;
    font-size: 14px;
    padding: .2em .7em;
    text-transform: uppercase;
	line-height: 1.5;
}
.main-navigation .sub-menu a {
    border-top: 1px solid #e2e2e2;
    line-height: 1.3;
    padding: .5em;
    text-transform: none;
}
.main-navigation .current-menu-parent > a, .main-navigation .current-menu-item > a {
    color: #5B2333; /*dark red*/
    font-weight: bold;
}
.menu-toggle {  /* responsive menu */
    cursor: pointer;
    display: none;
    font-size: 2rem;
    line-height: 1;
    margin: 0;
    padding: .5em;
    text-align: center;
    text-transform: uppercase;
}
.menu-toggle:after {
    content: "\f0c9";
    margin-left: 10px;
}
.toggled .menu-toggle:after {
    content: "\f151";
}
@media screen and (max-width: 979px) {
    .site-branding {
        float: none;
        margin-right: 0;
        text-align: center;
        width: auto;
    }
    .main-navigation {
        float: none;
        margin: 0 0 1.5em 0;
        width: auto;
}
}
@media screen and (max-width: 768px) {
    .menu-toggle,  .main-navigation.toggled .nav-menu {
        display: block;
        padding-bottom: .25em;
    }
    .main-navigation ul {
        display: none;
	}
    .main-navigation .sub-menu {
        border: 1px solid #5B2333; /*dark red*/
        border-width: 1px 0 1px 0;
        border-radius: 0;
        box-shadow: none;
        margin-left: 0;
        position: relative;
        left: 0;
        top: 0;
        width: auto;
    }
    .main-navigation li {
        display: block;
    }
    .main-navigation a {
        padding: .25em .5em;
    }
    .main-navigation .sub-menu a {
        border: 0;
    }
}
/*--------------------------------------------------------------
6.2 - Home page
-------------------------------------------------------------- */
.welcome-image {
    float: right;
   /*  margin: 0rem 4% 1rem 0;
     width: 46%;
    max-width: 46rem; */
    padding-right: 20px;
}
.latest-posts {
    clear: both;
    font-size: .85em;
	display: none;
}
.latest-posts-title {
    border-bottom: 1px solid #5B2333; /* dark red*/
    font-size: 1.2em;
    margin-bottom: 1.5em;
    padding-bottom: .3em;
    text-transform: uppercase;
}
.latest-posts .column {
    margin-right: 14%;
    width: 24%;
}
.latest-posts .column:last-child {
    margin-right: 0;
}
.latest-posts h3 a {
    border: 0;
    color: #4b5d69;
    font-size: 1em;
}
.latest-posts h3 a:hover {
    color: #44858f;
}
@media screen and (max-width: 979px) {
    .latest-posts .column {
        margin-right: 8%;
        width: 28%;
    }
    .latest-posts .column:last-child {
        margin-right: 0;
    }
}
@media screen and (max-width: 700px) {
    .welcome-image {
        float: none;
        margin: 2rem auto 0;
        width: auto;
        max-width: 46rem;
    }
    .latest-posts .column {
        float: none;
        margin: 0 0 2rem;
        width: auto;
    }
}
/*--------------------------------------------------------------
6.3 - Pages / Blog
-------------------------------------------------------------- */
.hentry {
    margin: 0 0 1.4em;
}
.looped article, .single article {
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
    padding: 1.7em 0;
}
.single article.post {
    padding: 0 0 4em;
}
.page-title {
}
.entry-header a {
    border: 0;
}
.entry-title {
    margin: 0 1em .2em 0;
}
.entry-title a {
    color: #4b5d69;
}
.entry-title a:hover {
    color: #44858f;
}
.entry-meta.above {
    border: 0;
    font-size: .9em;
    margin-bottom: 1em;
}
.single .entry-meta.above {
    font-size: 1em;
    margin-bottom: 2em;
}
.entry-meta.above a {
    color: #727272; 
}
.entry-meta.above a:hover {
    color: #44858f;
}
.entry-meta.above a:before {
    color: #4b5d69;
    margin-right: 5px;
}
.posted-on a:before {
    content: " \f044";
}
.comments-link a:before {
    content: " \f086";
    margin-left: .5em;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.updated, .published-intro {
    display: none;
}
.page-links {
    clear: both;
    margin: 0 0 1.4em;
}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 1px solid #e2e2e2;
    margin-bottom: 1.4em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    margin: 0.8075em 0;
    padding: 10px 5px 0;
    text-align: center;
}
.entry-summary .wp-caption-text {
    width: 90%;
    float: left;
    clear: left;
    font-size: 13px;
    font-size: 1.3rem;
    padding-right: 3em;
    margin-top: -9em;
}
.moretag {
    border: 0;
    color: #4b5d69;;
}
.entry-summary .contain-thumbnail {
    float: left;
    margin: .5em 1em 0 0;
    text-align: center;
    width: 38%;
    max-width: 25rem;
}
.entry-summary .wp-post-image, .gallery a img {
    border: 1px solid #f2f2f2;
    transition: all 0.2s linear;
}
.entry-summary .wp-post-image:hover, .gallery a img:hover {
    border: 1px solid #44858f;
    box-shadow: 0 0 2px #f2f2f2;
}
.site-main .gallery {
    margin-bottom: 1.4em;
}
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
}
.gallery-columns-0 .gallery-item, .gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.site-main [class*="navigation"] {
    margin: 0 0 1.4em;
    overflow: hidden;
}
.entry-meta.below {
    font-size: .85em;
}
.single .entry-meta.below {
    font-size: 1em;
}
.entry-meta.below a, .nav-links a {
    border: 0;
}
.nav-links {
    padding-top: 1em;
}
[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}
[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.comments-area {
    padding-top: 4rem;
}
.comments-title:before {
    color: #4b5d69;
    content: "\f086 ";
    font-size: 1.3em;
    margin-right: .1em;
    vertical-align: bottom;
}
.comment-list, .comment-list .children {
    margin-left: 0;
    list-style: none;
}
.comment-list .children {
    margin-left: 2em;
}
.comment-author .avatar, .comment-author .photo {
    float: left;
    margin:.3em .5em 1em 0;
}
.comment-metadata {
    font-size: .7em;
}
.comment-metadata a {
    color: #727272;
    border: 0;
}
.comment-metadata .comment-edit-link {
    color: #4b5d69;
    display: inline-block;
    margin-left: 1em;
}
.comment-content {
    clear: both;   
}
.comment-content p {
    margin-bottom: .8em;
}
.comment-content a {
    word-wrap: break-word;
}
.comments-area .comment-reply-link {
    display: inline-block;
    font-size: .9em;
    margin: 0 0 0 1.5em; 
    position: relative;
}
.comment-reply-link:before {
    border: 0;
    content: "\f090";
    left: -1.2em;
    margin-right: .3em;
    position: absolute;
    top: .2em;
}
.comment-form-comment label {
    display: block;
}
/*--------------------------------------------------------------
6.4 - Widget areas
-------------------------------------------------------------- */
.widget {
    position: relative;
}
.widget-area ul, .widget-area li {
    list-style: none;
    margin: 0;
}
.widget-area a {
    border: 0;
}
.widget-area li a {
    display: block;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-left: 1.5em;
    text-indent: -8px;
}
.widget-area ul li a:before {
    content: "\f0da "; 
    font-family: 'FontAwesome';
    position: relative;
    left: -.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-area .menu-social-container li {
    display: inline-block;
    position: relative;
}
.widget-area a.social {
    margin: 0 .2em 0 0;
    text-indent: 0;
    transition: none;
}
.widget-area a.social:before {
    background: #4b5d69;
    border-radius: 50%;
    color: #fff;
    content: '\f128';
    display: inline-block;
    font-size: 19px;
    font-size: 1.9rem;
    height: 3.2rem;
    left: 0;
    line-height: 1.8em;
    position: relative;
    text-align: center;
    transition: background-color 0.2s ease;
    width: 3.2rem;
}
/*Google font awesome cheatsheet for additional social icon options*/
.widget-area a.social[href*="facebook.com"]:before {
    content: '\f09a';
}
.widget-area a.social[href*="plus.google.com"]:before {
    content: '\f0d5'; 
}
.widget-area a.social[href*="linkedin.com"]:before {
    content: '\f0e1'; 
}
.widget-area a.social[href*="pinterest.com"]:before {
    content: '\f0d2'; 
}
.widget-area a.social[href*="twitter.com"]:before {
    content: '\f099'; 
}
.widget-area a.social[href*="youtube.com"]:before {
    content: '\f167'; 
}
.widget-area a.social[href*="/feed/"]:before {
    content: '\f09e'; 
}
.widget-area a.social:hover:before {
    background: #44858f;
    color: #fff;
}
.widget select {
    max-width: 100%;
}
.widget_search .search-submit {
    display: none;
}
.sidebar .widget {
    background: #fcfcfc;
    border: 1px solid #e2e2e2;
    clear: both;
    font-size: 14px!important;
    margin-bottom: 2rem;
    padding: 2rem;
}
.sidebar .gform_widget {
    background: none;
    border: 0;
    padding: 0;
}
.sidebar .gform_widget label {
    display: none;
}
.sidebar h1 {
    font-size: 1.3em;
}
.sidebar h2 {
    font-size: 1.1em;
}
.sidebar input[type="text"], .sidebar input[type="email"], .sidebar input[type="tel"], .sidebar input[type="url"], .sidebar input[type="password"], .sidebar textarea {
    font-size: .9em;
    padding: 1em;
    width: 100%;
}
.sidebar input[type="submit"] {
    float: right;
    margin: 1rem 0;
}
.page-contact .sidebar .gform_widget {
    display: none;
    visibility: hidden;
}
/*--------------------------------------------------------------
6.5 - Footer content
-------------------------------------------------------------- */
.site-footer {
    color: #fff;
    font-size: .7em;
}
.site-footer ul, .site-footer li {
    list-style: none;
    margin: 0;
}
.site-footer a {
    border: 0;
    color: #fff;
}
.site-footer a:hover {
    text-decoration: underline;
}
.site-footer .col2 {
    font-size: 1.2em;
}
.footer-links li {
    border-left: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    margin-left: .5em;
    padding-left: .7em;
}
.footer-links  li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}
/*--------------------------------------------------------------
7 - Misc. helpers
-------------------------------------------------------------- */
.column {
    float: left;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.4em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.4em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: '';
    display: table;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}
.screen-reader, .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus
.screen-reader-text:hover, .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;
    color: #21759b;
    display: block;
    font-size: 16px;
    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 */
}
/*--------------------------------------------------------------
8 - Font Awesome icons
-------------------------------------------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon:before, .icon:after, .comments-link a:before, .comment-reply-link:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*custom*/

footer#colophon {
height: 155px;
}

p {
font-size: 16px;
}

.primary-content a {
/*color: white;*/
text-decoration: none;
transition: all 0.2s linear;
border-bottom:none;
}