/*
Theme Name: Cooperative
Theme URI: https://graphpaperpress.com/themes/cooperative/
Author: Graph Paper Press
Author URI: https://graphpaperpress.com/
Description: A minimalist theme that supports multiple authors for creating a team portfolio and blog.
Version: 1.0.5
License: GNU General Public License
License URI: license.txt
Tags: white, dark, flexible-width, responsive-width, two-columns, professional, custom-background, custom-menu, custom-header, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
*/


/* =Reset
-------------------------------------------------------------- */

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%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
    word-wrap: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
    color: #000;
    font-family:'Conduit ITC W01 Light';
    font-size: 18px;
    line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
    clear: both;
    color:#3d3d3d;
    font-weight:bold;
}

h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight:normal;
}
h4 {
    font-size: 1.2em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 0.8em;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/* Text elements */
p {
    margin-bottom: 1.5em;
    -webkit-margin-before: 0;
    line-height: 24px;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: none;
}
ol {
    list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #e6e6e6;
    font-family:'Conduit ITC W01 Light';
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    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;
}
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: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    color: rgba(0,0,0,.8);
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 0.4em 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
#respond input[type="submit"] {
    padding: 1em 1.4em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
input[type=text],
input[type=email],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #111;
}
input[type=text],
input[type=email] {
    padding: 3px;
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
}

.staffpage {
	width: 50%; 
	float: left; 
	background: #fff; 
	margin: 0px 0px 0px 0px; 
	display: block;
}

.homegrid1 {
	width: 33%; 
	float: left; 
	padding: 0px 0px 0px 0px; 
	background: #fff; 
	margin: 0px; 
	display: block;
	border-bottom:3px solid #fff;
}
.homegrid1E {
	width: 33%; 
	float: left; 
	padding: 0px 0px 0px 0px; 
	background: #000; 
	margin: 0px; 
	display: block;
	border-bottom:3px solid #fff;
}

.homegrid1C {
	width: 33%; 
	float: left; 
	padding: 0px 0px 0px 0px; 
	background: #fff; 
	margin: 0px; 
	display: block;
	border-left:2px solid #fff;
	border-bottom:3px solid #fff;

}
.homegrid1D {
	width: 33%; 
	float: left; 
	padding: 0px 0px 0px 0px; 
	background: #fff; 
	margin: 0px; 
	display: block;
	border-right:1px solid #fff;
	border-bottom:3px solid #fff;
}

.homegrid2 {
	width: 66%; 
	float: left; 
	padding:0px 0px 0px 0px; 
	background: #fff; 
	margin: 0px; 
	display: block;
}

.homegrid1B {
	width: 33%; 
	float: left; 
	padding:0px 0px 0px 0px; 
	background: #fff; 
	margin: 0px; 
	display: block;
}



