/* CSS Document */

/*https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2*/
/* a subtle focus style for keyboard-input elements */
.text-input:focus {
  outline: 1px solid #aaa; /* Adjust to suit your tastes */
}

/* no outline for non-keyboard-inputs elements */
button:focus,
select:focus,
a:focus {
  outline: none;
}

body.user-is-tabbing *:focus {
  outline: 2px solid #7AACFE !important; /* for non-webkit browsers */
  outline: 5px auto -webkit-focus-ring-color !important;
}

a.btn {
	display: inline-block; 
	border-radius: 5px;
	transition: 0.5s ease all;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px; 
	letter-spacing: 1px;
	padding: 15px 25px; 
}

a.btn:hover {
	text-decoration: none; 
}


a.text-btn {
	display: block; 
	color: #00aeef;
	font-size: 18px; 
	line-height: 20px; 
	letter-spacing: 1px;
	transition: 0.5s ease all;
	text-transform: uppercase; 
}

a.text-btn:hover,
a.text-btn:focus,
a.text-btn:active {
	text-decoration: none; 
	color: #fff; 
}

a.btn-blue {
    background: #0089d0;
    color: #fff;
}

a.btn-blue:hover {
    background: #0060af;
    color: #fff;
}


a.btn-1 {
	background: #0089d0; 
	color: #fff;
	border-radius: 0;
	padding: 12px 25px;
	font-size: 16px; 
}

a.btn-1:hover {
	background: #00aeef; 
	color: #fff; 
}


a.btn-2 {
	background: #0060af; 
	color: #fff;
	border-radius: 0;
	padding: 12px 25px;
	font-size: 16px; 
}
a.btn-2:hover {
	background: #00aeef; 
	color: #fff; 
}


a.btn-3 {
	background: #006b6b; 
	color: #fff;
	border-radius: 0;
	padding: 12px 25px;
	font-size: 16px; 
}
a.btn-3:hover {
	background: #01a490; 
	color: #fff; 
}


a.btn-light-blue {
    background: #00aeef;
    color: #fff;
}

a.btn-light-blue:hover {
    background: #0089d0;
    color: #fff;
}

a.btn-white {
    background: #fff;
}

a.btn-white:hover {
    color: #fff;
}


a.btn-purple-lt {
    background: #c6168d;
    color: #fff;
}
a.btn-purple-lt:hover {
    background: #92278f;
    color: #fff;
}

a.btn-purple-md {
    background: #92278f;
    color: #fff;
}
a.btn-purple-md:hover {
    background: #5c2e91;
    color: #fff;
}

a.btn-purple-dk {
    background: #5c2e91;
    color: #fff; 
}
a.btn-purple-dk:hover {
    background: #c6168d;
    color: #fff;
}