/*
	Theme Name: Hello Elementor Child
	Template: hello-elementor
	Version: 1.0.0
	Text Domain: hello-elementor-child
*/

/* Add your custom CSS below */

/* Default (Desktop) */
html {
  font-size: 100%; /* 16px */
}
.book-card{
	width: 25%;
}

a{
	color: unset;
}

.header-menu-list a span{
    font-weight: 700 !important;
}

.header-menu-list a:hover span{
    text-decoration: underline;
}

.count{
	opacity: 0.8;
}

.book-terms a{
	text-decoration: underline;
	color: blue;
}

.breadcrumb-section{
	color: white;
}
.ellipse h6, .ellipse .elementor-heading-title{
  max-width: 30ch; /* limits to approximately 30 characters */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-container {
    max-height: 250px;
    overflow-y: scroll;
}

.filter-container [aria-pressed]::before{
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #c2c2c2;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    font-weight: bold;
    border-radius: 4px;
    box-shadow: 0px 4px 12px 0px #c8c8c878;
	cursor: pointer;
}

.filter-container [aria-pressed="true"]::before{
    content: '✓';
}

.book-terms span.elementor-post-info__item-prefix {
    font-weight: 700;
}
.book-terms span.elementor-post-info__terms-list a {
    text-decoration: underline;
}

.text-nowrap{
	text-wrap: nowrap;
}

.hero-background {
    background-image: 
        radial-gradient(circle farthest-corner at 32.7% 49.8%, rgba(28,88,238,0.9) 0%, rgba(0,39,137,0.9) 100.2%),
        url('https://sevarathnamothi.internest.in/wp-content/uploads/2026/04/pattern-sevarathnamothi.webp');
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Laptop (≤ 1366px) */
@media (max-width: 1366px) {
  html {
    font-size: 93.75%; /* 15px */
  }
	.ellipse h6, .ellipse .elementor-heading-title{
		max-width: 22ch; /* limits to approximately 30 characters */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.book-card{
		width: 25%;
	}
}

/* Tablet (≤ 1024px) */
@media (max-width: 1024px) {
  html {
    font-size: 93.75%; /* 14px */
  }
}

/* Mobile (≤ 767px) */
@media (max-width: 767px) {
  html {
    font-size: 93.75%; /* 13px */
  }
	.ellipse h6, .ellipse .elementor-heading-title{
	  max-width: 18ch; /* limits to approximately 30 characters */
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	
	.tgse-controls{
		flex-direction: column;
	}
}

.elementor-icon-wrapper {
	display: flex;
	align-items: center;
}

.genre-section .elementor-heading-title.elementor-size-default a {
    border: 1px solid #b2b2b2;
    display: flex;
    padding: 16px 24px;
    gap: 16px;
    justify-content: space-between;
}

.reset-button{
    background: none;
    border: none;
    font-family: unset;
    font-weight: bold;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.goback-button::before{
    content: "←";
    margin-right: 8px;
    display: inline-block;
    font-size: 20px;
}
.goback-button{
    border: none;
    background: none;
    font-family: unset;
    font-size: 16px;
    font-weight: 500;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.elementor-pagination .page-numbers:not(.dots),
{
    display: inline-block;
    border: 1px solid #e9e9e9;
    padding: 8px 16px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.elementor-pagination a.page-numbers:hover,
.elementor-pagination .page-numbers.current{
    background-color: #2727b3 !important;
    color: white;
    border: 1px solid #2727b3;
}

.elementor-pagination .page-numbers:not(.dots)
{
    display: inline-block;
    border: 1px solid #e9e9e9;
    padding: 8px 16px;
    border-radius: 4px;
	background-color: #f2f2f2;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.elementor-pagination a.page-numbers{
	background-color: white !important;
}

.elementor-pagination a.page-numbers:hover,
.elementor-pagination .page-numbers.current{
    background-color: #2727b3 !important;
    color: white;
    border: 1px solid #2727b3;
}