/* @override http://sebastian-hartz.de/web/css/button.css */

@charset "utf-8";

/* CSS Document */



/**

	Gridz Site Template

 	Copyright (c) 2013, Pophonic 



	Author: Pophonic

	Profile: themeforest.net/user/pophonic

	

**/



/* ===== Button ===== */



.large-button {

	width: 195px;

	height: auto;

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	font-weight: 600;

	color: #ffffff;

	text-align: center;

	background-color: #981100;

	padding: 12px;

	border-radius: 5px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.dark-button {

	background-color: #1e1e1e;

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.large-button:hover,

.work-button:hover,

.readmore-button:hover {

	background-color: black;

}



.dark-button:hover {

	background-color: black;

}



.work-button {

	width: 140px;

	height: auto;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	font-weight: 400;

	color: #ffffff;

	text-align: center;

	background-color: #00aaaa;

	padding: 10px;

	border-radius: 5px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.readmore-button {

	width: 107px;

	height: auto;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	font-weight: 400;

	color: #ffffff;

	text-align: center;

	background-color: #00aaaa;

	padding: 5px 10px;

	border-radius: 5px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



/* ===== End ===== */