*,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; } }
/* paragraph end */ 
/* colors start / */
/* Background Neutral color  */
.bg-ts-primary-light{ background-color: #EBF5FF !important; }
/* Background Neutral color  */
/* Background Primary color  */
.bg-ts-primary-50{ background-color: #2a5aac50 !important; }
.bg-ts-primary{ background-color: #2A59AC !important; }
.bg-ts-secondary{ background-color: #E1050D !important; }
.bg-ts-tertiary{ background-color: #F8F8F8 !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; }
.rounded-16{ border-radius: 16px !important; }
/* text-ts end  */
.text-ts-card-title{
	font-size: 1.3rem;
	font-family: "Poppins", sans-serif;
	margin-bottom: 8px;
}
.text-ts-card-subtitle{
	font-size: 0.875rem;
	margin-bottom: 8px;
}
.text-ts-card-body{
	font-size: 1rem;
	margin-bottom: 8px;
}
.ts-card-img{ 
	width: 100%;
	height: 200px !important;
	background-size: cover;
    object-fit: cover; 
}
.text-ellipsis{
	text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.summary-text{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grp-text-ellipsis{
	overflow: hidden;
    max-width: 16ch;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.grp-chat-ellipsis{
	overflow: hidden;
    max-width: 24ch;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* border section */
.border-ts-primary{ border: 1px solid #E5E5E5 !important; }
.border-ts-secondary{ border: 1px solid #2A59AC !important; }
.border-dashed{ border-style: dashed !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 */
/* shadow  */
.shadow-small{ box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1) !important; }
.shadow-medium{ box-shadow: 0px 4px 6px -1px rgba(16, 24, 40, 0.1), 4px 2px 4px -2px rgba(16, 24, 40, 0.1); }
.shadow-large{ box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1); }
.shadow-xlarge{ box-shadow: 0px 20px 25px -5px #1018281A, 0px 8px 10px -6px #1018281A; }
.shadow-xxlarge{ box-shadow: 0px 25px 50px -12px rgba(16, 24, 40, 0.25); }
/* shadow */
/* input/select field */
input[type="text"]:focus, input[type="text"]:focus-visible {
	border-color: #ced4da;
	box-shadow: none;
}
.form-select:focus{
	border-color: #ced4da !important;
	box-shadow: none !important;
}
.form-control:not(.validation-failed):focus{
	border-color: #E5E5E5 !important;
	box-shadow: none !important;
}
.btn-check:focus+.btn, .btn:focus{ box-shadow: 0 0 0 0.25rem #c6f8e740 !important; }
.form-check-input:checked{
    background-color: #2A59AC !important;
    border-color: #2A59AC !important;
}
.accordion-button:not(.collapsed){ background-color: transparent !important; }
.accordion-button: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;border: 1px solid #2A59AC !important; }
ul.match-type-tab li.nav-item .nav-link.active{ background-color: #EBF5FF !important;color: #2A59AC !important;border: 1px solid #2A59AC !important; }
.successful-logo{ width: 200px;height: 200px; }
.game-center-logo{ width: 150px;height: 150px; }
.notification-logo{ width: 50px; height: 50px; }
.logo{ width: 100px; height: 100px; }
.bottom-28{ bottom: -28px; }
.min-height-400{ min-height:400px; }
.table-profile-pic{ width: 32px; height: 32px; }
.profile-pic{ width: 48px; height: 48px; }
.event-card-bg{ background-image: linear-gradient(0deg, #ffffff,#E3DED7b5,#ffffff) !important; }
.notification.dropdown-menu{ width: 450px; }
@media screen and (max-width:576px) {
	.notification.dropdown-menu{ width: 320px; }
	.successful-logo{ width: 150px;height: 150px; }
	.game-center-logo{ width: 80px;height: 80px; }
	.bottom-28{ bottom: -14px; }
	.min-height-400{ min-height:300px; }
}
@media screen and (max-width:376px) { .notification.dropdown-menu{ inset: 0px auto auto -238px !important;} }
.badge-gradient{ background-image:linear-gradient(90deg,#C71222,#FF4858,#B91221) !important; }
/* tab forum category section */
.sports-tab .nav-link.active,.sports-tab.nav-pills .nav-link.active{
	color: #171717 !important;
	border-bottom: 3px solid #171717 !important;
	font-weight: 600 !important;
	background-color: #ffffff !important;
}
.sports-tab .nav-link{
	background-color: #ffffff;
	font-weight: 400 !important;
	color: #171717 !important;
}
.tab-forum-img{
	width: 100%;
	height: 120px !important;
	border-radius: 4px;
	object-fit: cover;
	background-size: contain;
	background-image: radial-gradient(closest-side at 50% 50%, hsla(223, 33%, 4%, 0.459),rgba(0, 0, 0, 0));
}
/* tab forum category section */
/* 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; }
/* my account */
.img-overlay{
	background-image:linear-gradient(90deg,#07090e7a,#07090e7a);
	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;
}
.card.interview .play-icon{
    background-image: url(https://townsol.org/wp-content/themes/briquetheme/images/play.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
/* competition,artisan,entrepreneur,suggestions,likes */
.rotating { animation: rotate 2s linear infinite; }
@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* Rotate arrow-clockwise icon in load more button */
/* 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; }
.accomplish-profile .card .bg-photo{
	height: 100px;
    background-position: center;
    background-size: cover;
	border-radius: 8px 8px 0 0;
}
.accomplish-profile .card .profile-image{
	overflow: hidden;
    border-radius: 100%;
	margin: -74px 0 0 24px;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
}
/* Form submit loader */
.loading-overlay {
	display: none;
	background: rgba(255, 255, 255, 0.7);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9998;
	align-items: center;
	justify-content: center;
}

.loading-overlay.is-active { display: flex; }