/**
* Template Name: Presento - v1.1.1
* Template URL: https://bootstrapmade.com/presento-bootstrap-corporate-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;500;600;700;800&display=swap");

body {
  font-family: "Roboto", sans-serif;
  color: #212121;
  font-weight: 300;
  background-color: #f3f3f3;
}

/* a {
  color: #3EA9B4;
} */
.alertify-notifier.ajs-right {
  font-weight: 400;
}

/*a:hover {
  color: #76b401;
  text-decoration: none;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}
#main {
  /*padding-top: 92px;*/
  position: absolute;
  z-index: 1;
  top: 182px;
  width: 100%;
}
h2.secondary_title {
  font-size: 54px;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
}
h2.section_secondary_title {
  font-size: 48px;
  color: #fff;
  text-transform: uppercase;
  font-weight: lighter;
}
h2.secondary_title.dark,
h2.section_secondary_title.dark {
  color: #212121;
}
.light {
  font-weight: lighter !important;
}
.normal {
  font-weight: 300 !important;
}

.bold {
  font-weight: 700 !important;
}
.primary_btn {
  background: #3ea9b4;
  padding: 20px;
  color: #212121;
  border: none;
  border-radius: 4px;
  font-weight: 300;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #3ea9b4;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #3ea9b4;
  color: #fff;
}

/* Header / Navbar Starts */
#header {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.navbar {
  background-color: #ffffff !important;
}
.navbar-brand {
  margin-left: 1rem !important;
}
.navbar-brand-div {
  width: 100%;
}
.navbar-center-title {
  width: 100%;
  display: inline;
}
.navbar-title a {
  font-family: "Roboto";
  font-weight: 700;
  color: #000000;
  font-size: 36px;
  text-decoration: none;
}
.navbar-subtitle {
  font-family: "Roboto";
  color: #000000;
  font-size: 18px;
}
.navbar-light .navbar-nav .nav-link {
  font-family: "Roboto";
  color: #000000;
}
.dropdown-menu {
  position: absolute;
  right: 0 !important;
  left: auto !important;
}
.dropdown-item {
  padding: 0.5rem 1.5rem !important;
}
.navbar-nav .nav-item {
  /* margin-left: 2em; */
  margin-left: 0.5em;
}
.wt-sub-nav {
  background-color: #3ea9b4;
  padding: 0 1em;
}
.wt-sub-nav-title-one,
.wt-sub-nav-title-two,
.wt-sub-nav-right a {
  font-family: "Roboto";
  font-weight: 600;
  font-size: 20px;
}
.wt-sub-nav-title-one {
  color: #000000;
}
.wt-sub-nav-title-two {
  color: #ffffff;
  text-align: right;
}
.wt-sub-nav-title-two marquee {
  width: 100%;
  vertical-align: middle;
  padding-right: 10px;
}
.wt-sub-nav-right a {
  color: #ffffff;
  padding: 0 5px;
}
.wt-sub-nav-right a:hover {
  text-decoration: none;
  color: #ccc;
}
.wt-sub-nav-left {
  width: 30%;
}
.wt-sub-nav-middle {
  width: 60%;
}
.wt-sub-nav-right {
  width: 10%;
}
.wt-sub-nav-left p {
  margin-bottom: 0;
  margin-top: 7px;
}
.wt-sub-nav-middle p {
  margin-bottom: 0;
  margin-top: 6px;
}
.wt-sub-nav-right a {
  position: relative;
  top: 7px;
}
.myaccount .my-pro span .span-css {
  background: #000;
  width: max-content;
  color: #fff;
  font-size: 16px;
  display: block;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 1.5;
  border-radius: 50%;
  position: absolute;
}
.myaccount .my-pro span img {
  width: 32px;
  /* color: #fff;
  font-size: 1.3rem; */
  height: 1rem;
  /* padding: 10px; */
  /* padding-left: 10px;
  padding-right: 10px; */
}
.my-pro i {
  float: right;
  font-size: 20px;
  line-height: 1.2;
}
.myaccount .my-pro span img {
  border-radius: 50%;
}
.wename {
  padding-left: 25px;
  line-height: 1.5;
  margin-left: 4px;
}
/* // Header / Navbar End */

