/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*
.cta {
  background: #ff7720;
  background-image: -webkit-linear-gradient(top, #ff7720, #EE6300);
  background-image: -moz-linear-gradient(top, #ff7720, #EE6300);
  background-image: -ms-linear-gradient(top, #ff7720, #EE6300);
  background-image: -o-linear-gradient(top, #ff7720, #EE6300);
  background-image: linear-gradient(to bottom, #ff7720, #EE6300);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 5px #666666;
  -moz-box-shadow: 2px 2px 5px #666666;
  box-shadow: 2px 2px 5px #666666;
  color: #ffffff;
  font-size: 40px;
  padding: 15px 25px 15px 25px;
  text-decoration: bold;
border: 1px solid #fff;
}
 .cta:hover { 
  background: #EE6300;
  background-image: -webkit-linear-gradient(top, #EE6300, #ff7720);
  background-image: -moz-linear-gradient(top, #EE6300, #ff7720);
  background-image: -ms-linear-gradient(top, #EE6300, #ff7720);
  background-image: -o-linear-gradient(top, #EE6300, #ff7720);
  background-image: linear-gradient(to bottom, #EE6300, #ff7720);
  text-decoration: none;
*/
/*
.semi-transparent-button {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8px;
  width: 80%;
  max-width: 200px;
	border: 1px solid #fff;
  background: #fff; 
background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.3s ease-out;
}
.semi-transparent-button:hover,
.semi-transparent-button:focus,
.semi-transparent-button:active {
  background: #fff;
  color: #000;
  transition: all 0.5s ease-in;
}*/
.button {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 6px;
	box-sizing: border-box;
	border: 1px solid #000000;
	font-weight: bold;
	letter-spacing: .0625em;
	text-transform: uppercase;
	background: #ffffff;
	color: #080808;
	line-height: 1.8;
	align-items: flex-start;
	text-align: center;
	text-rendering: auto;
}

/* Add a rollover background colour but keep the text white */
.button:hover,
.button:focus,
.button:active {
	background: #b7b6cd;
	color: #fff;
	transition: all .5s ease-in;
}

.entry-content a:link,
.comment-content a:link,
.widget-area .widget a:link {
	color: #44BBFF;
}

.widget-area .widget a:visited,
.entry-content a:visited,
.comment-content a:visited {
	color: #44BBFF;
}

entry-content a:hover,
.comment-content a:hover,
.widget-area .widget a:hover {
	color: #1b47e8;
}

.button2 {
	display: block;
	padding: 12px 24px;
	border-radius: 6px;
	box-sizing: border-box;
	border: 0 solid;
	font-weight: bold;
	letter-spacing: .0625em;
	text-transform: uppercase;
	background: #F6F7F2;
	color: #080808;
	line-height: 1.8;
	align-items: flex-start;
	text-align: center;
	text-rendering: auto;
}

/* Add a rollover background colour but keep the text white */
.button2:hover,
.button2:focus,
.button2:active {
	background: #b7b6cd;
	color: #fff;
	transition: all .5s ease-in;
}