/*
 Theme Name:     Tim Samoff's Website Theme
 Theme URI:      http://samoff.com/
 Description:    Snap Child Theme
 Author:         Tim Samoff
 Author URI:     http://samoff.com
 Tags:           light
 Template:       snap
 Version:        1.0.1
 */

 @import url("../snap/style.css");
 @import url("print.css") print;

/* =Theme customization starts here
——————————————————————————————— */

/* Global */

a, .theme-container a:hover, .snap-site-title a, #menu-main-menu a, a h4, a h3, a i, a div.grid-read-more, .filter {
  -webkit-transition: color .3s ease !important;
  -moz-transition: color .3s ease !important;
  -o-transition: color .3s ease !important;
  -ms-transition: color .3s ease !important;
  transition: color .3s ease !important;
}
.theme-container a:hover, .snap-site-title a:hover, #menu-main-menu a:hover, a h4:hover, a h3:hover, a div.grid-read-more:hover {
  color: #cf1818 !important;
}
h2 {
  text-transform: uppercase;
}
article.set-post p {
  font-size: 16px !important;
}
.theme-container {
  margin-top: 5rem;
}
/*******/
@media screen and (max-width: 899px) {
  .theme-container {
    margin-top: 10rem;
  }
}
/*******/
blockquote p {
  font-family:'IM Fell Double Pica' !important;
  line-height: 1.1;
  word-spacing: -1px;
  word-spacing: -0.05556rem;
  font-size: 16px;
  font-size: 1.22222rem;
  margin-left: 20px;
}
@media screen and (min-width: 900px) {
  blockquote p {
    font-size: 26px !important;
    font-size: 1.44444rem !important;
    margin-left: 0 !important;
  }
  blockquote p:first-of-type:before {
    font-size: 76px !important;
    position: relative;
    top: 1.8rem !important;
    margin-left: -37px !important;
  }
}
blockquote p:first-of-type:before {
  font-size: 38px;
  position: relative;
  top: 0.5rem;
  margin-left: -20px;
}
blockquote cite {
  font-family:'IM Fell Double Pica' !important;
  font-style: italic;
  display: block;
  text-align: right;
}
blockquote cite:before {
  content: "\2013\0020";
  padding-right: 3px;
  padding-right: 0.16667rem;
}

.portfolio-details li {
  display: block !important;
}
ul#social li a {
  -webkit-transition: opacity .3s ease !important;
  -moz-transition: opacity .3s ease !important;
  -o-transition: opacity .3s ease !important;
  -ms-transition: opacity .3s ease !important;
  transition: opacity .3s ease !important;
}

/* Header */
@media screen and (min-height: 500px) {
  header {
    position: fixed;        
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
}
@media screen and (max-height: 499px) {
  body.admin-bar header {
    margin-top: -4px;
  }
  .theme-container {
    margin-top: -0.55rem;
  }
  body.admin-bar > .theme-container {
    margin-top: -0.35rem;
  }
  header h1 a {
    font-weight: inherit !important;
  }
  .snap-tagline, #snap-nav ul a, #mobile-toggle span {
    opacity: 0.9 !important;
  }
}
#main-header {
  opacity: 0.95;
}
body.admin-bar header {
  top: 28px;
}
@media screen and (max-width: 899px) {
  #wpadminbar {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
  }
}
@media (max-width: 782px) {
  header {
    top: 0;
  }
  body.admin-bar header {
    top: 46px !important;
  }
}
.logo-wrapper, #footer, .placeholder-text {
  text-align: left;
}
.logo-wrapper h1 {
  letter-spacing: 0.26rem;
}
.snap-tagline {
  margin: 5px 0 0 6px;
  font-weight: 600 !important;
}
.animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes swingInX {
  0% {
    -moz-transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 0;
  }
}
@-o-keyframes swingInX {
  0% {
    -o-transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 0;
  }
}
@keyframes swingInX {
  0% {
    transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(400px) rotateX(0deg)
  }
}
.animated.swingInX {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ie-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: swingInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: swingInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: swingInX;
  backface-visibility: visible !important;
  animation-name: swingInX
}
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg)
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes swingOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg)
  }
  100% {
    -moz-transform: perspective(400px) rotateX(-90deg);
    -moz-transform-origin: 0 -100px;
    opacity: 0;
  }
}
@-o-keyframes swingOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg)
  }
  100% {
    -o-transform: perspective(400px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    transform: perspective(400px) rotateX(0deg)
  }
  100% {
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: 0 -100px;
    opacity: 0;
  }
}
.animated.swingOutX {
  -webkit-transform-origin: top;
  -webkit-animation-name: swingOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: swingOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: swingOutX;
  -o-backface-visibility: visible !important;
  animation-name: swingOutX;
  backface-visibility: visible !important
}

