a:hover {
  text-decoration: none;
}

.wp-caption {
  max-width: 100%;
}

/* Icon Fixes */

.icon__thumbs::before {
  border-width: 0 2px;
  width: 9px;
  height: 19px;
  top: 0;
  left: 5px;
  bottom: 0;
}

.icon__list::before {
  border-width: 3px 0;
  width: 21px;
  height: 13px;
  top: 2px;
  left: 0;
  right: 0;
}

/* media element fix for listings. */

.content-listing__meta {
  overflow: hidden;
}

/* featured topic sidebar rollover */

/*.volumes__index .content-list:not(.content-list--list) .content-listing.content-listing--book:hover .content-listing__rollover-info*/

.topic-detail .content-listing.content-listing--book:hover .content-listing__img {
  margin-top: -30px;
  margin-bottom: 30px;
}

.topic-detail .content-listing.content-listing--book .content-listing__meta {
  overflow: visible;
}

.topic-detail .content-listing.content-listing--book:hover .content-listing__meta {
  padding-top: 8px;
  padding-bottom: 10px;
}

.topic-detail .content-listing.content-listing--book:hover .content-listing__rollover-info{
  top: -65px;
  height: 65px;
}

/*
    Added code for header
*/

.openSearchDropdown{
  height: auto !important;
  min-height: 60px;
}

.secondary-menu li:last-child a{
  background-repeat: no-repeat;
  width: 25px;
  height: 20px;
  text-indent: -99999px;
}
.secondary-menu li:last-child a{
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  vertical-align: middle;
  background-position: 50%;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
}
.secondary-menu li:last-child a {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2220%22%20viewBox%3D%220%200%2025%2020%22%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-miterlimit%3D%2210%22%3E%3Ccircle%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20cx%3D%229.417%22%20cy%3D%2217.02%22%20r%3D%221%22%2F%3E%3Ccircle%20fill%3D%22none%22%20stroke-width%3D%221.5%22%20cx%3D%2215.417%22%20cy%3D%2217.02%22%20r%3D%221%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.917%204.5H5.955l-1.038-1H1.5v1H4l1.169%201%201.748%208h11.125l1.875-9zm-2.944%208H8l-1.801-7h12.434l-1.66%207z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23F42535%22%20d%3D%22M59.768%209.316v3.368s3.267-.004%204.596-.004c-.721%202.182-1.84%203.37-4.596%203.37-2.789%200-4.967-2.262-4.967-5.051%200-2.788%202.178-5.049%204.967-5.049%201.475%200%202.426.518%203.301%201.24.697-.7.64-.799%202.418-2.479A8.472%208.472%200%200%200%2059.768%202.5a8.5%208.5%200%200%200-8.5%208.5%208.5%208.5%200%200%200%208.5%208.5c7.017%200%208.731-6.109%208.162-10.184h-8.162zm15.365.17V6.54h-2.104v2.946H70v2.104h3.029v3.029h2.104V11.59h2.946V9.486h-2.946zM131.688%202.043a8.025%208.025%200%200%201-2.318.636%204.046%204.046%200%200%200%201.775-2.234%208.123%208.123%200%200%201-2.564.98%204.041%204.041%200%200%200-6.883%203.684%2011.469%2011.469%200%200%201-8.325-4.22%204.01%204.01%200%200%200-.547%202.031c0%201.401.713%202.637%201.797%203.361a4.025%204.025%200%200%201-1.829-.504l-.001.051a4.043%204.043%200%200%200%203.24%203.96%204.057%204.057%200%200%201-1.824.07%204.046%204.046%200%200%200%203.774%202.806%208.106%208.106%200%200%201-5.982%201.672%2011.428%2011.428%200%200%200%206.19%201.814c7.431%200%2011.492-6.155%2011.492-11.494%200-.174-.004-.349-.012-.522a8.168%208.168%200%200%200%202.017-2.091zM196.018%201.474c0%20.503-.018%202.709-.018%202.709h-2v3.411h2.018L196%2017.6h4V7.594h3V4.141h-3V1.599c0-.345.629-.494%201.076-.494H203v-3.506h-2.736c-4.349.001-4.246%203.372-4.246%203.875zM-7-64.25h240v50H-7z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat
}

/* fixes incorrect height scaling */
.content-section.content-list--sidebar .content-listing.content-listing--book .content-listing__img,
.detail__book-img.col img {
  height: auto !important;
}

/* FAQ */

.question__answer > p + p {
  margin-top: 1em;
}

/* Need to check */

.header .header-menu .current-menu-item .link--white {
  color: #f42535
}

/* FIXME: Shahbaz, what/why are these rules? */
/* Removed css which was written eariler on the basis of page list */
.sf-field-sort_order ul{
  display: flex;
  font-size: 20px;
  line-height: 20px;
}
.sf-field-sort_order ul li{
  margin-right: 20px;
}
.sf-field-sort_order ul input[type=checkbox], .sf-field-sort_order ul input[type=radio]{
  display: block;
  margin-top: 4px;
}

