@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&display=swap');

/* #Primary
================================================== */

body{
  	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	overflow-x: hidden;
	transition: all 200ms linear;
	padding-bottom: 110px !important;
	margin-top:20px; /* doesnt appear to have effect */
    color: #1a202c;
    text-align: left;
}
::selection {
	color: rgb(29, 26, 26);
	background-color: #8167a9;
}
::-moz-selection {
	color: rgb(29, 26, 26);
	background-color: #8167a9;
}
.member-main-profile-container{
    margin-top: 100px;
    margin-bottom: 100px;
}

.dropdown-item:focus {
	color: black;
	background-color: black;
}

body.dark{
	color: #fff;
	background-color: #1f2029;
}
body.dark .navbar-brand img{
  filter: brightness(100%);
}
body.dark h1{
	color: #fff;
}
body.dark p{
	color: #fff;
    transition-delay: 0ms !important;
}
body.dark .bg-light {
	background-color: #14151a !important;
}
body.dark .start-header {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
body.dark .start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
body.dark .nav-link{
	color: #fff !important;
}
body.dark .nav-item.active .nav-link{
	color: #999 !important;
}
body.dark .dropdown-menu {
	color: #fff;
	background-color: #1f2029;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .dropdown-item {
	color: #fff;
}

body.dark .navbar-light .navbar-toggler-icon {
	border-bottom: 1px solid #fff;
}
body.dark .navbar-light .navbar-toggler-icon:after, 
body.dark .navbar-light .navbar-toggler-icon:before{
	background-color: black;
}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.login-dropdown-menu input {
    width: 270px;
    height: 35px;
}
.login-dropdown-menu {
    padding: 5px;
    margin: 5px;
}
.dropdown-icon-style{
	margin-left: 10px;
}

.main-user-info{
    border-style: solid;
    border-width: 0.05rem;
    border-radius: 10px;
    height: 500px;
    margin-right: 7px;
}
.main-user-feed{
    border-style: solid;
    border-width: 0.05rem;
    border-radius: 10px;
    height: 500px;
}
.profile-container{
    margin-top: 150px;
    margin-bottom: 20px;
}
.users-name{
    align-content: center;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding: 5px;
    border-bottom-style: solid;
    border-width: 0.05rem;
}
.user-profile-main-header{
	text-align: center;
	margin: 20px;
	font-family: 'Cinzel', serif !important;
	font-size: 40px !important;
	padding: 7px;
	color: grey;
    letter-spacing: .1em;
    text-shadow: 
      -1px -1px 1px #111, 
      2px 2px 1px #363636;
}
.user-profile-info{
	border-bottom: 2px solid grey;
	text-align: center;
	margin: 5px;
	font: 18px 'Cinzel', serif !important;
	padding: 5px;
}
.user-profile-primary-info{
	border-bottom: 2px solid grey;
	text-align: center;
	margin: 5px;
	font: 18px 'Cinzel', serif !important;
	padding: 5px;
}
.user-profile-secondary-info{
	border-bottom: 2px solid grey;
	text-align: center;
	margin: 5px;
	font: 18px 'Cinzel', serif !important;
	padding: 5px;
}
.user-profile-ytd-info{
	text-align: center;
	margin: 5px;
	font: 18px 'Cinzel', serif !important;
	padding: 5px;
	margin: auto;
}
.user-profile-divider{
	border-bottom: 5px solid grey;
	margin-top: 8px;
}
.end-of-profile-info-group{
	margin-bottom: 20px;
}
.profile-primary-button-group{
	margin-bottom: 10px;
}
.ecrp-profile-card{
	background-color: gray !important;
	color: white !important;
}
.card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
	border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}
.gutters-sm>.col, .gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}
.h-100 {
    height: 100%!important;
}
.shadow-none {
    box-shadow: none!important;
}
/* #Link to page
================================================== */

.logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 100;
	transition: all 250ms linear;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  filter: brightness(10%);
	transition: all 250ms linear;
}
body.dark .logo img {
  filter: brightness(100%);
}
.app-info-img{
	background-color: transparent;
}
.admin-portal-test{
	margin-top: 100px;
}

/* =============== Animations ====================
================================================== */
.btn:hover i.fa-gear {
    animation: spin 1s infinite linear;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}