/*
Theme Name: Hueman for cc0.photo
Theme URI: http://cc0.photo
Version: 9.9.9
Author: nikeo, Raffael Herrmann
Author URI: http://cc0.photo
Text Domain: hueman
Copyright: (c) 2016 Raffael Herrmann, 2015-2016 Nicolas GUILLAUME (nikeo), 2013-2015 Alexander "Alx" Agnarson
License: GNU Generarl Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*
The main css stylesheet of the Hueman theme is located in /assets/front/css/main.css.

The main reason why the main stylesheet of the Hueman theme has been moved to another place is : minification.
Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.

This style.css file provides details about the Theme (in the form of comments above) that is read by WordPress, and therefore cannot be minified.

Note : You can load the not minified stylesheet if you uncheck the option in the customizer > Global Settings > performances
*/


/*
Developers Recommendation
To make it easy to update your theme, you should NOT add your custom css rules to this file. Instead use
a child theme to add your styles. You can copy a style from this file and paste it in the child
theme's style.css and it will override the style in this file. You have been warned! :)

If you don't know what a child theme is, you really want to spend 5 minutes learning how to use child themes in WordPress, you won't regret it :) !
https://codex.wordpress.org/Child_Themes
*/


.stencil-col a {
	background-color: #11cc17;
	background-image: -webkit-linear-gradient(#0bb700,#009a05,#228800);
	background-image: -moz-linear-gradient(#0bb700,#009a05,#228800);
	-moz-border-radius: 4px;
	border: 1px solid #1a6900;
}

.stencil-col a:hover {	
	color:#fff;
	background-color:#009a05;
	background-image:-webkit-linear-gradient(#009a05,#228800);
	background-image:-moz-linear-gradient(#009a05,#228800)
}


.dl-button-table {
	border-width: 0px;
	table-layout: fixed;
    width: 100%; 
	font-size: 0.95em !important;
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (max-width: 1024px) {
	.stencil-col {
		display:none;
	}
}


.aligncenter-dlbutton {
    margin: 20px 4px !important;
}

.color-tag {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(100,100,100,0.2);
  border-radius: 50%;
  margin-right: 8px;
  -webkit-transition: all .1s;
  transition: all .1s;
  margin-top:-3px;
}


  a.color-tag:after {
  	-webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: -15px;
    background: #f2f2f2;
    padding: 5px 15px;
    color: #767676;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    white-space: nowrap;
    opacity: 0;
     /* At time of this creation, only Fx4 doing pseduo transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
  }
  a.color-tag:before {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid #f2f2f2;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    /* At time of this creation, only Fx4 doing pseduo transitions */
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
    opacity: 0;
    left:0px;
    bottom: 90%;
  }
  a.color-tag:hover:after {
    bottom: 120%;
  }
  a.color-tag:hover:before {
    bottom: 90%;
  }
  a.color-tag:hover:after, a:hover:before {
    opacity: 1;
  }

.post-getit {
  fill:#000000 !important;
  width:74px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0;
  transition: all 0.3s ease-in 0s; 
}

.post-thumbnail:hover .post-getit {
  opacity: 1;
  width:85px;
}

.post-thumbnail:hover .post-getit-featured {
  opacity: 1;
  width:150px;
}

.post-getit-featured {
  fill:#000000 !important;
  width:130px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0;
  transition: all 0.3s ease-in 0s; 
}


	.get-it-style0{  	
		fill:	none;
		fill-rule:	evenodd;
	}
	.get-it-style1{
		fill:	#ffffff;
	}

.paypal-donations {
 text-align:center; 
}

.color-tag:hover {
  border: 2px solid gray;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}