/* Common CSS Starts */
.ws-form-row label {
  font-size: 0.875rem;
  margin-bottom: 0px;
}
.error {
  color: red;
}
.errorline p {
  display: inline;
}
.hide {
  display: none;
}
/* //Common CSS Ends */

/* Main Section Starts */
/* Search Section Starts */
.wt-search-section {
  margin: 0 35px;
}
.wt-search-bar-div input {
  padding: 22px;
  border: 1px solid #c7c7c7;
  border-radius: 50px;
  position: relative;
}
.wt-search-bar-div input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b3b3b3;
  font-weight: 300;
}
.wt-search-bar-div input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b3b3b3;
  font-weight: 300;
}
.wt-search-bar-div input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b3b3b3;
  font-weight: 300;
}
.wt-search-bar-div .search-icon {
  position: absolute;
  top: 6%;
  right: 2%;
}
.search-filters-section {
  margin: 0 20px;
}
.search-filters-section .applied-searches {
  display: inline-block;
  padding-left: 0;
}
.search-filters-section .applied-searches li {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 300;
  color: #000000;
  list-style-type: none;
  display: inline-block;
  padding: 0 20px;
}
.search-filters-section .filter-label {
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}
/* //Search Section Ends */

/* Carousel Buttons */
.btn-prev-popular,
.btn-prev-new-arrivals,
.btn-prev-recommended-books {
  position: absolute;
  right: 130px;
  top: 3%;
  z-index: 1;
  font-size: 3rem;
  cursor: pointer;
}
.btn-next-popular,
.btn-next-new-arrivals,
.btn-next-recommended-books {
  position: absolute;
  right: 50px;
  top: 3%;
  z-index: 1;
  font-size: 3rem;
  cursor: pointer;
}
/* //Carousel Buttons */

