/**
 * #.# Styles for CTA Block.
 *
 * CSS for both Frontend+Backend.
 */

 .bk-sticky {
	p,h3{margin: 0px !important}
	margin-top:2rem;
	margin-bottom:2rem;
	.bk-sticky-wrapper{
		  width: 16em;
		  padding: 2em;
		  min-height: 14em;
		  background: #f8de59;
		  position: relative;
		  filter: drop-shadow(3px 3px 10px rgba(0,0,0,0.8)); 
		.bk-sticky-head{margin-top:20px;}
	  }
	// .pin {
	// 		border-radius: 50%;
	// 		width: 20px;
	// 		height: 20px;
	// 		background: rgb(207, 46, 46);
	// 		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.55);
	// 		-moz-box-shadow: 0 3px 6px rgba(0,0,0,.55);
	// 		box-shadow: 0 3px 6px rgba(0,0,0,.55);
	// 		margin: 0 auto;
	// 		margin-top: -45px;
	// 	}	
	.pin {
		    margin: 0 auto;
		    width: 14px;
		    height: 14px;
		    -ms-transform: skew(20deg,10deg);
		    -webkit-transform: skew(20deg,10deg);
		    transform: skew(-22deg,30deg);
		    margin-top: -25px;
		    background-color: #f33;
		    background-image: -webkit-linear-gradient(top, rgba(100, 0, 0, 0), #ff5a5a);
		    background-image: -o-linear-gradient(top, rgba(100, 0, 0, 0), #ff5a5a);
		    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 0, 0, 0)), to(#ff5a5a));
		    background-image: linear-gradient(to bottom, rgba(100, 0, 0, 0), #ff5a5a);
		    border-radius: 100%;
		    -webkit-box-shadow: 0 0 0 1px #c00, inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 2px 2px rgba(0, 0, 0, 0.4);
		    box-shadow: 0 0 0 1px #c00, inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 2px 2px rgba(0, 0, 0, 0.4);
		    position: relative;
	  &:after {
		height: 15px;
		width: 2px;
		content:'';
		background: #aaa;
		display: block;
		position: absolute;
		z-index: -1;
		left: 5px;
		top: 100%;
		-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1), inset 1px 0 rgba(255,255,255,.3);
		-moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1), inset 1px 0 rgba(255,255,255,.3);
		box-shadow: 0 1px 2px 1px rgba(0,0,0,.1), inset 1px 0 rgba(255,255,255,.3);
	}	
	}
   }
	.bk-center{
		text-align: -webkit-center;
		text-align:-o-center;
		text-align:-moz-center;
	}
	.bk-right{
		text-align:-moz-right;
		text-align:-o-right;
		text-align:-webkit-right;
	}