/*----Colors----*/
:root {
	--gray:	  #b9b9b9;
	--yellow: #ffffa0;
	--green:  #6ABF63;
	--purple: #9c66ff;
	--red:	  #ff4d4d;
	--blue:	  #a0ffff; /*rgba(160, 255, 255) */
}

/*----General----*/
body {
	padding:0px;
	background: var(--blue);
	min-width: 270px;
}

div[class$="section"] {
	margin: 2rem auto 0;
	padding-left: 1em;
	padding-right: 1em;
}

.hide {
	display: none;
	visibility: hidden;
}

.content {
	background: white;
	padding-bottom: 2em;
}

h1, h2, h3, h4, h5, h6,
.subject-container button,
.nav-link,
.top-links {
	font-family: Georgia;
	text-align: center !important;
	font-weight: bold;
}

legend {
	font-family: Georgia;
	font-weight: bold;
	font-size: 1.125rem;
}

a {
	color: var(--purple);
}

a:hover {
	color: var(--red);
	text-decoration: underline !important;
}

.tos-pp-page a {
	color: var(--red);
}

.tos-pp-page a:hover {
	color: var(--purple);
	text-decoration: underline !important;
}

.fa-info-circle {
	margin-left: .25em;
	color: black;
}

p {
	font-size: 1.125em;
}

.btn {
	border-radius: 50px !important;
}

input.btn {
	border: 0px solid white !important;
}

main {
	background: white;
	position: absolute;
	margin-top: 6rem;
	padding-top: 2rem;
	top: 0;
	width: 100%;
	min-width: 270px;
}

@media only screen and (max-width: 767px){
	main {
		padding-top: 2rem;
	}
}

.no-break {
	white-space: nowrap;
}

label {
	width: 100%;
	font-weight: bold;
	font-family: Georgia;
	font-size: 1.25em;
	margin: .5em 0 0;
}

.required {
	font-weight: bold;
	font-family: Georgia;
}

.check-label {
	font-weight: bold;
	font-family: Georgia;
	padding: 0 1rem 0 .5rem;
}

form pre {
	margin: 0;
	padding: 0;
	color: black;
	font-weight: bold;
	font-size: 1.125em;
}

input,
select,
textarea {
	border: 1px solid black !important;
	border-radius: 5px !important;
}

select {
	border-radius: 5px 0 0 5px !important;
}

.multiple {
	height: 10.75em !important;
}

.fa-times {
	color: var(--red);
}

.fa-check {
	color: var(--green);
}

table [type="checkbox"] {
	height: 1.75rem;
	width: 1.75rem;
	padding: 0;
	margin: 0;
}

#result {
	position: fixed;
    z-index: 99999;
	top: calc(50vh - 6em);
	left: 0;
    width: 100%;
	margin: 0 auto;
    text-align: center;
    background: aqua;
    font-weight: bold;
    font-family: Georgia;
	color: black;
	cursor: pointer;
}

#result-perm span {
	color: #fff;
	font-family: sans-serif;
	font-size: .8rem;
	color: black;
	display: block;
}

/*----Header----*/
#header {
	background: linear-gradient(var(--blue) 6rem, rgba(0 0 0 / 0) 4rem);
	width: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
}

.header-container,
#header,
.navbar-brand,
.left-header,
.right-header {
	height: 6rem;
}

.left-header {
	width: 10rem;
	float: left;
}

.navbar {
	padding: 0 1rem !important;
}

.navbar-brand {
	width: 10rem;
	margin: 0;
}

.logo {
	width: auto;
	height: 10rem;
}

.right-header {
	float: right;
	padding-right: 1.25em;
}

.nav-link {
	color: black;
	white-space: nowrap;
}

#sign-up {
	background: CornflowerBlue;
	border-left: 3px solid CadetBlue;
	border-bottom: 3px solid CadetBlue;
	border-right: 3px solid CadetBlue;
	border-radius: 0 0 5px 5px;
}

#login {
	background: goldenrod;
	border-left: 3px solid Orange;
	border-bottom: 3px solid Orange;
	border-right: 3px solid Orange;
	border-radius: 0 0 5px 5px;
	margin-left: .75em;
}