.about__sidebar iframe{
  width: 100%;
  height: auto;
}

.site-search__results-container{
  opacity: 0;
  min-height: 30px;
}
.site-search__results-container.show{
  opacity: 1;
}

.news__detail .alignleft{
  float: left;
  margin-right: 40px;
  max-width: 200px;
}
.news__detail .alignright{
  float: right;
  margin-left: 40px;
  clear: none;
  max-width: 200px;
}

.see-next-page a{
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  text-align: center;
  cursor: pointer;
  display: block;
  padding: 12px 0 13px 0;
  min-width: 100px;
  background-color: #000;
  color: #fff;
  white-space: nowrap;
  border: none;
  -webkit-appearance: none;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
}

span#clear-input-val.show-clear-icon {
  width: 10px;
  height: 10px;
  position: absolute;
  background: url('../images/input-clear-icon.png');
  right: 42px;
  top: calc(50% - 4px);
  opacity: 1;
  background-size: cover;
}

.post-type-wrapper:empty{
  display: none;
}
.post-type-wrapper{
  padding-top: 64px;
  position: relative;
}
.post-type-wrapper b{
  position: absolute;
  top: 0;
  text-transform: uppercase;
}

/* div#datafetch {
    position: absolute;
    width: 200px;
    height: 200px;
    background: red;
}
#searchResults{
    width: 400px;
    height: 100px;
    position: relative;
    margin-top: -55px;
    background: red;
} */

.newsletter-signup form label{
  font-weight: 500;
  font-size: 18px !important;
  font-family: "Calibre",Helvetica,Arial,sans-serif;
}
.newsletter-signup form label i{
  display: block;
}
.newsletter-signup form .gfield_checkbox label{
  margin-top: -6px;
  margin-left: 16px;
}
.newsletter-signup form .gfield_checkbox .gchoice{
  margin-top: 30px;
}
.newsletter-signup form input[type=submit], .catalog-request form input[type=submit]{
  width: 230px;
  height: 50px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f42535;
  border: none;
  font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    text-align: center;
    cursor: pointer;
    display: block;
    padding: 12px 0 13px 0;
    min-width: 100px;
    color: #fff;
    white-space: nowrap;
    border: none;
    -webkit-appearance: none;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    font-family: "Calibre",Helvetica,Arial,sans-serif;
}

.gform_required_legend{
  margin-top: 40px;
  margin-bottom: 30px;
}

.form__container .gform_wrapper.gravity-theme .gform_fields{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

/* Book ui fixes */

.ecommerce .ecommerce__purchase-options a, .ecommerce .ecommerce__pricing {
  color: #000;
}
.ecommerce.col .btn{
  border-radius: 0;
  color: #fff;
  outline: none;
}
.ecommerce__purchase-options .input-accordion__label{
  font-weight: 500;
}
.ecommerce__series-info a{
  border-radius: 0;
}
.ecommerce__series-info a:hover{
  color: #fff;
}

/* About page css */

.menu-top-menu-right-container ul li.current-page-ancestor a{
  color: #f42535;
}

.menu-about-sub-menu-list-container .current-menu-item{
  background-color: #f42535;  
} 
.menu-about-sub-menu-list-container .current-menu-item a{
  color: #fff;
  cursor: pointer;
}

/* Form css Styles */

#content .catalog-request .form__container p, #content .catalog-request .form__container form,
#content .contact-us .form__container p, #content .contact-us .form__container form{
  font-family: "Calibre",Helvetica,Arial,sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 25px;
}
#content .catalog-request .form__container h2.form__title{
  padding-bottom: 0;
}
#content .catalog-request .catalog-no-mar-top{
  margin-top: -30px;
  display: block;
}
#content .catalog-request.generic-page.columns .catalog__delivery{
  margin-top: 0;
}

#content .catalog-request .form__container p.form__privacy,
#content .contact-us .form__container p.form__privacy{
  font-size: 16px;
  line-height: 20px;
}
#content .catalog-request .form__container p.catalog__delivery,
#content .contact-us .form__container p.catalog__delivery{
  letter-spacing: 0;
}
#content .contact-us.generic-page.columns .form__sidebar p{
  font-family: "Calibre",Helvetica,Arial,sans-serif;
  font-size: 18px;
  margin: 0;
  line-height: 25px;
}
.contact-us.generic-page.columns .form__sidebar.col p + p .sidebar__header{
  margin-top: 49px;
  padding-top: 25px;
  border-top: 7px solid #000;
}
.gform_wrapper.gravity-theme .gfield_required{
  color: #000 !important;
}
.contact-us form .gfield_checkbox label {
  margin-top: -14px;
  margin-left: 16px;
}
#content .contact-us .gform_required_legend, #content .catalog-request .gform_required_legend , #content .newsletter-signup.columns .gform_required_legend{
  display: none;
}
#content .newsletter-signup.columns .star-indicator{
  margin-bottom: 34px;
}

