/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Site Styles
  #Typography
  #Links
  #Lists
  #Images
  #Buttons
  #Forms
  #Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;  }
article{ text-align: center;}
body {
  line-height: 1; }
ol, ul {
  list-style: none; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* #Basic Styles
================================================== */
body {
  background: #fff;
  font-family: "proxima-nova",sans-serif;
  font-size: 0.9em;
  line-height: 2em;
  color: #444;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}


/* #Typography
================================================== */

@font-face {
  font-family: 'Mono Social Icons Font';
  src: url('MonoSocialIconsFont-1.10.eot')/*tpa=http://gemenia.com/wp-content/themes/bones/library/css/MonoSocialIconsFont-1.10.eot*/;
  src: url('MonoSocialIconsFont-1.10.eot-#iefix')/*tpa=http://gemenia.com/wp-content/themes/bones/library/css/MonoSocialIconsFont-1.10.eot?#iefix*/ format('embedded-opentype'),
       url('MonoSocialIconsFont-1.10.woff')/*tpa=http://gemenia.com/wp-content/themes/bones/library/css/MonoSocialIconsFont-1.10.woff*/ format('woff'),
       url('MonoSocialIconsFont-1.10.ttf')/*tpa=http://gemenia.com/wp-content/themes/bones/library/css/MonoSocialIconsFont-1.10.ttf*/ format('truetype'),
       url('MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont')/*tpa=http://gemenia.com/wp-content/themes/bones/library/css/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont*/ format('svg');
  src: url('MonoSocialIconsFont-1.10.ttf')/*tpa=http://gemenia.com/wp-content/themes/bones/library/css/MonoSocialIconsFont-1.10.ttf*/ format('truetype');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-family: "proxima-nova",sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 16px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 16px; line-height: 41px; margin-bottom: 5px; }
h3 { font-size: 16px; line-height: 34px; }
h4 { font-size: 16px; line-height: 30px; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 24px; }
h6 { font-size: 16px; line-height: 21px; }
.subheader { color: #777; }

p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }

/*  Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
a, a:visited {
  color: #333;
  text-decoration: none;
  outline: 0;
  -o-transition:.5s;
    -ms-transition:.25s;
    -moz-transition:.25s;
    -webkit-transition:.25s;
    transition:.25s; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc {  }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 1.5em;}
ul.large li { line-height: 21px; }
li p { line-height: 21px; }


/* #Images
================================================== */
img.scale-with-grid { max-width: 100%; height: auto; vertical-align:top;}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	text-align: center;
}


/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  padding: 10px 0 0 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #333;
  text-decoration: none;
  font: 1em/1.85em "minion-pro", Georgia, Times New Roman, serif;
  border-bottom: #ddd 1px solid;
  -webkit-transition: border-bottom 100ms linear, background 250ms linear;
  -o-transition: border-bottom 100ms linear;
  -moz-transition: border-bottom 100ms linear;
  -ms-transition: border-bottom 100ms linear;
  transition: border-bottom 100ms linear;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  padding: 10px 0 0 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #333;
  text-decoration: none;
  font: 1em/1.85em "minion-pro", Georgia, Times New Roman, serif;
  border-bottom: #000000 1px solid;
  -webkit-transition: border-bottom 100ms linear, background 250ms linear;
  -o-transition: border-bottom 100ms linear;
  -moz-transition: border-bottom 100ms linear;
  -ms-transition: border-bottom 100ms linear;
  transition: border-bottom 100ms linear;
}

.button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/* #Forms
================================================== */
form {
  margin-bottom: 20px; }
fieldset {
  margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select {
  border: 1px solid #ccc;
  font: 1em/1.85em "minion-pro", Georgia, Times New Roman, serif;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  color: #777;
  margin: 0;
  width: 410px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #ffffff; }
select {
  padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow:  0 0 3px rgba(0,0,0,.2);
  background: #ffffff; }
textarea {
  min-height: 60px; }
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;  }
select {
  width: 220px; }
input[type="checkbox"] {
  display: inline; }
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}


/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }


/* #Custom Styles
================================================== */
.border{
  border-top: solid 1px #e8e8e8;
}
nav{
  margin-top: 5px;
}
#logo{
  font-size: 1.6em;
  font-weight: 700;
}
#content{
  margin-top: 40px;
}
.page-title{
  margin: 0px 0px 30px 0px;
}
.entry-title{
  margin: 0px 0px 30px 0px;
}
.post-title{
  margin: 20px 0px 10px 0px;
}
.post-title a{
  border-bottom: solid 1px #e8e8e8;
}
.post-title a:hover{
  border-bottom: solid 1px #000000;
}
#post-content{
            margin-top: 20px;
        }