#sign-up a,
#login a {
	color: white;
}

.not-top {
	position: absolute;
	top: 3.125rem;
}

.not-top:first-child {
	right: 15.2rem;
}

.not-top:nth-child(2) {
	right: 7.35rem;
	width: 8.1rem;
}

.not-top:nth-child(3) {
	right: 1rem;
	width: 6.6rem;
}


@media only screen and (max-width: 767px){
	.logo {
		height: 8rem;
	}
	
	.main-menu {
		padding: 0.25em 0 0 !important;
		margin-bottom: -1.5em;
	}
	
	.navbar-collapse {
		position: absolute;
		right: 0;
		top: 5em;
		width: 16rem !important;
		padding: 1rem .75em;
		margin: 0;
		background: var(--blue);
		z-index: 1;
	}
	
	.navbar-collapse .nav-link {
		text-align: left !important;
		padding-left: 1em;
	}
	
	.not-top {
		position: relative;
		top: auto;
		right: auto !important;
		width: auto !important;
	}
	
	.top-item {
		position: relative !important;
		right: 0 !important;
		top: 0 !important;
		border-radius: 0 !important;
		border: 0px solid var(--blue) !important;
		background: none !important;
	}
	
	#login {
		margin-left: 0;
	}
	
	.top-item a {
		color: black !important;
	}
}

.navbar-toggler {
	margin-left: calc(100% - 5rem);
	margin-top: 1.5rem;
}

.custom-toggler {
	border: 1px solid black;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 575px){
	.logo {
		height: 8rem;
	}
	
	.main-menu {
		padding: 0.25em 0 0 !important;
		margin-bottom: -1.5em;
	}
	
	.navbar-collapse {
		position: absolute;
		right: 0;
		top: 5em;
		width: 20rem !important;
		padding: 1rem .75em;
		margin: 0;
		background: var(--blue);
		z-index: 1;
	}
	
	.navbar-collapse .nav-link {
		text-align: left !important;
		padding-left: 1em;
	}
	
	.top-item {
		position: relative !important;
		right: 0 !important;
		top: 0 !important;
		border-radius: 0 !important;
		border: 0px solid var(--blue) !important;
		background: none !important;
	}
	
	.top-item a {
		color: black !important;
	}
}

.search-options {
	width: 100%;
}

.search-options .navbar-nav {
	position: absolute;
	right: 0;
	top: 3.5em;
}

.search-options .nav-link {
	border-radius: 50px;
	margin: .25rem;
	padding: .25rem .5rem;
	background: rgba(23 162 184 / .25);
	white-space: nowrap;
	font-size: .8rem;
}

.search-options .nav-link:hover {
	background: rgb(23 162 184);
}

/*----Footer----*/
.footer {
	background: var(--blue);
	color: black;
	line-height: 100%;
	padding: .75em 0;
}

.footer p {
	padding: 0;
	margin: 0;
}

.footer a {
	color: var(--purple);
}

/*----Modals----*/
.modal-header {
	border-bottom: 1px solid #ababab;
}

.modal-footer {
	border-top: 1px solid #ababab;
}

/*----Home----*/
.home-page {
	padding-top: 0;
}

.alert-container {
	position: absolute;
	top: 2em;
	width: 100%;
	z-index: 999;
}

.home-page .alert {
	z-index: 99;
	margin: 0 auto;
	max-width: 30em;
}

.subject-container {
	text-align: center;
}

.subject-container button {
	width: 174px;
	border-radius: 50px;
	margin: .125em;
	white-space: nowrap;
}

#subjects {
	text-align: center;
}

#subjects form {
	margin: 0 auto;
	text-align: center;
}

button[name="chosen_subject"] {
	border-radius: 50px;
	border: 0px solid white;
	padding: .125em .5em;
	margin: -.25em .25em .25em;
	font-family: Georgia;
	font-size: 1em;
}

#topic-list {
	position: relative;
	background: white;
	padding: 0;
	margin: 1em 0 0 0;
}

.sub-link:hover {
	color: var(--red);
	text-decoration-color: var(--blue);
}

.advantages-section img,
.how-it-works-section img {
	width: auto;
	height: 6em;
}

