/*--- Webmishmash.com | Dave Holt | 2009-2012 ---*/
/*
img {
display:none;
}*/


/*--- Resets ---*/

* {margin:0;padding:0;border:none;}

/*--- Typography ---*/

body {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;font-size: 13px;line-height: 1.7em;}

a:link {color: #960;text-decoration: underline;	}

a:visited {color: #999;text-decoration: line-through;}

a:hover {color: #990;text-decoration: underline;}

h2 {font-family: 'Italiana', serif;font-size: 24px;line-height:30px;}

/*--- Isotope Filtering ---*/

.isotope-item {z-index: 2;}

.isotope-hidden.isotope-item { pointer-events: none;z-index: 1;}

/*--- Isotope CSS3 transitions ---*/

.isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}

.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}

.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity;}

/*--- disabling Isotope CSS3 transitions ---*/

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}


/*--- Isotope styles ---*/

/* required for containers to inherit vertical size from window */
html,body {height: 100%;background-image: url(concrete_wall_2.png);background-repeat: repeat;}

#nav {width: 100%;height: 30px;background-image: url(topbar.png);background-repeat: repeat-x;}
	
#container {padding: 5px;margin-bottom: 20px;margin-left:auto;margin-right:auto;margin-top:25px;}

.element {width: 280px;margin: 15px;float: left;overflow: hidden;position: relative;color: #222;}

.element p {margin-top: 20px;}

ul#filters {margin-top:22px;margin-left:28px;list-style:none;}

ul#filters li {font-family: 'Italiana', serif;font-size: 24px;line-height:30px;}


/*--- Footer ---*/

#footer {width: 100%;height:55px;background-color: #333;	}

#dry {position: relative;margin-left: auto;margin-right:auto;width:267px;height: 89px;top: -22px;}


/*--- Contact ---*/

#contact_button {position:absolute;top:0px;left:50%;background-image:url(contact_button.png);background-repeat:no-repeat;width:284px;height:67px;background-position:0 0;}

#contact_button:hover {background-position:0 -67px;cursor:pointer;}

#contact_close {background-image:url(close.png);background-repeat:no-repeat;width:50px;height:50px;position:absolute;left:275px;bottom:20px;z-index:1000;text-indent:-9999px;}

#contact_close:hover {background-image:url(close2.png);}

.buttonSubmit {background-image:url(submit.png);background-repeat:no-repeat;width:254px;height:59px;background-position:0 0;text-indent:-9999px;margin-top:18px;outline:none;background-color:transparent;border:none;}

.buttonSubmit:hover {background-image:url(submit.png);background-position:0 -59px;}

#contact_container {width:289px;height:361px;position:absolute;top:-450px;left:50%;background-image:url(contact_background.png);background-repeat:no-repeat;z-index:999; padding:18px;}


/* --- Misc --- */

#coffee {background-image: url(coffee.png);background-repeat:no- repeat;width:169px;height:71px;float:left;}

#counter {float:right;margin-top:21px;margin-right:20px;}

textarea.code {padding: 0px;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;font-size: 13px;line-height: 1.7em;text-indent:12px;color: #630;border:none;width:280px;height:250px;overflow:hidden;margin-top:14px;margin-bottom:14px;background-color:transparent!important;}

input {margin-bottom:12px;}

a[data-visited] {
  border-bottom: 1px dashed purple;
}

a[data-visited]:after {
  content: ' (Seen)';
}

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

#contact_button {left:2%;}

#contact_container {left:2%;}

}

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

.element {margin: 10px;}

}

/* -----  New styles for masonry plugin --------

.grid-item {
  float: left;
  width: 100px;
  height: 100px;
  background: #0D8;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.7);
}

.grid-item--width2 { width: 200px; }
.grid-item--height2 { height: 200px; } */



/* Lean More Button */

.content__item {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
 
}

.button {
  pointer-events: auto;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  position: relative;
  display: inline-block;
}

.button-anthe {
  font-family: 'Italiana', serif!important;
color: #fff;
background: none;
}

.button-anthe::before {
content: '';
background: #000!important;
-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
transition: clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1);
padding:0em 2em;
width: 12em;
  height: 1em;
  display: block;
  position: absolute;
}

.button-anthe:hover::before {
-webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);

}


.button-anthe span {
display: block;
  mix-blend-mode: difference;
  transition: transform 0.4s cubic-bezier(0.2, 1, 0.8, 1);
  margin: 1em 1.5em;
  font-family: 'Italiana', serif!important;
  font-size: 16px!important;
  line-height: 8px!important;
font-weight: bold!important;
}

.button-anthe:hover span {
transform: translate3d(-5px,0,0);
}