/* Site Title */

.logo-wrapper h1 a:hover {
    color: rgb(207,24,24);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .logo-wrapper h1 a:hover {
    color: rgb(207,24,24)!important;
    background: rgb(207,24,24);
    background: -moz-linear-gradient(45deg,  rgba(207,24,24,1) 30%, rgba(255,255,255,1) 50%, rgba(207,24,24,1) 70%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(30%,rgba(207,24,24,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(70%,rgba(207,24,24,1)));
    background: -webkit-linear-gradient(45deg,  rgba(207,24,24,1) 30%,rgba(255,255,255,1) 50%,rgba(207,24,24,1) 70%);
    background: -o-linear-gradient(45deg,  rgba(207,24,24,1) 30%,rgba(255,255,255,1) 50%,rgba(207,24,24,1) 70%);
    background: -ms-linear-gradient(45deg,  rgba(207,24,24,1) 30%,rgba(255,255,255,1) 50%,rgba(207,24,24,1) 70%);
    background: linear-gradient(45deg,  rgba(207,24,24,1) 30%,rgba(255,255,255,1) 50%,rgba(207,24,24,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1818', endColorstr='#cf1818',GradientType=1 );
    background-size: 200% 100%;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation: shine 1s 1;
    -moz-animation: shine 1s 1; 
    -o-animation: shine 1s 1; 
    animation: shine 1s 1;
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); 
    -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); 
    -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); 
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    background-position: -350px 0;
  }
  @-webkit-keyframes shine {
      0% {background-position: -350px 0;}
      100% {background-position: 115px 0;}
  }
  @-moz-keyframes shine {
      0% {background-position: -350px 0;}
      100% {background-position: 115px 0;}
  }
  @-o-keyframes shine {
      0% {background-position: -350px 0;}
      100% {background-position: 115px 0;}
  }
  @keyframes shine {
      0% {background-position: -350px 0;}
      100% {background-position: 115px 0;}
  }
}
/* Nav */

@media screen and (min-width: 900px) {
  #snap-nav {
    margin-top: 16px;
  }
}
/*******/
@media (max-width: 1199px) and (min-width: 900px) {
  #snap-nav {
    width: 55% !important;
  }
}
/*******/
#snap-nav ul a, #mobile-toggle span {
  font-size: 20px;
  font-family: 'Economica';
  text-transform: uppercase;
  font-weight: 500 !important;
}
h3.sd-title:before {
  border: none !important;
}

