*,html{
	font-size: 16px;
	line-height: 1.4em;
}
@media screen and (max-width: 576px) { *,html{ font-size: 14px; } }
body{ 
	font-family: "Poppins", sans-serif;
	color: #171717 !important;
}
a{ color: #171717 !important; text-decoration: none !important; }
small{ font-size: 0.75rem; }
.section-padding{ padding: 64px 0; }
@media screen and (max-width:992px) { .section-padding{ padding: 48px 0; } }
@media screen and (max-width:576px) { .section-padding{ padding: 32px 0; } }
/* font css start  */
.fw-medium{ font-weight: 500; }
/* h1 to h6 css  */
h1,h2,h3,h4,h5,h6{ font-family: "Poppins", sans-serif; }
p{ font-family: "Montserrat", sans-serif !important; }
.page-heading{ font-size: 2rem;  }
.ts-h1{ font-size: 2.5rem; }
.ts-h2{ font-size: 2.25rem; }
.ts-h3{ font-size: 2rem; }
.ts-h4{ font-size: 1.75rem; }
.ts-h5{ font-size: 1.5rem; }
.ts-h6{ font-size: 1.25rem; }
@media screen and (max-width:576px) {
	.page-heading{ font-size: 1.5rem; }
	.ts-h1{ font-size: 2rem; }
	.ts-h2{ font-size: 1.75rem; }
	.ts-h3{ font-size: 1.5rem; }
	.ts-h4{ font-size: 1.25rem; }
	.ts-h5{ font-size: 1rem; }
	.ts-h6{ font-size: 0.875rem; }
}
/* h1 to h6 css  */
/* paragraph start  */
.ts-p-large{ font-size: 1.25rem; }
.ts-p-medium{ font-size: 1.125rem; }
.ts-p-regular{ font-size: 1rem; }
.ts-p-small{ font-size: 0.875rem; }
.ts-p-xsmall{ font-size: 0.75rem; }
@media screen and (max-width:576px) {
	.ts-p-large{ font-size: 1.125rem; }
	.ts-p-medium{ font-size: 1rem; }
	.ts-p-regular{ font-size: 0.875rem; }
	.ts-p-small{ font-size: 0.75rem; }
	.ts-p-xsmall{ font-size: 0.75rem; }
}
/* font css end  */
.ts-section-margin{ padding: 64px auto; }
@media screen and (max-width:992px) { .ts-section-margin{ padding: 48px auto; } }
.ts-sm{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	background-color: lightgray;
}
/* paragraph end */ 
/* colors start / */
/* Background Neutral color  */
.bg-ts-primary-light{ background-color: #EBF5FF; }
/* Background Neutral color  */
/* Background Primary color  */
.bg-ts-primary{ background-color: #2A59AC !important; }
.bg-ts-secondary{ background-color: #E1050D !important; }
.bg-ts-dark{ background-color: #171717 !important; }
/* Background Primary color  */
/* text-ts start  */
.text-ts-primary{ color: #2A59AC !important; }
.text-ts-secondary{ color: #E1050D !important; }
.text-ts-dark{ color: #171717 !important; }
.text-ts-neutral{ color: #737373 !important; }
/* text-ts end  */	
.summary-text{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* border section */
.border-ts-primary{ border: 1px solid #E5E5E5 !important; }
.border-ts-secondary{ border: 1px solid #2A59AC !important; }
/* border section */
/* btn section */
.icon-btn{
	display: flex !important;
	align-items: center;
	gap:6px;
	line-height: 1.4em !important;
}
.icon-btn i{ line-height: 1.4em !important; }
/* btn section */
/* input/select field */
input[type="text"]:focus, input[type="text"]:focus-visible {
	border-color: #ced4da;
	box-shadow: none;
}
.form-select:focus{
	border-color: #ced4da;
	box-shadow: none;
}
.form-control:not(.validation-failed):focus{
	border-color: #2A59AC !important;
	box-shadow: 0 0 0 0.25rem #c6f8e740 !important;
}
.btn-check:focus+.btn, .btn:focus{ box-shadow: none !important; }
/* input field */
/* -------- Input number without arrows -------- */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
/* login page css */
ul.login li .domestic.active,ul.login li .international.active{ background-color: #2A59AC !important;color: #ffffff !important; }
.game-center-logo{ width: 150px;height: 150px;object-fit: cover; }
.bottom-28{ bottom: 28px; }
@media screen and (max-width:576px) {
	.game-center-logo{ width: 80px;height: 80px;object-fit: cover; }
	.bottom-28{ bottom: -14px; }
	.d-flex.vh-100{ height: 65vh !important; }
}
/* my account */
.my-acc li a.active{
	background-color: #EBF5FF !important;
	color: #2A59AC !important;
	font-weight: 600;
}
.my-acc li .collapse ul.child>li>a{ background-color: transparent !important; }
.artisan ul.nav-pills li a.nav-link.active{
	background-color: #008080 !important;
	color: #ffffff !important;
}
/* my account */
.img-overlay{
	background-image:linear-gradient(90deg,#07090e2e,#07090e2e);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute; 
	top:0;  
	bottom:0;
	right:0;
	left:0;
	width: 100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
/* my suggestions, my likes and for profile-picture modal */
.posts-list .post-img, .selected-profile-picture{ width: 150px; height: 150px; background-size: contain; object-fit: cover; }
@media (max-width:992px){ .posts-list .post-img{ width: 150px; height: 150px; } }
/* 
* Rotate arrow-clockwise icon in load more button
* (competition,artisan,entrepreneur,suggestions,likes)
*/
.rotating { animation: rotate 2s linear infinite; }
@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* header style */
.main-townsol-menu .navbar-nav .nav-item a.nav-link:hover{ color: #2A59AC !important; }
.main-townsol-menu .navbar-nav .nav-item a.nav-link.active{ color: #2A59AC !important;font-weight: 500; }
.dropdown-item.active, .dropdown-item:active{ background-color: #FFFFFF !important; color: #2A59AC !important; }
.offcanvas-start{ width: 85vw !important; }