.advantage,
.how-it-works-section {
	text-align: center;
}

.advantage ul {
	list-style-type: none;
}

.for-tutors img,
.for-students img {
	padding-top: 1em;
}

.for-tutors p,
.for-students p {
	padding-bottom: 2em;
}

.for-students {
	border-right: 2px dashed var(--gray);
}

.for-tutors {
	border-left: 2px dashed var(--gray);
}

@media only screen and (max-width: 575px){
	.for-students,
	.for-tutors {
		border: none;
	}
}

/*--Slides--*/
#carousel-section {
	background: var(--blue);
	padding: 0 !important;
}

#carousel {
	text-align: center;
	max-height: calc(100vh - 6em);
	overflow: hidden;
	padding: 0 !important;
}

.carousel-inner img {
	max-width: 100vw;
	width: 100%;
	height: 56.25%;
	margin: 0 auto;
}

.caption-container {
	width: 100vw;
	background: linear-gradient(to right, rgba(0 0 0 / 0), rgba(160 255 255 / .5), var(--blue), var(--blue));
}

.carousel-caption {
	top: calc(25vh - 6em);
	color: black;
	text-align: right;
	padding: 3em;
	height: fit-content;
	width: fit-content;
	right: 0;
}

.carousel-caption h1 {
	text-align: right !important;
	width: 15ch;
	float: right;
	text-shadow: 0px 0px 5px white, 0px 0px 10px var(--blue);
}

.carousel-caption span {
	color: purple;
}

@media only screen and (max-width: 575px){
	.carousel-inner img {
		object-fit: cover;
		min-width: 270px;
	}
	
	.carousel-caption h1 {
		font-size: 2em;
		padding-top: 2em;
	}
	
	.carousel-caption {
		top: auto;
		left: 0;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-resolution: 192dpi) and (orientation: portrait){
	.carousel-caption {
		top: auto;
		bottom: 0;
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 400px){
	.carousel-caption h1 {
		font-size: 1.75em;
		padding-top: 4em;
	}
}

@media only screen and (max-width: 360px){
	.carousel-caption h1 {
		font-size: 1.25em;
		padding-top: 6em;
	}
}


/*----maps----*/
.county-link {
	padding: .5em;
	max-width: 33ch;
	width: auto;
}

.state-link {
	padding: 0 .5em;
}

.modal-body .row {
	margin: 0 !important;
	width: 100%;
}

.map-container {
	margin: 0 auto 1em;
	text-align: center;
}

.county-area-map,
.county-map {
	max-height: calc(100vh - 17.5em);
	max-width: 100%;
	height: auto;
	width: auto;
}
/*
.county-area-map[name="us-map"],
.county-map[usemap="#us-map"],
.county-area-map[name="ak-map"],
.county-map[usemap="#ak-map"],
.county-area-map[name="hi-map"],
.county-map[usemap="#hi-map"],
.county-area-map[name="ks-map"],
.county-map[usemap="#ks-map"],
.county-area-map[name="ky-map"],
.county-map[usemap="#ky-map"],
.county-area-map[name="md-map"],
.county-map[usemap="#md-map"],
.county-area-map[name="mt-map"],
.county-map[usemap="#mt-map"],
.county-area-map[name="nc-map"],
.county-map[usemap="#nc-map"],
.county-area-map[name="nd-map"],
.county-map[usemap="#nd-map"],
.county-area-map[name="ne-map"],
.county-map[usemap="#ne-map"],
.county-area-map[name="ok-map"],
.county-map[usemap="#ok-map"],
.county-area-map[name="pa-map"],
.county-map[usemap="#pa-map"],
.county-area-map[name="tn-map"],
.county-map[usemap="#tn-map"],
.county-area-map[name="va-map"],
.county-map[usemap="#va-map"] {
	max-width: 100%;
}
*/
@media only screen and (max-width: 575px){
	.modal-dialog {
		margin: 0;
	}
}

/*----TOS and PP----*/
@media only screen and (max-width: 991px) {
	.tos-pp-page {
		padding-top: 2rem;
	}
}

h1#pp {
	padding-top: 11rem;
	margin-top: -10rem;
}

/*----Results----*/
.tutor-results-section {
	padding-top: 1em;
}

.page-link {
	max-height: 2.5rem;
	height: 2.5rem;
	min-height: 2.5rem;
}

#countys-pot,
#topic-pot {
	display: none;
}