/* General post/work information */
.portfolio-description {
  float: left;
  margin-left: 3%;
  width: 90%;
  border: none !important;
}
.portfolio-details li:first-child:before {
  content: url("../snap/images/time.svg");
}
.portfolio-details li:nth-child(2):before {
  content: url("../snap/images/info.svg");
}
.portfolio-details li:nth-child(3):before {
  content: url("images/comment.svg");
  margin-top: 0;
  padding-top: 0;
  line-height: 0;
}
.portfolio-details li, .comment-date {
  font-size: 16px !important;
}
.respond-body header {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 100% !important;
  vertical-align: baseline !important;
}
@media screen and (min-width: 900px) {
  .portfolio-description {
    width: 65.59356%;
    border-top: 1px solid #efefef !important;
  }
  figure.portfolio-image, div.portfolio-placeholder {
    max-width: 29.37626%;
  }
  .set-post {
    padding-right: 0;
  }
  img.attachment-snap-grid.wp-post-image {
    width: 292px;
  }
}
@media screen and (min-width: 900px) {
   .portfolio-image {
    max-width: 292px;
    height: auto;
    overflow: auto;
  }
}
.portfolio-image {
  max-width:100%;
  height: auto;
  overflow: hidden;
}
.portfolio-image a img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-width: 100%;
}
.portfolio-image a img:hover {
  -webkit-transform:scale(1.15);
  -moz-transform:scale(1.15);
  -ms-transform:scale(1.15);
  -o-transform:scale(1.15);
   transform:scale(1.15);
}

/* About Page */
.featured {
  max-width: 30%;
  margin-right: 32px;
  margin-right: 1.77778rem;
  margin-bottom: 22px;
  margin-bottom: 1.22222rem;
  position: absolute;
  /* background: url("../../timsamoff_292x292-e1413919667562.png"); */
  background: url("http://slm-assets1.secondlife.com/assets/3789237/lightbox/512x512%20PNG%20Landscape%20Texture%20-%20Dandelion%20Field.jpg");
}
  .reveal {
    width: 0px;
    max-height: 100%;
    border-left: 6px solid #555;
    position: absolute;
    cursor: col-resize;
    right: 0;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.9rem;
  }
  .reveal:after {
    content: "\2194";
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #f1f1f1;
    border-radius: 50%;
    color: #f1f1f1;
    background: #555;
    position: absolute;
    left: -30px; top: 0; bottom: 0;
    margin: auto;
  }
@media screen and (min-width: 900px) {
  .aboutPage {
    max-width: 292px;
    max-height: 292px;
    width: 29.37626%;
    height: 100%;
    position: relative;
  }
  .aboutPage img {
    /*max-height: 100%;*/
    object-fit: cover;
    position: absolute;
  }
  .aboutPage p {
    margin-top: 320px;
  }
  .featured {
    background-size: auto 100%;
    max-width: 100% !important;
    height: 100% !important;
  }
  .reveal {
    width: 0px;
    height: 100%;
    border-left: 6px solid #555;
    position: absolute;
    cursor: col-resize;
    right: 0;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.9rem;
  }
  .reveal:after {
    width: 50px;
    height: 50px;
    left: -30px; top: 0; bottom: 0;
  }
}

/* Work Page */

.filter_container, #takira_mix_it_up {
  text-align: left;
}
.filter {
  font-family: 'Economica';
  font-size: 26px !important;
  border: none !important;
}
.filter_container .active:hover, .filter:hover {
  color: #cf1818;
}
.filter_container .active {
  color: #7a0c0c;
}
.filter:after {
  padding-left: 20px;  
  content:"|" !important;
  color: #000;
}
.filter:last-child:after {
  content:"" !important;
}
div.takira_portfolio_title {
  /* line-height: 220px !important; */
  font-family: 'Economica';
  font-size: 20px;
  word-break: break-all !important;
  word-wrap: break-word !important;
}
div.takira_portfolio_title:before {
  content: "";
}
/*div.takira_portfolio_title:before {
  position: absolute;
  top: -20px;
  left: 42%;
  content: url("images/link-icon.png");
}*/
div.portfolio_info_wrapper {
  padding-top: 1px;
  width:100%;
}
span.portfolio_info_label {
  font-family: 'Economica';
  font-size: 20px !important;
  display: block;
  margin-top: 0.5rem;
}
span.portfolio_info {
  font-size: 16px !important;
  display: block;
  margin-bottom: 0.5rem;
  color: #222;
}
/*.portfolioTag:after {
  content: ", ";
}
.portfolioTag:last-child:after {
  display: none;
}*/
.tagSep:last-child {
  display: none;
}
@media (max-width: 899px) {
  #takira_mix_it_up .mix{
    width: 100%;
  }
  div.takira_portfolio_title:before {
    left: 47%;
  }
}