.projects.page-title{
  text-transform: capitalize;
}
.footer{
  font-size: 0.9em;
}
.top-link{
  margin-top: 30px;
}
#top-link{
  color: #a8a8a8;
  border-bottom: solid 1px #e8e8e8;
}
#top-link:hover{
  color: #000000;
  border-bottom: solid 1px #000000;
}
.description{
  margin-bottom: 40px;
}
.menu-footer-menu-container{
  font-size: 20px;
}
.details{
  font-size: 16px;
}
.details a{
  color: #a8a8a8;
  border-bottom: solid 1px #e8e8e8;
}
.details a:hover{
  color: #000000;
  border-bottom: solid 1px #000000;
}
.project-cat a{
  color: #a8a8a8;
  border-bottom: solid 1px #e8e8e8;
}
.project-cat a:hover{
  color: #000000;
  border-bottom: solid 1px #000000;
}
.textwidget{
  font-size: 14px;
}
.entry-content{
  margin-top: 20px;
}

.article-footer{
  font-size: 14px;
  height: 40px;
  margin-top: 20px;
}
.left{
  border-top: solid 1px #e8e8e8;
  margin-top: 40px;
  padding: 30px 0px 80px 0px;
}
.right{
  border-top: solid 1px #e8e8e8;
  margin-top: 40px;
  padding: 30px 0px 80px 0px;
}
.project-nav{
  font-size: 30px;
}
.share{
  font-size: 30px;
}
.project-nav .previous{
  font-size: 14px;
  font-style: italic;
}
.project-nav .next{
  font-size: 14px;
  font-style: italic;
}
.share-this{
  font-size: 14px;
  font-style: italic;
}
a .project-title{
  color: #ffffff;
  font-size: 20px;
}
.text{
  padding: 20px;
  position: absolute;
}
.title-italic{
  font-size: 14px;
  font-style: italic;
}
ul.social li{
  display: inline;
  margin-right: 10px;
}
.social{
  font-size: 20px;
  border-left: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}
}
.social a{
  border-bottom: solid 1px #ffffff;
}
.social a:hover{
  border-bottom: solid 1px #e8e8e8;
}
.description, .work{
  border-bottom: solid 1px #e8e8e8;
  margin-top: 40px;
}
.work {
  margin-bottom: 30px;
}
.title-border{
  border: solid 1px #e8e8e8;
  padding: 16px 30px;
}
.byline.vcard a{
  color: #a8a8a8;
  border-bottom: solid 1px #e8e8e8;
}
.byline.vcard a:hover{
  color: #000000;
  border-bottom: solid 1px #000000;
}
.updated{
  margin-right: 20px;
}
.tags{
  margin-left: 20px;
}
a.grey{
  color: #a8a8a8;
}
a.grey:hover{
  color: #000000;
}
#respond{
  margin-top: 60px;
}
.post{
  margin-bottom: 40px
}
.avatar{
  display:none;
}
.fn{
  font-size: 25px;
}
.comment_content p{
  margin-top: 10px;
  font-style: italic;
}
a.comment-reply-link{
  font-size: 13px;
  color: #a8a8a8;
  border-bottom: solid 1px #e8e8e8;
}
time a{
  font-size: 14px;
  margin-left: 30px;
}
ol.commentlist li{
  margin-bottom: 20px;
}
nav ul li a{
  border-bottom: solid 1px #e8e8e8;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
nav ul li a:hover{
  border-bottom: solid 1px #000;
}

ul.social li a{
  border-bottom: solid 1px #999999;
}
ul.social li a:hover{
  border-bottom: solid 1px #e8e8e8;
}
.profile p{
  margin-bottom: 40px;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.fade-in.two {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay:1.5s;
  animation-delay: 1.5s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

/* add some slick to gridism */

a {
  text-decoration: none;
  border-bottom: 1px solid #000;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.button {
  border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 8px 16px;
  text-shadow: 0 1px 0 #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
}

.button:hover, .button:focus {
  outline: none;
  border: 1px solid rgba(255,0,0,.5);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}

.contact{
  padding: 60px 0px;
}
.center{
  text-align: center;
}

/* Project title rollovers */

.thumb {
  position: relative;
  overflow: hidden;
}
.thumb img {
  width: 100%;
  padding: 0;
}
.thumb > div {
  background-color: #ffffff;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s linear;
  color: #ccc;
}
.thumb:hover > div {
  display: block;
  opacity: 0.7;
}
.thumb > div div {
  position: absolute;
  top: 45%;
  text-align:center;
  width: 100%;
}
.thumb span {
  font-size: 0.7em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #000;
}

/* Press Thumbnails */

.press-thumb-wrap {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.press-thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(230,230,230,0.75);
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

.press-thumb a:hover .press-thumb-overlay {
  background-color: rgba(255,255,255,0.75);
}

.press-thumb-content {
  position: absolute;
  top: 50%;
   -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}

.press-thumb-content h3 {
  line-height: 1.25;
}

/* End Press Thumbnails */


/* Expand/colapse Our Story */

.readmore {
  color: #000;
  cursor: pointer;
  font-size: 14px;
  border-bottom: solid 1px #000;
}

.more {
  display: block;
  -webkit-transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
   transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
}

.expand:hover .more{
  opacity: 1;
  height: auto;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.expand:hover .readmore{opacity: 0;}

a.signup{
  font-size: 16px;
  border: 0;
}


/* footer styles */

.footer{
  max-width: 940px;
  border-left: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

.source-org{
  margin-left: 40px;
  margin-top: 18px;
}

.getintouch{
  margin-top: 18px;
}

.infinity{
  max-width: 50px;
  max-width: 30px;
}

.social-icons li{display: inline-block;}

.symbol,
a.symbol:before {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

a.symbol:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 130%;
}

a.symbol {
  background: #9f9f9f;
  padding: 7px 5px 3px 5px;
  color: white;
  text-decoration: none;
  border: none;
}
.social-icons{
  margin-top: 20px;
}
.symbol{
	font-size: 18px;
	padding: 10px;
}
.symbol a{
  border: none;
  color: #ccc !important;
  text-decoration: none;
}
.symbol a:hover{
  border: #fff !important;;
  text-decoration: none;
  opacity: 0.5;
}


@media screen and (min-width: 768px) {

  /* Main Navigation
  ================================================== */

  #menu-main-menu {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
  }
  #menu-main-menu li{
    display:inline;
  }
  #menu-main-menu a{
    display:inline-block;
    padding: 5px 0px;
  }
  #menu-footer-menu li{float: left; margin-right: 20px;}

  #nav-wrap { background:none; border-bottom:1px solid #e8e8e8; height: 55px; }

  /*core*/
  .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
  .sf-menu li { display: inline-block; position: relative; }
  .sf-menu li:hover { visibility: inherit }
  .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 50px; z-index: 99; }
  .sf-menu a { display: block; position: relative; }

  .sf-menu ul li { width: 100% }
  .sf-menu { line-height: 1.0 }

  /*styling*/
  #site-navigation { line-height:12px;position: relative; margin: 0 auto; text-align: center; }
  #site-navigation .sf-menu .sub-menu li.current_page_item > a { color: #888888; background:none; border-bottom:1px solid #000; }
  #site-navigation .sf-menu > li.sfHover > a, #site-navigation .sf-menu > .current-menu-item > a, #site-navigation .current-menu-parent > a, #site-navigation .current-menu-parent > a:hover, #site-navigation .sf-menu > .current-menu-item > a:hover { color: #888888; border-bottom:1px solid #000; }
  #site-navigation .sf-menu a { font-size:12px; line-height: 35px; color: #888; margin-left: 30px; margin-right: 30px; text-decoration: none; font-weight: normal; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-align: left; cursor: pointer; }
  #nav li:last-child a:hover{ border-bottom:1px solid #000; }

  #gallery-1 .gallery-item, .press-thumb {
    float: left;
    text-align: center;
    width: 30%;
    padding: 15px;
  }

}

@media screen and (max-width: 940px) {
  #gallery-1 .gallery-item, .press-thumb {
    float: left;
    text-align: center;
    width: 29%;
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  #nav{
    text-align: center;
  }
  .description, .work {
    margin-top: 10px;
  }
  .contact-block{
    text-align: center;
  }
  p.source-org.copyright{
    display: none;
  }
  nav ul li{
    padding: 20px;
    border-bottom: solid 1px #e8e8e8;
  }
  nav ul li a {
    border-bottom: solid 1px #ffffff;
  }
  #gallery-1 .gallery-item, .press-thumb {
    float: left;
    text-align: center;
    width: 93%;
    padding: 17px;
    }
  .getintouch{
    margin-bottom: 30px;
  }
  #logo{
    border-bottom: solid 1px #e8e8e8;
  }
}
.wp-caption-text.gallery-caption{
  margin-top: 10px;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.gallery-item:hover > .wp-caption-text.gallery-caption{
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}