body { font-family: 'Raleway', sans-serif; }

a,a:hover
{
	color: #ee03b6;
	text-decoration: none;
}

.navbar-dark .navbar-nav .nav-link,.dropdown-item
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: rgba(255,255,255,.5);
	text-transform: uppercase;
	font-size: 0.9rem;
	text-align: center;
}

.navbar-expand-xl .navbar-nav .dropdown-menu { background: #32c5d2; }

.dropdown-item:focus, .dropdown-item:hover
{
	background: #ee03b6;
	color: #fff;
}

.slider-caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.slider-caption h4 { font-size: 1rem; }

.btco-menu li > a
{
	padding: 10px 15px;
	color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus
{
	background: transparent;
	outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after { transform: rotate(-90deg); }
.noborder { border: 0px; }
.purp-border { border-color: #93278F; }
.noradius { border-radius: 0px; }
.bg-purple { background: #93278F; }
.bg-lightblue { background-color: #32c5d2; }
.bg-pink { background: #ee03b6; }
.bg-karma { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }
.text-shadow { text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.7); }

.karma
{
	background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-purple { color: #93278F; }
.text-pink { color: #ee03b6; }
.text-lightblue { color: #32c5d2; }
.text-white { color: #fff; }

.img-grayscale
{
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.img-invert { filter: invert(100%); }

.btn-purple
{
	background-color: #7f34a4;
	border-color: #7f34a4;
	color: #fff;
}

.btn-purple:hover
{
	color: #7f34a4;
	background-color: #fff;
}

.btn-outline-purple
{
	background-color: transparent;
	border-color: #7f34a4;
	color: #7f34a4;
}

.btn-outline-purple:hover
{
	color: #fff;
	background-color: #7f34a4;
}

.btn-lightblue
{
	background-color: #32c5d2;
	border-color: #32c5d2;
	color: #fff;
}

.btn-lightblue:hover
{
	color: #32c5d2;
	background-color: #fff;
}
.form-control:not(.bootstrap-select) {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  width:100%;
}
textarea.form-control{
height:auto !important;
}

.form-control:focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.form-control:invalid {
  border-color: #fa755a;
}

.form-control:webkit-autofill {
  background-color: #fefde5 !important;
}
.f-box-heading-white
{
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,.15);
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 10px 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	display: table;
}

.f-box-heading-dark
{
	border: 1px solid rgba(0,0,0,.15);
	color: #000;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 10px 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	display: table;
}

.raleway { font-family: 'Raleway', sans-serif; }
.montserrat { font-family: 'Montserrat', sans-serif; }
.f-400 { font-weight: 400; }
.f-700 { font-weight: 700; }
.f-900 { font-weight: 900; }
footer.bg-lightblue a { color: #fff; }

.error
{
	color: red;
	text-transform: uppercase;
}

/*post list*/
.post-single
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

.breadcrumb-item a { vertical-align: middle; }

/* social sharing */
.share-buttons
{
	padding: 0px;
	list-style-type: none;
}

.share-buttons li
{
	list-style-type: none;
	display: inline-block;
}

.share-buttons li a
{
	font-size: 24px;
	color: #444;
}

@media (min-width:768px)
{
	.slider-caption h4 { font-size: 1.5rem; }
}

@media (max-width:1024px)
{
	.navbar-dark .navbar-nav .nav-link
	{
		font-size: 1rem;
		padding-left: 0.3rem;
		padding-right: .3rem;
	}
}

@media print
{
	a[href]:after { content: ""; }
}

.ada-bar a
{
	font-size: 16px;
	color: #444;
}