#content .contact-us .ginput_container_select .gfield_select{
  background-color: #eee;
  display: block;
  border: 1px solid #000;
  padding: 5px 15px 8px 15px;
  color: #777;
  width: 400px;
  position: static;
}
.contact-us.generic-page.columns .form__sidebar.col address{
  max-width: 140px;
}

.gform_wrapper.gravity-theme .gfield_label{
  font-weight: 500;
  line-height: 25px;
}


/***********************
 * Generic Page Styles *
 ***********************/

#content .generic-page {
  font-family: "Arnhem",Times,serif;
  font-size: 21px;
  line-height: 35px;
  font-weight: 500;
}

.generic-page.columns {
  display: flex;
  flex-wrap: wrap;
}

.generic-page.columns .hero {
  flex-basis: 100%;
}

.generic-page.columns .generic-page__content {
  display: block;
  flex: 1 33%;
  width: auto;
  float: none;
  letter-spacing: 0.025em;
}

.generic-page.columns .generic-page__left-sidebar,
.generic-page.columns .generic-page__right-sidebar {
  display: block;
  flex-basis: 260px;
  width: auto;
  float: none;
}

#content .generic-page h2.page-title {
  font-family: "Arnhem",Times,serif;
  font-size: 42px;
  line-height: 55px;
  font-weight: 500;
}

#content .generic-page p {
  font-family: "Arnhem",Times,serif;
  font-size: 21px;
  line-height: 35px;
  font-weight: 500;
  letter-spacing: -0.004em;
  margin: 24px 0 25px 0;
}

/* Individual fixes */

.page-template-default .support__content,
.page-template-support-overview .support__content {
  margin-right: 0;
}

.page-template-default .support__content .support__hero-img,
.page-template-support-overview .support__content .support__hero-img {
  margin-left: 0;
}

.page-template-default .page-subheader__options .current-menu-item,
.page-template-join-partners .page-subheader__options .current-menu-item,
.page-template-subscribe-offer .page-subheader__options .current-menu-item,
.page-template-subscribe-offers .page-subheader__options .current-menu-item,
.page-template-faq .page-subheader__options .current-menu-item,
.page-template-support-overview .page-subheader__options .current-menu-item {
  background-color: #f42535
}

.page-template-default .page-subheader__options .current-menu-item > a,
.page-template-default .page-subheader__options .current-menu-item > span,
.page-template-join-partners .page-subheader__options .current-menu-item > a,
.page-template-join-partners .page-subheader__options .current-menu-item > span,
.page-template-subscribe-offer .page-subheader__options .current-menu-item > a,
.page-template-subscribe-offer .page-subheader__options .current-menu-item > span,
.page-template-subscribe-offers .page-subheader__options .current-menu-item > a,
.page-template-subscribe-offers .page-subheader__options .current-menu-item > span,
.page-template-faq .page-subheader__options .current-menu-item > a,
.page-template-faq .page-subheader__options .current-menu-item > span,
.page-template-support-overview .page-subheader__options .current-menu-item > a,
.page-template-support-overview .page-subheader__options .current-menu-item > span {
  color: #fff;
}

/* Mobile Fixes */

@media (max-width: 767px) {
  .content-listing .content-listing__img,
  .content-listing .content-listing__tag,
  .content-listing .content-listing__title,
  .content-listing.col .content-listing__img,
  .content-listing.col .content-listing__tag,
  .content-listing.col .content-listing__title {
    height: auto;
  }

  .homepage .homepage-content__content--left.col .content-listing--editorial.col .content-listing__img,
  .homepage .homepage-content__content--left.col .content-listing--editorial.col .content-listing__title,
  .homepage .homepage-content__content--left.col .content-listing--editorial.col .content-listing__tag,
  .homepage .homepage-content__content--right.col .content-listing--editorial.col .content-listing__img,
  .homepage .homepage-content__content--right.col .content-listing--editorial.col .content-listing__title,
  .homepage .homepage-content__content--right.col .content-listing--editorial.col .content-listing__tag {
    float: none;
  }

  .homepage .homepage-content__content--left.col .content-listing--editorial.col .content-listing__title,
  .homepage .homepage-content__content--left.col .content-listing--editorial.col .content-listing__tag,
  .homepage .homepage-content__content--right.col .content-listing--editorial.col .content-listing__title,
  .homepage .homepage-content__content--right.col .content-listing--editorial.col .content-listing__tag {
    max-width: none;
    min-width: none;
    width: auto;
  }

  .homepage .homepage-content__content--left.col .content-listing--editorial.col .content-listing__img,
  .homepage .homepage-content__content--right.col .content-listing--editorial.col .content-listing__img {
    width: 100%;
    margin-right: 0;
  }

  .writer-detail .detail-content__container.col--3x img,
  .writer-detail .content-section__container img {
    height: auto !important;
  }
}