/*
  Frontend Styles for Custom Buttom Plugin
*/


/*** Box ***/

.btn-box{
	display: inline-block;
	float:left;
	padding: 0;
	position: relative;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-o-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
	overflow: hidden;
}
.btnbox-wrap.col1 .btn-box{
	width: 100%;
	margin: 0 0 18px 0;
}
.btnbox-wrap.col2 .btn-box{
	width: 47%;
	margin: 0 3% 18px 0;
}
.btnbox-wrap.col2 .btn-box.second{
	margin-right: 0;
}
.btnbox-wrap.col3 .btn-box{
	width: 30%;
	margin: 0 3% 18px 0;
}
.btnbox-wrap.col3 .btn-box.third{
	margin-right: 0;
}

/*** @Media ***/


@media screen and (max-width: 680px){
	.btnbox-wrap.col3 .btn-box{
		width: 47%;
		margin: 0 3% 18px 0;
	}
}
@media screen and (max-width: 480px){
.btnbox-wrap.col1 .btn-box,
.btnbox-wrap.col2 .btn-box,
.btnbox-wrap.col3 .btn-box{
	width: 95%;
	margin: 0 0 18px 0;
}

}


/*** Image and Link ***/

main .btn-box a,
#main .btn-box a {
	border: none !important;
	text-decoration: none !important;
}

main .btn-box img,
#main .btn-box img{
	border: none;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-o-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
	width: 100%;
	margin:0;
	padding:0;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;	
}

main .btn-box img:hover,
#main .btn-box img:hover{
	border: none;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-o-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
	width: 100%;
	margin:0;
	padding:0;
}


/**** Title ***/

.btn-box .btn-title{
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin-top: 10px;
	padding: 10px 0 10px 0px;
	font-size: 1em;
	text-align: center;
	z-index: 0;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.btn-box.overlay .btn-title{
	background-color: rgba(0,0,0,0.5);
	color: rgba(255,255,255,0.85);
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 0;
}
.btn-box a:hover .btn-title,
.btn-box a:focus .btn-title{
	/*text-decoration: underline;*/
	color: #fff;
}

.btn-box.overlay a .btn-title,
.btn-box.overlay a .btn-title,
.btn-box.overlay a img,
.btn-box.overlay a img{

	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.btn-box.overlay a:hover .btn-title,
.btn-box.overlay a:focus .btn-title{
	/*padding-left: 15px;*/
	background-color: rgba(0, 99, 65,.7);
	transform: scale(1.1);	
	-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari and Chrome */
-o-transform: scale(1.1); /* Opera */
-moz-transform: scale(1.1); /* Firefox */
	font-size: 1em;
}


.btn-box.overlay a:hover img,
.btn-box.overlay a:focus img{
	/*padding-left: 15px;*/
	background-color: rgba(0, 99, 65,.7);
	-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari and Chrome */
-o-transform: scale(1.1); /* Opera */
-moz-transform: scale(1.1); /* Firefox */
	font-size: 1em;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}