.tutor-results-section .card-deck {
	justify-content: center;
}

.tutor-results-section .card {
	max-width: 260px !important;
	min-width: 260px !important;
	height: 600px;
	border-radius: 10px;
	border: 1px solid black;
	margin: .25rem !important;
	padding: .25rem !important;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.tutor-results-section .card {
		min-width: 100% !important;
		width: 100% !important;
	}
}

.tutor-name {
	min-height: 2em;
	padding: 0;
	margin: 0;
}

.tutor-info {
	height: 7.5em;
}

.card img {
	padding: .5em;
	max-height: 250px;
	max-width: 250px;
}

.tutor-results-section .card-body {
	padding: .5em;
}

.tutor-results-section .card h5 {
	padding: 0;
	margin: 0;
}

.tutor-results-section .card p {
	padding: 0;
	margin: 0;
	line-height: 120%;
	font-size: 1em;
}

.tutor-results-section .card p strong {
	font-family: Georgia;
	padding: 0;
	margin: 0;
}

.flip-card-front {
	text-align: center;
}

.socials {
	margin: .125rem 0 0;
	text-align: center;
}

.card-badges,
.socials {
	font-size: 1.5rem;
	width: 100%;
}

.socials {
	height: 1.75em;
	padding-top: .125em;
}

.card-badges span {
	font-size: 1rem;
}

.card-badges img,
.socials .fa {
	padding: 0 .125em;
	height: 1.75em;
	width: auto;
}

.fa-phone-square {
	color: green !important;
}

.fa-envelope {
	color: purple !important;
}

.fa-globe {
	color: blue !important;
}

.fa-facebook-square {
	color: #4267B2 !important;
}

.fa-linkedin-square {
	color: #0077b5 !important;
}

.fa-twitter-square {
	color: #00acee !important;
}

.fa-instagram {
	color: #8a3ab9 !important;
}

.btn.contact-tutor {
	width: auto;
	margin: 0 auto .75rem;
}

.flip-card {
	background-color: transparent;
	perspective: 1000px;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 500px;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-back {
	transform: rotateY(180deg);
	padding: 0 .25em;
}

.card-back {
	width: 100%;
	height: 100%;
}

.card-back h5,
.card-back p {
	color: black;
}

.card-back:hover {
	text-decoration: none !important;
}

.additional-tutor-info {
	color: black;
	height: 420px;
	overflow: auto;
}

.additional-tutor-info ul {
	padding-left: 1.25em;
}

.additional-tutor-info span {
	color: var(--red);
	float: right;
	font-size: .8em;
	position: absolute;
	right: .5em;
	bottom: .75em;
}

.flip-card-back-footer {
	text-align: center;
	bottom: 0;
	margin: 2rem auto 0 !important;
}

/*----Login Process Pages----*/
.login-page,
.profile-page,
.confirm-page,
.reset-password-page {
	padding-top: 4.5rem;
}

.login-page form,
.confirm-page form {
	max-width: 30em;
	margin: 0 auto;
}

/*----Sign Up----*/
.registration-alert {
    position: absolute;
    width: 100%;
    z-index: 999;
	top: 2em
}

.registration-alert .alert {
	z-index: 99;
	margin: 0 auto;
	max-width: 30em;
}

.registration-alert .btn-sm {
	padding-top: .1rem !important;
}

.become-tutor-page {
	padding-top: 4.5rem;
}

.become-tutor-page .small {
	padding: 0;
	margin: 0;
}

.availability {
	padding: 0;
	margin: 0 auto;
	width: 36.25em;
}

.availability .check-label {
	padding: 0;
	margin: 0:
}

.availability td {
	text-align: center;
	width: 3rem;
}

.availability .table-body td:first-child {
	text-align: right;
	width: 22rem;
}

#county1-pot,
#county2-pot,
#county3-pot,
#county4-pot {
	display: none;
}