/* Archives Page */

@media screen and (min-width: 900px) {
  #sidebar {
    margin-top: 7.75rem;
  }
}
input#s {
  width: 100% !important;
  font-size: 20px;
  color: #222;
  padding: 15px 15px 10px 15px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent url('images/search_25.svg') no-repeat 98% 12px;
  background-size: 28px;
  outline: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #efefef;
  border-left: none !important;
  -webkit-transition: background-color 0.30s ease-in-out;
  -moz-transition: background-color 0.30s ease-in-out;
  -ms-transition: background-color 0.30s ease-in-out;
  -o-transition: background-color 0.30s ease-in-out;
}
input#s:focus {
  background: #f7fef7 url('images/search_50.svg') no-repeat 98% 12px;
  background-size: 28px;
  border-bottom: 1px solid #707070;
}
#sF .pretext {
  font-family: 'IM Fell Double Pica', serif !important;
  font-size: 20px;
  padding: 15px 15px 10px 15px;
  color: #707070;
}
#sF {
  margin-bottom: 2rem !important;
}

/* Single Post Page */

.wp-caption-text {
  font-family: 'Economica' !important;
}

/* Contact Page */

.pretext-container {
  width: 100%;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
  width: 100% !important;
  font-size: 20px;
  padding: 15px 15px 10px 15px;
}
.wpcf7-form textarea {
  width: 100% !important;
  font-size: 20px;
  padding: 12px 15px 10px 15px;
  min-height: 120px;
}
.wpcf7-form .pretext {
  font-family: 'IM Fell Double Pica', serif !important;
  font-size: 20px;
  padding: 24px 15px 10px 15px;
  color: #707070;
  margin-right: 20px;
}
.wpcf7-text, .wpcf7-textarea {
  color: #222;
  padding-right: 50px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent;
  outline: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #efefef;
  border-left: none !important;
  -webkit-transition: background-color 0.30s ease-in-out;
  -moz-transition: background-color 0.30s ease-in-out;
  -ms-transition: background-color 0.30s ease-in-out;
  -o-transition: background-color 0.30s ease-in-out;
}
.wpcf7-text:focus, .wpcf7-textarea:focus {
  border-bottom: 1px solid #707070;
}
.wpcf7-textarea {
  height: 3rem;
  padding-bottom: 1rem !important;
}
#cM {
  -webkit-transition: height 0.30s ease-in-out;
  -moz-transition: height 0.30s ease-in-out;
  -ms-transition: height 0.30s ease-in-out;
  -o-transition: height 0.30s ease-in-out;
  transition: height 0.30s ease-in-out;
}
.cFtrans {
  background-color: transparent !important;
}
.cFhi {
  background-color: #ffffe5 !important;
}
.cNedit {
  background: transparent url('images/avatar_edit_25.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cNedit:focus {
  background: transparent url('images/avatar_edit_50.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cNaccept {
  background: transparent url('images/avatar_accept_25.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cNaccept:focus {
  background: transparent url('images/avatar_accept_50.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cEedit {
  background: transparent url('images/mail_edit_25.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cEedit:focus {
  background: transparent url('images/mail_edit_50.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cEaccept {
  background: transparent url('images/mail_accept_25.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cEaccept:focus {
  background: transparent url('images/mail_accept_50.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cMedit {
  background: transparent url('images/comment_edit_25.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cMedit:focus {
  background: transparent url('images/comment_edit_50.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cMaccept {
  background: transparent url('images/comment_accept_25.svg') no-repeat 98% 12px;
  background-size: 28px;
}
.cMaccept:focus {
  background: transparent url('images/comment_accept_50.svg') no-repeat 98% 12px;
  background-size: 28px;
}

div.wpcf7-response-output, div.wpcf7-mail-sent-ng {
  border: none !important;
  font-family: 'Economica';
  font-size: 20px;
}

/* 404 */

.error404 canvas {
  position: fixed;
  top:0;
  left:0;
}
#particles-js {
height:100%;
}
.error404 h2, .error404 input#s, .error404 .pretext {
  z-index: 99;
}
.shake
{ 
 animation-name: shake; 
 animation-duration: 0.8s; 
 transform-origin:50% 50%; 
 animation-iteration-count: 1; 
 animation-timing-function: linear; 
 
 -moz-animation-name: shake; 
 -moz-animation-duration: 0.8s; 
 -moz-transform-origin:50% 50%; 
 -moz-animation-iteration-count: 1; 
 -moz-animation-timing-function: linear; 
 
 -webkit-animation-name: shake; 
 -webkit-animation-duration: 1s; 
 -webkit-transform-origin:50% 50%; 
 -webkit-animation-iteration-count: 1; 
 -webkit-animation-timing-function: linear; 
}

@keyframes shake{ 
 0% { transform: translate(2px, 1px) rotate(0deg);
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px); } 
 10% { transform: translate(-1px, -2px) rotate(-1deg);  } 
 20% { transform: translate(-3px, 0px) rotate(1deg);     } 
 30% { transform: translate(0px, 2px) rotate(0deg);     } 
 40% { transform: translate(1px, -1px) rotate(1deg);     } 
 50% { transform: translate(-1px, 2px) rotate(-1deg);    } 
 60% { transform: translate(-3px, 1px) rotate(0deg);     } 
 70% { transform: translate(2px, 1px) rotate(-1deg);     } 
 80% { transform: translate(-1px, -1px) rotate(1deg);   } 
 90% { transform: translate(2px, 2px) rotate(0deg);     } 
 100% { transform: translate(1px, -2px) rotate(-1deg);     } 
}  
 
@-moz-keyframes shake{ 
 0% {   -moz-transform: translate(2px, 1px) rotate(0deg);
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px); } 
 10% {  -moz-transform: translate(-1px, -2px) rotate(-1deg);  } 
 20% {  -moz-transform: translate(-3px, 0px) rotate(1deg);     } 
 30% {  -moz-transform: translate(0px, 2px) rotate(0deg);     } 
 40% {  -moz-transform: translate(1px, -1px) rotate(1deg);     } 
 50% {  -moz-transform: translate(-1px, 2px) rotate(-1deg);    } 
 60% {  -moz-transform: translate(-3px, 1px) rotate(0deg);     } 
 70% {  -moz-transform: translate(2px, 1px) rotate(-1deg);     } 
 80% {  -moz-transform: translate(-1px, -1px) rotate(1deg); }  
 90% {  -moz-transform: translate(2px, 2px) rotate(0deg);     } 
 100% { -moz-transform: translate(1px, -2px) rotate(-1deg);     } 
}  
 
@-webkit-keyframes shake { 
 0% {   -webkit-transform: translate(2px, 1px) rotate(0deg);
filter: blur(5px);
-webkit-filter: blur(35px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px); } 
 10% {  -webkit-transform: translate(-1px, -2px) rotate(-1deg);-webkit-filter: blur(35px); } 
 20% {  -webkit-transform: translate(-3px, 0px) rotate(1deg);-webkit-filter: blur(20px);   } 
 30% {  -webkit-transform: translate(0px, 2px) rotate(0deg);  -webkit-filter: blur(10px); } 
 40% {  -webkit-transform: translate(1px, -1px) rotate(1deg); -webkit-filter: blur(5px);} 
 50% {  -webkit-transform: translate(-1px, 2px) rotate(-1deg);   } 
 60% {  -webkit-transform: translate(-3px, 1px) rotate(0deg);   } 
 70% {  -webkit-transform: translate(2px, 1px) rotate(-1deg);   } 
 80% {  -webkit-transform: translate(-1px, -1px) rotate(1deg);   } 
 90% {  -webkit-transform: translate(2px, 2px) rotate(0deg);   } 
 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg);   } 
}

/* Buttons & other misc. styling */

.grid-content-wrapper time {
  font-size: 16px;
}
.grid-thumb-wrapper a img {
  opacity: 0.8;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.grid-thumb-wrapper a img:hover {
  opacity: 1;
}
.sce-comment-edit-buttons button, input[type="submit"].wpcf7-submit {
  background: url("images/button-back.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0) !important;
  border: 1px solid #ccc;
  border-radius: 15px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #555 !important;
  cursor: pointer;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size: 14px !important;
  font-weight: normal !important;
  height: auto;
  line-height: 18px !important;
  min-width: 0;
  padding: 3px 10px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  width: auto;
  margin-top: 11px;
  margin-right: 11px;
}

.sce-comment-edit-buttons button:active, .sce-comment-edit-buttons button:hover, input[type="submit"].wpcf7-submit:active, input[type="submit"].wpcf7-submit:hover {
  background: url("images/button-back-over.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
  border-color: #999 !important;
  border-width: 1px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.sce-comment-text {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  color: #222;
  border: 1px solid #cacaca;
  border-radius: 0;
  box-shadow: 1px 1px 3px #e8e8e8 inset !important;
  background-color: #fcfcfc;
  width: 100%;
  height: 75px;
  outline: none !important;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.sce-comment-text:focus {
  border: 1px solid #b2b2b2;
  box-shadow: 1px 1px 3px #dcdcdc inset !important;
  background-color: #fefefe;
}
span.comment-name {
  font-family: 'Economica';
}
article.respond-body a, article.respond-body a time {
  color: #7a0c0c !important;
}
article.respond-body a time:before {
  position: relative;
  opacity: .15;
  top: 2px;
  margin-right: 0 2px 0 0;
  padding: 0 14px 0 0;
  content: " ";
  background-image: url("../snap/images/time.svg");
  background-repeat: no-repeat;
}
.portfolio-placeholder h4 {
  margin: 1rem 0 0 1rem;
  line-height: 1rem;
  padding: 0;
}
@media screen and (min-width: 900px) {
  article.respond-body a time:before {
    margin-right: 7px;
  }
}
@media screen and (max-width: 900px) {
  #comments .avatar {
    margin-right: 1rem;
  }
}

/* #jetpack_remote_comment h1 {
  font-family: 'Economica' !important;
} */

#credit-line a {
  color: #666;
}
.widget_rss_links p a img {
  position: relative;
  top: -3px;
  margin-right: 0.25rem;
}
a.scrollUp {
  opacity: 0.25;
  -webkit-transition: opacity 0.30s ease-in-out;
  -moz-transition: opacity 0.30s ease-in-out;
  -ms-transition: opacity 0.30s ease-in-out;
  -o-transition: opacity 0.30s ease-in-out;
}
a.scrollUp:hover {
  opacity: 0.5;
}

a.fancybox img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
div#fancybox-content img {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
/*a#fancybox-close {
  display: none !important;
}*/
/*.mtli_attachment {
  opacity: 0.8;
  -webkit-transition: opacity .3s ease !important;
  -moz-transition: opacity .3s ease !important;
  -o-transition: opacity .3s ease !important;
  -ms-transition: opacity .3s ease !important;
  transition: opacity .3s ease !important;
}
.mtli_attachment:hover {
  opacity: 1;
}*/
a.ext-link, a.ext-link:link {
	background: url("images/external.png") no-repeat 100% 0;
	padding-right: 13px;
}

a.ext-link:visited, a.ext-link:visited {
	/*color: purple;*/
	background: url("images/external.png") no-repeat 100% -100px;
	padding-right: 13px;
}

a.ext-link:hover, a.ext-link:active {
	/*color: red;*/
	background: url("images/external.png") no-repeat 100% -200px;
	padding-right: 13px;
}