/* Links */
a {
    color: #666;
}
a:visited {
}
a:hover,
a:focus,
a:active {
    color: #111;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignleft2 {
    display: inline;
    float: left;
    margin: 0 auto;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.aligncenter44 {
    clear: both;
    display: block;
    margin: 0 auto;
 	padding: 10px 10px 10px 10px;
}

/* Text meant only for screen readers */
.assistive-text {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

img {
    max-width:100%;
    height:auto;
}

.last {
    margin-right:0 !important;
}
/* =Menu
----------------------------------------------- */

.main-navigation {
    clear: right;
    display: block;
    float: right;
    width: auto;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size:0.9em;
    text-transform:uppercase;
	letter-spacing: 1px;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation li:last-child ul {
    left:auto;
    right:0;
}
.main-navigation li ul li {
    margin-left:0;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    padding:2em 1em;
}
.main-navigation a:hover {
    -webkit-transition:color 0.4s ease-in;
    -moz-transition:color 0.4s ease-in;
    -o-transition:color 0.4s ease-in;
    transition:color 0.4s ease-in;
}
.main-navigation ul ul {
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    display: none;
    float: left;
    position: absolute;
    top: 4em;
    left: 0;
    z-index: 99999;
    background:#fff;
    padding:1em 1.2em;
}
.main-navigation ul ul ul {
    left: 101%;
    top: -1em;
}
.main-navigation ul ul a {
    width: 200px;
    padding:6px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
    cursor: pointer;
}
.main-small-navigation .menu {
    display: none;
    text-align: left;
	margin: 10px;
}
.main-small-navigation .menu-toggle {
    text-align: center;
}
.main-small-navigation ul {
    margin: 5px 15px;

}

nav.footer-navigation {
    float:left;
}
nav.footer-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
nav.footer-navigation li {
    float: left;
    position: relative;
    margin-left:14px;
}
nav.footer-navigation li:hover {
    color:#fff;
    opacity:1;
}
nav.footer-navigation a {
    display: block;
    text-decoration: none;
}
.main-small-navigation .menu li a {
    text-decoration:none;
    text-transform:uppercase;
    font-size:0.9em;
    padding:4px 0;
    display:block;
}
.menu-toggle {
    font-size: 1em;
    margin-bottom:1em;
}
/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
    margin: 0 0 1.5em;
}
.blog-grid .hentry, .archive .hentry {
    float:left;
    width:30%;
    margin-right:5%;
}
.entry-meta {
    color:#999;
    font-style:italic;
}
.entry-meta, .page .blog-grid .entry-meta {
    clear: both;
    font-size:0.7em;
    text-align:center;
}
.blog-list .entry-meta, .single .entry-meta, .page .entry-meta, .search .entry-meta {
    font-size: 0.8em;
    text-align:left;
}
.blog-list .hentry {
    margin-bottom:3.5em;
}
.entry-meta a {
    text-decoration:none;
    color:#999;
    font-style:italic;
    text-transform:lowercase;
}
.byline {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.entry-content,
.entry-summary {
    margin: 0em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/* =Media
----------------------------------------------- */

.site-header img {max-width: 320px;}
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img {max-height: 42px;}
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.homegrid {display: block; margin:0}

.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 #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-content .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
    border: none;
    height: auto;
    max-width: 100%;
}
.site-content .gallery dd {
    margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/* =Header
----------------------------------------------- */
#masthead {
    width:100%;
    border-bottom:1px solid #CCC;
    margin-bottom:25px;
    border-top:6px solid #3d3d3d;
}

.page-id-2324 #masthead {
    margin-bottom:0px;
} 

.page-id-2852 #masthead {
    margin-bottom:0px;
	background-color: #000000;

} 

.page-id-3060 #masthead {
    margin-bottom:0px;
	background-color: #000000;

} 

.page-id-2852 { 
	background-color: #000000; 
}

.page-id-3295 { 
	background-color: #000000; 
}

.page-id-3060 { 
	background-color: #000000; 
}

.page-id-1808 header.entry-header::after { 
	display: none;
}

.page-id-1808 header.entry-header::after { 
	display: none;
}


#hgroup {
    float:left;
}
#header-inner {
}

.site-title {
font-size: 2em;
font-weight: bold;
margin: .5em 0;
text-transform: uppercase;
}
.site-title a {
    text-decoration:none;
}
.site-title a:hover {
    opacity:0.6;
}
h2.site-description {
    display:none;
}
h1.entry-title, .page .blog-grid h1.entry-title {
    font-size:1.2em;
    margin-bottom:0.1em;
    text-align:center;
	display: none;
}
.blog-list h1.entry-title, .single h1.entry-title, .page h1.entry-title, .search h1.entry-title  {
    font-size:2em;
    text-align:left;
}
h1.page-title {
    margin-bottom:1em;
    font-size:1.2em;
    text-transform:uppercase;
}