.image {
	width: 100%;
}

.resume-option {
	display: inline-block;
}

.resume-file-upload.resume-option {
	width: calc(100% - 5.125rem);
}

.btn.resume-option {
	height: 34px;
	padding-top: .125rem;
}

.tabs-container {
	width: 100%;
	position: relative;
	display: block;
}

.resume-container .tablinks {
	color: black !important;
	font-weight: bold;
	font-family: Georgia;
	border-radius: 15px 15px 0 0;
	padding: .75rem;
	margin: 0;
	width: 50%;
	border: 0;
	background: #28a745;
}

.resume-container .tablinks:hover {
	background: #17a2b8;
}

.enterResume-btn {
	float: left;
	position: relative;
	display: block;
}

.uploadResume-btn {
	float: right;
	position: relative;
	display: block;
}

.resume-container .tablinks.active {
	color: white !important;
	background: #007bff;
}

#enterResume,
#uploadResume {
	padding-top: 4rem;
}

.tabcontent {
	border-right: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	border-radius: 15px 15px 0 0;
}

#add-tutor {
	display: none;
}

.img-container h6 {
	text-align: left !important;
}

.dos {
	color: #228b22;
}

.do-nots {
	color: #8b2222;
}

.price-message {
	font-size: 1rem;
	padding-bottom: .75rem !important;
}

.price-message {
	animation: blinker 1s linear infinite alternate;
}

@keyframes blinker {
	0%{opacity: 0;}
	50%{opacity: .5;}
	100%{opacity: 1;}
}

.svc h5,
.purchase-page p {
	padding: 0;
	margin: 0;
}

.svc p {
	text-align: center;
	font-family: Georgia;
}

.svc-included {
	border-radius: 30px 30px 0 0;
	border-top: 5px solid white;
	margin-top: 2rem;
}

.basic-membership,
.silver-membership,
.gold-membership {
	border-radius: 30px 30px 0 0;
	border-style: solid;
	border-width: 5px;
	margin-top: 2rem;
}

.basic-membership {
	border-color: brown;
}

.btn.basic-purchase {
	background: brown;
	color: white;
	border: 2px solid #781E1E;
}

.basic-membership .svc-heading {
	background: brown;
	color: white;
}

.silver-membership {
	border-color: silver;
}

.silver-membership .svc-heading {
	background: silver;
}

.btn.silver-purchase {
	background: silver;
	color: black;
	border: 2px solid #767171;
}

.gold-membership {
	border-color: goldenrod;
}

.gold-membership .svc-heading {
	background: goldenrod;
}

.btn.gold-purchase {
	background: goldenrod;
	color: black;
	border: 2px solid #BB8D1B;
}

.caveats {
	padding-left: 1rem;
}

.basic-membership:hover,
.silver-membership:hover,
.gold-membership:hover {
	box-shadow: 0 0 2em black, 0 0 4rem dimgray;
	z-index: 9999;
}

.silver-membership.disabled,
.gold-membership.disabled {
	opacity: 0.5;
}

.silver-membership.disabled:hover,
.gold-membership.disabled:hover {
	box-shadow: 0 0 0 white;
	z-index: 0;
}

.basic-membership form,
.silver-membership form,
.gold-membership form {
	margin: 0;
	padding: 0;
}

.svc {
	border-bottom: 1px solid black;
	padding: .5rem .5rem;
	min-height: 2.75rem;
}

.svc-heading,
.svc-footing {
	border-bottom: 0px solid;
}

.svc-heading {
	padding: 1rem 0;
	height: 7rem;
	border-radius: 20px 20px 0 0;
}

