@import url('https://fonts.googleapis.com/css?family=Rubik');

body {
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	color: #484848;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Rubik', Helvetica;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.2px;
  color: #484848;
}


h1 {
	font-size: 2.0em !important;
}

h2 {
	font-size: 1.8em !important;
}

h3 {
	font-size: 1.5em !important;
}

h4 {
	font-size: 1.2em !important;
}

h5 {
	font-size: 1.0em !important;
}


.backend-header {
	font-size: 2.0em;
}

.fw-400 {
	font-weight: 400 !important;
}

.p-subheader {
	font-size: 18px;
}

.fw-700 {
	font-weight: 700 !important;
}

.icon-color { 
	color: #007bff;
}

.icon-color-success {
	color: #28a745;
}

.btn {
	font-family: 'Rubik', Helvetica;
	cursor: pointer !important;
}

.btn-nav {
	color: white !important;
}

.btn-xl {
	line-height: 2.0em;
}

.btn-contrast {
	background-color: #ff007b;
	color: #fff;
}

.btn-contrast:hover {
	color: #f9f9f9;
}

.navbar {
	font-family: 'Rubik', Helvetica !important;
}

.navbar-brand {
	font-family: 'Rubik', Helvetica !important;
	font-size: 20px !important;
	font-weight: 700;
	letter-spacing: 1.2px;
}

.navbar-light {
	color: #3c3c3c !important;
	background-color: #fff !important;
	-webkit-box-shadow: 0 2px 7px -7px #999;
	-moz-box-shadow: 0 2px 7px -7px #999;
	box-shadow: 0 6px 7px -7px #999;
}

.i-logo {
	color: #0069d9 !important;
}

.set-white-text {
	color: white !important;
}

.set-blue {
	color: #0069d9 !important;
}

.set-background-blue {
	background-color: #0069d9 !important;
}

.set-background-light-grey {
	background-color: #f8f8f8 !important;
}

.set-background-light-green {
	background-color: #B3FF6B !important;
}

.hero {
	padding-top: 16%;
	position: relative;
	background: #fff no-repeat center center;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

	width: 100%;
	height: 600px;
	display: inline-block;
	z-index: 1;
}

.hero-overlay {
	position: absolute;
	z-index: 0;
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.60);
}

.hero-header {
	padding-top: 0 !important;
	/*font-weight: 700;*/
	font-style: normal;
	font-size: 44px;
	color: white;
}

.hero-subheader {
	font-weight: 300;
	font-size: 20px !important;
	line-height: 1.0em;
	color: white;
}


.hero-subheader-color {
	font-weight: 400;
	font-size: 30px !important;
	line-height: 1.0em;
	/*color: #3c3c3c;*/
}

.profile-picture {
	width: 200px;
}


.paragraph {
	padding-bottom: 20px;
}


.nav-transcribe {
	background-color: #0069d9;
	color: white !important;
}

.tile {
	padding-right: 5px; 
	padding-top: 5px;
}

.img-tile {
	padding-top: 4px !important;
	width: 250px;
	height: 250px;
}

.img-tile-search {
	padding-top: 4px !important;
	width: 150px;
	height: 150px;
}

.centered {
	text-align: center;
}


.pl-5 {
	padding-left: 5px;
}


.pl-10 {
	padding-left: 10px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-50 {
	padding-left: 50px;
}

.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-80 {
	padding-top: 80px;
}


.pb-0 {
	padding-bottom: 0px !important;
}

.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}


.pb-20 {
	padding-bottom: 20px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-80 {
	padding-bottom: 80px;
}


.card,
.card-body,
.card-header,
.card-img-top {
	border-radius: 0 !important;
}

.navbar-toggle {
	border-radius: 0 !important;
}

.form-control {
	border-radius: 0 !important;
}

.btn {
	border-radius: 0 !important;
}



/*CUSTOM SWITCH */
.switch {
  position: relative;
  display: inline-block;
  width: 39px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 6px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 36px;
}

.slider.round:before {
  border-radius: 50%;
}

.icons-landing-page {
	width: 10% !important;
}

/* Images, black and white it up. */

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


/* This is for the pricing stuff */
.pricing-promo-header {
	background: #28a745;
}

.pricing-promo-header-text {
	font-weight: 700;
	color: white !important;
	margin-bottom: 0em;
}

.border-success {
	border-color: #28a745;
}