/* =Layout
----------------------------------------------- */
#header-image {
    width:100%;
}
#site-header {
    width:100%;
    float:center;
}
#site-header img {
    max-width:145px;
    float:center;
}
#primary {
    margin-top: -25px;
	float:left;
    width:60%;
}
.no-sidebar #primary {
    width:100%;
}
#secondary {
    float:left;
    width:20%;
    margin-left:5%;
}
#secondary ul {
    margin: 0 0 1.5em 0;
}
#homewidgets {
    float:left;
    width:100%;
    padding:1em 0;
    border-top:1px dotted #CCC;
}
#home-slider {
    margin-bottom:30px;
}
ul.thumbs-nav {
    float:left;
    margin:0.5em 0 0 0;
    padding:0;
}
.thumbs-nav li {
    float:left;
    margin-right:8px;
}
.thumbs-nav li img {
    opacity:0.7;
    border:0 !important;
}
.thumbs-nav li.flex-active img {
    opacity:1;
}
#welcome-message {
    text-align:center;
    margin-bottom:40px;
}
#welcome-message h2 {
    font-size:2em;
    margin-bottom:0.8em;
}
#welcome-message p {
    width:60%;
    margin:0 auto;
    line-height:1.8em;
}
.author-wrap {
    float:left;
    width:100%;
    margin-bottom:1.5em;
    padding-bottom:1.5em;
    border-bottom:1px dotted #CCC;
}
.author-wrap:last-child {
    border-bottom:0;
}
.author-image {
    float:left;
    margin-right:3%;
    width:30%;
}
.author-image img {
    float:left;
}
.author-image img:hover {
    opacity:0.8;
}
.author-info {
    float:left;
    width:67%;
}
ul.author-details {
    list-style:none;
    margin:0;
}
ul.author-details li {
    margin-bottom:0.3em;
}
ul.author-details li.author-info-bio {
    margin-bottom:1em;
}
.author-social {
    float:left;
    margin-right:14px;
    position:relative;
    cursor:pointer;
}
.archive-thumbnail {
    float:left;
    margin:0;
    padding:0;
    max-width:100%;
    height:auto;
}
.archive-thumbnail:hover {
    opacity:0.8;
}
.single-thumbnail {
    float:left;
    margin:0 0 16px 0;
    padding:0;
    max-width:100%;
    width:100%;
}
ul.author-details li.author-info-name {
    margin-bottom:0;
}
ul.author-details li.author-info-name h3 {
    font-size:1.4em;
}
ul.author-details li.author-info-position {
    color:#999;
    margin-bottom:1em;
    font-style:italic;
    text-transform:lowercase;
}

.entry-title a {
    color:#333;
    text-decoration:none;
}
.entry-title a:hover {
    color:#717171;
}
.form-allowed-tags {
    display:none;
}
body.author footer.entry-meta {
    display:none;
}
footer.entry-meta {
    margin-top:1em;
}
h2.home-slide-title {
    font-size:1.5em;
}
span.slide-caption {
    margin-top:0.5em;
    float:left;
}
.entry-header {
    float:left;
    margin-bottom:1em;
    width:100%;
}
/* =Footer
----------------------------------------------- */
#colophon {
    width:100%;
    border-top:1px solid #CCC;
    padding-top:0px;
}
#colophon ul {
    margin:0;
}
.one aside {
    width: 100%;
    float: left;
}
.two aside {
    width: 45%;
    float: left;
    margin-right:5%;
}
.three aside {
    width: 30%;
    float: left;
    margin-right: 3.33%;
}
.four aside {
    width: 22%;
    float:left;
    margin-right: 4%;
}

#footer-widgets {
    float: left;
    width:100%;
}
#site-info-wrap {
    border-top:1px solid #ccc;
    padding:10px 0;
}

#site-info-wrap2 {
    border-top:1px solid #ccc;
    padding:10px 0;
}
.site-info {
    clear: both;
    text-align: center;
    font-size: 0.8em;
}
.site-info a {
    text-decoration: none;
}
.site-info .sep {
    float:none;
}

/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
    margin: 0 0 3em;
    overflow: hidden;
    float:left;
    width:100%;
}
.site-content .nav-previous {
    float: left;
    width: 50%;
}
.site-content .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/* Social Icons */
@font-face {
    font-family: 'agency';
    src:url('images/fonts/agency.eot');
    src:url('images/fonts/agency.eot?#iefix') format('embedded-opentype'),
        url('images/fonts/agency.woff') format('woff'),
        url('images/fonts/agency.ttf') format('truetype'),
        url('images/fonts/agency.svg#agency') format('svg');
    font-weight: normal;
    font-style: normal;
}


