.taxonomy-details h2.taxonomy-title {
    color: #000;
    font-family: "SofiaPro", Sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2em;
}

.taxonomy-details p.taxonomy-description, .taxonomy-details p {
    color: #000;
    font-family: "SofiaPro", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
}
.taxonomy-details p a { 
 color: #467CBF !important;
 font-size: inherit !important;   
}

.single-bestsellers .post-custm-content .addtoany_content.addtoany_content_bottom {
	display:none;
}

.category-list {
 	display: flex;
	gap: 10px;
	list-style: none;
	text-transform: uppercase;
	padding: 0;
}

.category-list li a {
	color: var(--e-global-color-accent);
}

#bestseller-filter-form {
	display: flex;
	gap: 30px;
	margin-bottom: 20px;
}

.bestseller-category {
	text-transform: capitalize;
}

.bestseller-category option {
	text-transform: capitalize;
}

#bestseller-filter-form input[type="submit"] {
	color: #fff;
	background: #467CBF;
	border-color: #467CBF;
}

.books-ul {
	list-style: none;
	padding: 0;
}

.books-li {
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}

.main-div {
	display:flex;
	gap: 30px;
}

.inner-left {
	width: 235px;
	text-align: center;
	padding-left: 54px;
}

.rank-div {
	padding: 0 5px;
	background-color: #467CBF;
	position: absolute;
	color: #fff;
	left: 0;
	height: 37px;
	width:34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "SofiaPro", Sans-serif;
	font-size: 25px;
	font-weight: 800;
}

.inner-right {
	max-width: calc(100% - 235px);
	width:100%;
}

.inner-right h2{
	font-family: "ChronicleDeck-black", Sans-serif;
	font-size: 22px;
	font-weight: 500;
	font-style: italic;
	line-height: 1.2em;
	text-align: left;
	margin-bottom:0;
}
.meta-fields span{
	color: #555;
	font-family: "SofiaPro", Sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
.inner-right p {
	color: #000;
	font-family: "SofiaPro", Sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	line-height: 1.4;
}
.meta-fields {
	margin-bottom:20px;
}

.books-not-found {
	text-align: center;
}

/* Dropdown Button */
.dropbtn {
	background-color: #467CBF;
	color: white;
	padding: 10px 30px;
	font-size: 16px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	border-radius:25px;
	text-transform: uppercase;
}
	
button.dropbtn{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
}

button.dropbtn span.down-arrow{
	  margin-top: 2px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 6.5px solid transparent;
    border-top: 12px solid #fff;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1
}

/* Show the dropdown menu */
.show {
	display: block;
}
	
#bestseller-filter-form select.bestseller-dates:focus,
#bestseller-filter-form select.bestseller-category:focus {
    outline: none;
}

button.dropbtn:focus,
button.dropbtn:hover {
	background: #000;
}

#bestseller-filter-form {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
    justify-content: space-between;
    padding: 10px 0;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 2px #d9d9d9;
}

#bestseller-filter-form select.bestseller-category {
    border: none;
    max-width: fit-content;
}

#bestseller-filter-form select.bestseller-dates {
    max-width: fit-content;
    border: none;
}

.elementor-element.elementor-element-d5ab5b8.elementor-widget.elementor-widget-wp-widget-a2a_share_save_widget {
    filter: grayscale(1);
    margin-top: 7px;
}

.bestseller-template-default	.addtoany_list a { padding:0; padding-right: 18px;}

.pagination .page-numbers {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DFE3E8;
    color: var(--e-global-color-d3652f7);
    padding: 5px 10px 5px 10px;
    border-radius: 4px 4px 4px 4px;
    margin: 3px;
}

.pagination .page-numbers.current {border-color: #467cbf; color:#467cbf}
	
.form-texonomi-page form#bestseller-filter-form {
    justify-content: flex-end;
}

.single-bestsellers .elementor-widget-theme-post-content p i, .single-bestsellers .elementor-widget-theme-post-content p em {
    font-weight: 400;
}

.single-bestsellers .elementor-widget-theme-post-content p b i, .single-bestsellers .elementor-widget-theme-post-content p b {
    font-weight: 700;
}

.bestseller-item {
    position: relative;
    padding-left: 30px;
}

.bestseller-item-data {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 50px;
	max-width:800px;
	margin:0 auto;
}

.bestseller-item img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}

.bestseller-item {
    width: 30%;
    max-width: 30%;
}

.bestsellers-logo img {
	max-width: 100% !important;
	width: revert-layer !important;
}


@media (max-width:767px){
	.main-div{flex-wrap:wrap;}
	.inner-left{margin-bottom: 10px; width:auto; margin-top:10px}
	.inner-right{width:100%; max-width:100%;}
}

@media (max-width: 575px){
	.bestseller-item img{
		max-width:250px !important; margin: auto;
	}
	.bestseller-item {
	    width: 100%;
		margin-bottom: 40px;
	    max-width: 100%;
	}	
	.bestseller-item-data {
    flex-wrap: wrap;
}
	
}



.no-button {
    border: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic !important;
}
.dev-team-reg-shortcode .form-submit-button {
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #A923B8;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #A923B8;
    border-radius: 15px 15px 15px 15px;
    font-family: 'sofia-pro';
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
}

.dev-team-magic-login .magic-login-submit {
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #A923B8;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #A923B8;
    border-radius: 15px 15px 15px 15px;
    font-family:  "SofiaPro", Sans-serif;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}

.dev-team-reg-shortcode .form-submit-button:hover {
    background: transparent;
}
div#magic-login-form #magic-login-shortcode{width: 100%; }
	
	#magic-login-shortcode label {
    display: block;
    margin-bottom: 5px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
     font-family:  "SofiaPro", Sans-serif;
}


.dev-team-magic-login .magic-login-form-header p.message {
    background: transparent !important;
    color: #fff;
    border-left: none !important;
    padding-left: 0 !important;
    font-size: 14px;
    font-family:  "SofiaPro", Sans-serif;
    font-weight: 400;
}
.dev-team-magic-login h2 {
    color: #fff !important;
     font-family: "ChronicleDeck-black", Sans-serif !important;
}

.dev-team-reg-shortcode h2 {
    color: #fff !important;
    font-family: "ChronicleDeck-black", Sans-serif !important;
}
#magic-login-shortcode .magic-login-submit:hover {
    background: transparent !important;
}
.dev-team-reg-shortcode div#email-checking{color:#fff;}

.custom-login-wrapper {
	color: white;
}




.custom-slogin span {
    font-family: "SofiaPro", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #fff;
}

.custom-slogin i {
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
}


.custom-slogin a:hover span {
    color: #467cbf;
}

.custom-slogin a:hover i {
    color: #467cbf;
}

@media (max-width: 1024px) {
	.custom-slogin a {
		padding: 5px 0 !important;
	}
	.custom-slogin span{
		font-weight: 400;
	}
}