/* Home Page Content Section Starts */
.wt-content-section {
  padding: 24px 20px;
}
.wt-popular-selections,
.wt-new-arrivals,
.wt-recommended-books,
.wt-books-div {
  margin: 0 35px;
  padding: 2em;
  background-color: #ffffff;
  position: relative;
}
.wt-popular-selections-title,
.wt-new-arrivals-title,
.wt-recommended-books-title,
.wt-books-title {
  font-family: "Roboto";
  font-size: 36px;
  font-weight: 500;
  color: #000000;
}
.main-items-div {
  margin: 0 20px;
}
.popular-selections .item,
.new-arrivals .item,
.recommended-books .item {
  padding-right: 2.5em;
  width: 100% !important;
}
.popular-selections .item:hover .item-photo,
.new-arrivals .item:hover .item-photo,
.recommended-books .item:hover .item-photo {
  overflow: hidden;
}
.popular-selections .item .item-photo img,
.new-arrivals .item .item-photo img,
.recommended-books .item .item-photo img {
  width: 100%;
  height: 350px;
  /* min-height: 350px; */
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.popular-selections .item:hover .item-photo img,
.new-arrivals .item:hover .item-photo img,
.recommended-books .item:hover .item-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.popular-selections .item-info h3,
.new-arrivals .item-info h3,
.recommended-books .item-info h3 {
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popular-selections .item-info button,
.new-arrivals .item-info button,
.recommended-books .item-info button,
#bookDetailsModal .raise-a-demand-btn {
  background-color: #eb703b;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  margin: 20px 0;
}
.popular-selections .item-info a,
.new-arrivals .item-info a,
.recommended-books .item-info a {
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 600;
  color: #2e2e2e;
  display: inherit;
  text-align: center;
  text-decoration: underline;
}
/* //Home Page Content Section Ends */

/* Books Page Starts */
.wt-books-section {
  padding: 20px;
}
.wt-books-row .item {
  padding-right: 0em;
  width: 100% !important;
  margin-top: 25px;
  padding: 0 5px;
}
.wt-books-row .item .item-photo {
  overflow: hidden;
}
.wt-books-row .item .item-photo img {
  width: 100%;
  /* height: 300px; */
  min-height: 300px;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.wt-books-row .item:hover .item-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wt-books-row .item-info h3 {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-book-info {
  height: 450px;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.popup-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.readlesstext { display: none; }

.wt-books-row .item-info button {
  background-color: #eb703b;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  margin: 20px 0;
}
.wt-books-row .item-info a {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 600;
  color: #2e2e2e;
  display: inherit;
  text-align: center;
  text-decoration: underline;
}
/* // Books Page Ends */

/* Authentication Pages Starts */
.authentication {
  background: #ffffff;
  height: calc(100vh - 80px);
}
.center-data-section {
  height: calc(100vh - 80px);
}
.authentication-right {
  background-color: #f3f3f3;
}
.left-column {
  background-color: #ffffff;
}
.back i {
  font-size: 20px;
}
.back .home-link {
  position: relative;
  top: -1px;
  font-size: 18px;
  cursor: pointer;
}
.process-section.home {
  color: #44a9b3;
  text-decoration: none;
}
.logo-img img {
  margin-left: 10px;
  margin-top: 10px;
}
.login-form {
  padding: 10px 40px;
}
.header-authentication {
  padding: 25px;
}
.authentication-banner .logo-r {
  padding: 10px 40px;
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.authentication-banner .logo-r .title {
  font-family: "Roboto";
  font-size: 36px;
}
.login-form input[type="text"],
.login-form input[type="email"],
.login-form input[type="password"],
.login-form textarea,
.login-form select {
  background: transparent;
  border: none;
  /*border-bottom: 1px solid #c8c8c85c;*/
  border-bottom: 1px solid #cecece;
  border-radius: unset;
  padding: 10px 0px;
  color: #6c757d;
}
.form-control::placeholder {
  color: #999999 !important;
  font-weight: 300;
}
.forgotLink {
  color: #e97043;
  text-transform: uppercase;
  float: right;
}
.forgotLink:hover {
  color: #44a9b3;
  text-decoration: none;
}
.login-form .authentication-submit-btn {
  background: #44a9b3;
  border: none;
  font-size: 16px;
  font-weight: 300;
  max-width: 200px;
  padding: 10px 19px 10px 20px !important;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 15px 10px;
  color: #ffffff;
}
/* toggle password changes */
form .show-pass i {
  position: absolute;
  right: 0px;
}
form .show-pass input[type="password"] {
  position: relative;
}
form .show-pass i {
  float: right;
  margin-top: -25px;
  color: #44a9b3;
  margin-right: 10px;
  font-size: 23px;
}
.reg-show-pass i {
  top: 32px;
  color: #44a9b3;
  right: 15px;
  font-size: 23px;
  position: absolute;
}
/* // Authentication Pages Ends */

/* About Us/About Library Page Starts */
.wt-about-page-section {
  padding: 20px;
}
.wt-about-content-div {
  margin: 0 35px;
  padding: 2em;
  background-color: #ffffff;
  position: relative;
}
.wt-about-content-div-title {
  font-family: "Roboto";
  font-size: 36px;
  font-weight: 500;
  color: #000000;
}
.wt-about-content-div-description {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 300;
  color: #000000;
}
/* //About Us/About Library Page Ends */

/* Pagination Starts */
.pagination {
  margin-top: 1.5rem;
}
.pagination a {
  padding: 2px 10px;
  border: 1px solid #ccc;
  font-weight: 300;
}
.pagination a.active {
  color: #fff;
  background-color: #3ea9b4;
  padding: 2px 10px;
  border: 1px solid #ccc !important;
  font-weight: 400;
}
.pagination a:hover {
  background-color: #3ea9b4;
  color: #ffffff;
  text-decoration: none;
}
.pagination strong {
  padding: 1px 10px;
  border: 1px solid #ccc;
  background-color: #3ea9b4;
  color: #ffffff;
}
.pagination-total-records {
  margin-top: 10px;
  font-weight: 400;
}
/* //Pagination Ends */

/* Book Details Popup Starts */
.modal-book-img img {
  width: 100%;
}
.modal-back-cover-div {
  display: none;
}
/* //Book Details Popup Ends */

/* Demands/Wishlist Page Starts */
.wt-userdata-section {
  padding: 20px;
}
.wt-userdata-content-div {
  margin: 0 35px;
  padding: 1em;
  position: relative;
}
.wt-userdata-content-div-title {
  font-family: "Roboto";
  font-size: 36px;
  font-weight: 500;
  color: #000000;
}
.wt-userdata-content-div .table thead th,
.wt-userdata-content-div .table td,
.wt-userdata-content-div .table th {
  border: none !important;
}
.wt-userdata-content-div .table-content table {
  border-collapse: separate;
  border-spacing: 0 1em;
}
.wt-userdata-content-div tr.single-item {
  background-color: #fff;
  padding: 15px;
  transition-duration: 1s;
  transition-delay: 0.5s;
  transition-property: background-color, color;
}
.wt-userdata-content-div tr.single-item:hover {
  background-color: #3ea9b4;
  color: #fff;
}
.wt-userdata-content-div tr.single-item .single-item-img {
  width: 80%;
}
.wt-userdata-content-div tr.single-item .single-item-title {
  font-size: 24px;
  font-weight: 600;
  margin-top: 10px;
}
.wt-userdata-content-div tr.single-item .single-item-language,
.wt-userdata-content-div tr.single-item .single-item-price,
.wt-userdata-content-div tr.single-item .single-item-date,
.wt-userdata-content-div tr.single-item .single-item-status,
.wt-userdata-content-div tr.single-item .single-item-remove {
  font-size: 18px;
  font-weight: 300;
  margin-top: 10px;
}
.demand-not-found i {
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 100px;
  font-size: 60px;
}
.demand-not-found span {
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
/* Demands/Wishlist Page Ends */

/* ############### RESPONSIVE CSS ############### */
@media only screen and (max-width: 768px) {
  .navbar-brand-div,
  .navbar-center-title {
    width: auto;
  }
  .navbar-brand-div .navbar-brand img {
    width: 50px;
  }
  .navbar-brand {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .navbar-title a {
    font-size: 18px;
  }
  .navbar-subtitle {
    font-size: 12px;
  }
  .wt-sub-nav {
    padding: 0.5em;
  }
  .wt-sub-nav-title-one,
  .wt-sub-nav-title-two {
    text-align: center;
    font-size: 16px;
  }
  .wt-sub-nav-title-two marquee {
    width: 100%;
    padding-right: 0;
  }
  .wt-sub-nav-left,
  .wt-sub-nav-middle,
  .wt-sub-nav-right {
    width: 100%;
  }
  .wt-sub-nav-left p {
    margin-top: 0;
  }
  .wt-sub-nav-middle p {
    margin-top: 0;
  }
  .wt-sub-nav-right a {
    top: 0;
  }
  #main {
    top: auto;
  }
  .wt-search-section {
    margin: 30px 0px;
    margin-bottom: 0px;
    margin-top: 235px;
  }
  .wt-search-bar-div input {
    padding: 25px;
  }
  .wt-search-bar-div .search-icon {
    top: 5%;
    right: 5%;
  }
  .search-filters-section .filter-label {
    font-size: 16px;
  }
  .search-filters-section .applied-searches li {
    font-size: 16px;
    padding: 0 10px;
  }
  .wt-content-section {
    padding: 10px;
  }
  .wt-popular-selections,
  .wt-new-arrivals,
  .wt-recommended-books {
    margin: 10px;
    padding: 10px;
  }
  .main-items-div {
    padding-left: 5px;
  }
  .popular-selections .item,
  .new-arrivals .item,
  .recommended-books .item {
    padding-right: 0;
  }
  .popular-selections .item img,
  .new-arrivals .item img,
  .recommended-books .item img {
    width: 99%;
  }
  .wt-popular-selections-title,
  .wt-new-arrivals-title,
  .wt-recommended-books-title {
    font-size: 24px;
  }
  .popular-selections .item-info h3,
  .new-arrivals .item-info h3,
  .recommended-books .item-info h3 {
    font-size: 18px;
  }
  .popular-selections .item-info button,
  .new-arrivals .item-info button,
  .recommended-books .item-info button {
    margin: 10px 0;
    font-size: 18px;
    width: 99%;
  }
  .popular-selections .item-info a,
  .new-arrivals .item-info a,
  .recommended-books .item-info a {
    font-size: 18px;
  }
  .btn-prev-popular,
  .btn-prev-new-arrivals,
  .btn-prev-recommended-books {
    right: 15%;
    top: 0%;
    font-size: 2rem;
  }
  .btn-next-popular,
  .btn-next-new-arrivals,
  .btn-next-recommended-books {
    right: 5%;
    top: 0%;
    font-size: 2rem;
  }
  /* Books Page */
  .wt-books-section {
    padding: 10px;
  }
  .wt-books-div {
    margin: 10px;
    padding: 10px;
  }
  .wt-books-row .item {
    padding-right: 0;
  }
  .wt-books-row .item img {
    width: 99%;
  }
  .wt-books-row-title {
    font-size: 24px;
  }
  .wt-books-row .item-info h3 {
    font-size: 18px;
  }
  .wt-books-row .item-info button {
    margin: 10px 0;
    font-size: 18px;
    width: 99%;
  }
  .wt-books-row .item-info a {
    font-size: 18px;
  }
  .modal-book-info h5 {
    margin-top: 15px;
  }
  .modal-book-img {
    text-align: center;
  }
  .modal-book-img img {
    width: 60%;
  }
  /* //Books Page */

  /* Authentication Pages */
  .authentication {
    height: unset;
  }
  .center-data-section {
    height: unset;
  }
  .authentication-banner .logo-r {
    width: unset;
    padding: 16px;
  }
  /* //Authentication Pages */

  /* About Us/About Library */
  .wt-about-page-section {
    padding: 10px;
    margin-top: 235px;
  }
  .wt-about-content-div {
    margin: 10px;
    padding: 10px;
  }
  .wt-about-content-div-title {
    font-size: 24px;
  }
  .wt-about-content-div-description {
    font-size: 16px;
  }
  /* //About Us/About Library */

  /* Pagination */
  .pagination a,
  .pagination strong {
    font-size: 13px;
    padding: 1px 4px;
  }
  /* //Pagination */

  /* Demands/Wishlist */
  .wt-userdata-section {
    padding: 10px;
    margin-top: 200px;
  }
  .wt-userdata-content-div {
    margin: 10px 5px;
    padding: 10px 5px;
  }
  .wt-userdata-content-div-title {
    font-size: 24px;
  }
  .wt-userdata-content-div .table th {
    font-size: 12px;
  }
  .wt-userdata-content-div tr.single-item .single-item-img {
    width: 100%;
  }
  .wt-userdata-content-div tr.single-item .single-item-title {
    font-size: 12px;
    font-weight: 400;
    margin-top: 0;
  }
  .wt-userdata-content-div tr.single-item .single-item-author,
  .wt-userdata-content-div tr.single-item .single-item-publication {
    font-size: 11px;
    font-weight: 300;
  }
  .wt-userdata-content-div tr.single-item .single-item-language,
  .wt-userdata-content-div tr.single-item .single-item-price,
  .wt-userdata-content-div tr.single-item .single-item-date,
  .wt-userdata-content-div tr.single-item .single-item-status,
  .wt-userdata-content-div tr.single-item .single-item-remove {
    font-size: 12px;
    font-weight: 300;
    margin-top: 0;
  }
  /* Demands/Wishlist */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #main {
    top: 90px;
  }
  .navbar-title a {
    font-size: 22px;
  }
  .navbar-subtitle {
    font-size: 16px;
  }
  .wt-search-section {
    margin-top: 8em;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1348px) {
  .wt-sub-nav-left {
    width: 38%;
  }
  .wt-sub-nav-middle {
    width: 46%;
  }
  .wt-sub-nav-right {
    width: 15%;
  }
}