li.icon-twitter a,
li.icon-facebook a,
li.icon-feed a,
li.icon-vimeo a,
li.icon-google-plus a,
li.icon-pinterest a,
li.icon-youtube a,
li.icon-link a,
li.icon-earth a {
    width: 17px;
    height: 20px;
    overflow: hidden;
    margin:0 10px 0 0;
    text-decoration:none;
    position:absolute;
    top:0;
    text-indent:-999em;
    left: 0;
}
.menu-toggle:before {
    width: 17px;
    height: 20px;
    margin-right: 10px;
}
li.icon-twitter a:hover,
li.icon-facebook a:hover,
li.icon-feed a:hover,
li.icon-vimeo a:hover,
li.icon-youtube a:hover,
li.icon-google-plus a:hover,
li.icon-pinterest a:hover {
}
li.icon-twitter:hover,
li.icon-facebook:hover,
li.icon-feed:hover,
li.icon-vimeo:hover,
li.icon-youtube:hover,
li.icon-google-plus:hover,
li.icon-pinterest:hover,
li.icon-link:hover,
li.icon-earth:hover {
    opacity:0.8;
}
li.icon-twitter a,
li.icon-facebook a,
li.icon-feed a,
li.icon-vimeo a,
li.icon-youtube a,
li.icon-google-plus a,
li.icon-pinterest a,
li.icon-twitter a:hover,
li.icon-facebook a:hover,
li.icon-feed a:hover,
li.icon-vimeo a:hover,
li.icon-youtube a:hover,
li.icon-google-plus a:hover,
li.icon-pinterest a:hover,
li.icon-link a:hover,
li.icon-earth a:hover {
    background: transparent;
    padding: 0;
}
li.icon-twitter:hover > a,
li.icon-facebook:hover > a,
li.icon-feed:hover > a,
li.icon-vimeo:hover > a,
li.icon-youtube:hover > a,
li.icon-pinterest:hover > a,
li.icon-google-plus:hover > a {

}
li.icon-twitter a:before,
li.icon-facebook a:before,
li.icon-feed a:before,
li.icon-vimeo a:before,
li.icon-youtube a:before,
li.icon-google-plus a:before,
li.icon-pinterest a:before,
.menu-toggle:before,
li.icon-link a:before,
li.icon-earth a:before {
    font-family: 'agency';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #111;
    text-shadow: none;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'agency';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.menu-toggle:before, .icon-twitter:before, .icon-facebook:before, .icon-google-plus:before, .icon-vimeo:before, .icon-youtube:before, .icon-feed:before, .icon-dribbble:before, .icon-linkedin:before, .icon-link:before, .icon-earth:before {
    font-family: 'agency';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.menu-toggle:before {
    content: "\e000";
}
.icon-twitter:before {
    content: "\e001";
}
.icon-facebook:before {
    content: "\e002";
}
.icon-google-plus:before {
    content: "\e003";
}
.icon-vimeo:before {
    content: "\e004";
}
.icon-youtube:before {
    content: "\e005";
}
.icon-feed:before {
    content: "\e006";
}
.icon-dribbble:before {
    content: "\e007";
}
.icon-linkedin:before {
    content: "\e008";
}
.icon-link:before {
    content: "\e009";
}
.icon-earth:before {
    content: "\e00a";
}

/* =Comments
----------------------------------------------- */
#comments {
    float: none;
}
.bypostauthor {
}

#comments-title {
    padding: 8px 4px;
    text-transform: uppercase;
    font-size: .9em;
}
article.comment {
    display: block;
}
#respond input[type=text] {
    display: block;
    width: 40%;
}
#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 60%;
}
#respond .form-allowed-tags {
    clear: both;
    width: 60%;
}
#respond .form-allowed-tags {
    display: none;
}
.commentlist {
    margin: 1em 0;
    list-style-type: none;
}
.commentlist li {
    position: relative;
    margin: 0;
}
.comment {
    max-width: 100%;
    overflow: hidden;
    display: block;
}
article.comment {
    margin: 0;
    padding-bottom: 0;
}
.comment header {
    font-size: 1.2em;
}
h2.comments-title {
    font-size:1.5em;
}
.comment .comment-content {
    font-size: .9em;
    float: left;
    width: 100%;
    margin-top: 1em;
}
.comment .comment-content p {
    margin-bottom:0.5em;
}
.comment footer {
    float: left;
    width: 75%;
    font-size: .7em;
}
.comment .reply {
    float: right;
    font-size: .9em;
    width: 100%;
    text-align: right;
    font-weight: bold;
}
.commentmetadata {
}
.pinglist {
    margin: 20px 0 40px 52px;
    list-style-type: decimal;
}
#commentform {
    margin-top: 20px;
}
.children {
    list-style-type: none;
    margin-left: 55px;
}
.comment .avatar {
    float: left;
    margin: 0 1em .5em 0;
}
.comment-author {
    display: inline;
    margin-right: 5px;
    font-size:1.2em;
}
.comment-author cite {
    font-weight: bold;
    font-style: normal;
}
.comment-meta {
    display: block;
    font-size: 11px;
}
.comment-body {
    margin: 0 0 30px 55px;
}
.comment-reply-link {
    font-size: .8em;
    padding: 3px;
    text-transform: uppercase;
}
#cancel-comment-reply-link {
    font-size: 1.4em;
}
#respond {
    padding-bottom: 35px;
}
#respond h3 {
    font-size: 14px;
    font-weight: bold;
}
.nocomments {
    text-align: center;
    padding: 20px;
}
.comment-body ul {
    list-style-type: disc;
}
.comment-body ol {
    list-style-type: decimal;
}
#commentform label small {
    font-size: 12px;
}
.comment-author-admin article {
    padding: 1em;
}
.comment-author-admin footer {
    left: 1em;
}
.depth-2, .depth-3, .depth-4, .depth-5 {
    font-size: 1em;
}