.svc-heading h5 {
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.svc-heading p {
	line-height: 130%;
}

.svc span {
	display: none;
}

.svc-included {
	border-color: white;
}

.svc:nth-of-type(5) {
	min-height: 65px;
}

.svc:nth-of-type(5) p {
	padding-top: .75rem;
}

.svc-footing .btn {
	font-weight: bold;
	padding: .125em 1.25em .25em;
	letter-spacing: 1px;
}

.svc-footing .btn:hover {
	box-shadow: 0 0 1em black, 0 0 2rem dimgray;
}

.disabled .svc-footing .btn:hover {
	box-shadow: 0 0 0 white;
}

@media only screen and (max-width: 1199px){
	.svc:nth-of-type(4) {
		min-height: 89px;
	}
	
	.svc:nth-of-type(4) p {
		padding-top: 1.5rem;
	}
}

@media only screen and (max-width: 991px){
	.svc:nth-of-type(3) {
		min-height: 65px;
	}
	
	.svc:nth-of-type(3) p {
		padding-top: .75rem;
	}
	
	.svc:nth-of-type(4),
	.svc:nth-of-type(5)	{
		min-height: 89px;
	}
	
	.svc:nth-of-type(4) p,
	.svc:nth-of-type(5) p {
		padding-top: 1.5rem;
	}
}

@media only screen and (max-width: 767px){
	.svc {
		min-height: 80px !important;
	}
	
	.svc p {
		padding-top: 0 !important;
	}
}

@media only screen and (max-width: 767px){
	.svc-included {
		display: none;
	}
	
	.svc {
		padding: .75rem .5rem !important;
		min-height: auto !important;
	}
	
	.svc span {
		display: block;
	}
}

.svc .profile-badge {
	height: 2.5rem;
	width: auto;
	margin: -.4rem 0 -.5rem;
}

/*--Price Toggle--*/
.priceToggle-text {
	display: inline-block;
	margin: .5rem 0 0;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin: 0;
	padding: 0;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--purple);
	-webkit-transition: .4s;
	transition: .4s;
}

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

input:checked + .slider {
	background-color: var(--green);
}

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

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

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

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

/*----Cancel Page----*/
#progressBar {
	width: 100%;
}

/*----Tutor Profile----*/
.ratings {
	margin: -.5em auto 1em;
	text-align: center;
	width: 145px;
	height: auto;
}

.ratings img {
	width: 150px;
	height: auto;
	box-shadow: 5px 5px white inset, -5px -5px white inset;
}

.tutor-img {
	width: 13em;
	height: auto;
}

.resume-button {
	margin: .75em auto;
}

.show-resume-file {
	width: 100%;
	min-height: 90vh;
	overflow: auto;
}

.tutor-profile-section .socials {
	margin: .125rem 0 0;
	text-align: left;
}

.tutor-profile-section td {
	border: 1px solid black;
}

.tutor-profile-section .final-row div {
	margin: 1em auto 0;
}

.ratings-table {
	margin: 1em;
}

.ratings-table .table-header {
	font-weight: bold;
	text-align: center;
}

.ratings-table .table-header a {
	color: black !important;
}

.ratings-table .table-header a:hover {
	text-decoration: none !important;
}

.ratings-table td:first-child {
	width: 10ch;
	text-align: center;
}

.ratings-table td:last-child {
	width: 13ch;
	text-align: center;
}

#reviews {
	margin-top: -10em;
	padding-top: 10em;
}

/*----Logged In Profile Page----*/
.card-link {
	font-family: Georgia;
	width: 100%;
	display: block;
	font-weight: bold;
}

.profile-page .card {
	border: 1px solid black !important;
	margin-bottom: .75em;
}

.profile-page .card-body {
	border-top: 1px solid black !important;
}

.profile-page .ratings-table {
	margin: 0;
}

.profile-page td {
	border: 0px solid black;
	padding: .25rem .25rem 0;
	margin: 0;
}

.profile-page .ratings-table td {
	border: 1px solid black;
}

.profile-page #reviews {
	margin-top: -10.75em;
	padding-top: 10.75em;
}

.profile-page .card-badges img {
	display: inline-block;
	margin-top: 1.25rem;
}

.logout-btn {
	position: absolute;
	bottom: .75rem;
	right: calc(50% - 41.625px);
	width: 83.25px;
	margin: .75em .25em;
}

@media only screen and (max-width: 767px){
	.logout-btn {
		position: static;
	}
	
	.resume-button {
		margin: .75em .25em;
	}
}

#cancel-subscription {
	border: 0px solid white !important;
}

.livespell_textarea.ls_input {
	width: 100%;
	border: 1px solid black;
	border-radius: 5px;
}