/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 2.5em;
}
.widget-title {
    text-transform:uppercase;
    margin-bottom:1em;
    font-size:1em;
}
#homewidgets .widget-title {
    font-size:2em;
    margin-bottom:0.5em;
    text-transform:none;
}
/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
#searchsubmit {
    display: none;
}
#s {
    max-width: 100%;
}
.container {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
.container2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

/* Google Maps widget */
.gpp-google-map {
    float:right;
    width:67%;
    min-height:400px;
}

.gpp-google-map iframe {
    width:100%;
    min-height:400px;

}
.gpp-map-address {
    float:left;
    width:30%;
    margin-right:3%;
}
.has-sidebar .gpp-google-map {
    width:75%;
}
.has-sidebar .gpp-map-address {
    width:22%;
}
.team-page-grid .author-wrap {
    width:30%;
    margin-right:5%;
    border:0;
}

.team-page-grid .author-wrap .author-image {
    margin-right: 0;
    width: 100%;
    margin-bottom:1em;
}
.team-page-grid .author-wrap .author-info {
    width: 100%;
}
/* =Responsiveness: Readers
----------------------------------------------- */

@media screen and (max-width: 900px) {




}

/* =Responsiveness: Handhelds
----------------------------------------------- */

@media screen and (max-width: 900px) {
    #masthead {
        padding-bottom: 10px;
    }
    #hgroup {
        float: none;
        padding-top: 10px;
    }
    h1.site-title {
        text-align: center;
        margin-top: 0;
    }
}

/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 900px) {
    .container {
        width: 650px;
    }
	.staffpage {
		width: 100%;
}
		.homegrid1 {
		width: 50%;
}

	.homegrid1B {
		width: 50%;
}

	.homegrid2 {
		width: 50%;
}
		.homegrid1C {
	width: 50%; 
}
.homegrid1D {
	width: 50%; 
}
			.homegrid1E {
		width: 50%;
}

}


/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container {
        width: 300px;
    }
    #primary, #secondary {
        width:100%;
    }
    .archive .hentry {
        width:100%;
        margin-right:0;
    }
    .gpp-google-map {
        float:left;
        width:100%;
    }
    .has-sidebar .gpp-google-map {
        float:left;
        width:100%;
    }
    .gpp-map-address {
        width:100%;
        margin:0;
    }
    .has-sidebar .gpp-map-address {
        width:100%;
        margin:0;
    }
    .team-page-grid .author-wrap {
        width: 100%;
        margin-right: 0;
    }
    .three aside {
        width:100%;
        margin-right:0;
    }
    .two aside {
        width:100%;
        margin-right:0;
    }
		.staffpage {
		width: 100%;
}
		.homegrid1 {
		width: 100%;
}

	.homegrid1B {
		width: 100%;
}

	.homegrid2 {
		width: 100%;
}
		.homegrid1C {
	width: 100%; 
}
.homegrid1D {
	width: 100%; 
}

			.homegrid1E {
		width: 100%;
}
}



/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px;
    }
		.staffpage {
		width: 100%;
}
		.homegrid1 {
		width: 100%;
}

	.homegrid1B {
		width: 100%;
}

	.homegrid2 {
		width: 100%;
}
	.homegrid1C {
	width: 100%; 
	border-left:0px solid #000;
}
.homegrid1D {
	width: 100%; 
	border-right:0px solid #000;
}

}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}