/* Use this file to override CSS when you can't get the SASS compiler to run. */

/*default anchor color*/
a {
  color: #8A12CC;
}


.view-discounts-category-links .view-header a:link,
.view-discounts-category-links .view-header a:visited,
.nav-link.nav-link-dark:link,
.nav-link.nav-link-dark:visited {
  color: #333333;
}

.view-discounts-category-links .view-header a:hover,
.view-discounts-category-links .view-header a:active,
.view-discounts-category-links .view-header a:focus,
.nav-link.nav-link-dark:hover,
.nav-link.nav-link-dark:active,
.nav-link.nav-link-dark:focus {
  color: #8A12CC;
}

.discounts-exposed-filters fieldset{
  margin-right: 1em;
}

.address .organization{
  font-weight: bold;
}

.field--name-field-amount-off{
  margin-right:.5rem
}
.field--name-field-discounted-price,
.field--name-field-offer-text{
  font-weight:bold;
  font-size: inherit;
}
.banner--homepage .banner--textarea p{
  background-color:inherit;
}

/* Layout discount on Discount page  */
.layout--discount .field--name-field-address .field__label,
.layout--discount .field--name-field-location-ref .field__label,
.view-discount-offer-redemption .views-label-field-location-ref

{
  font-weight:bold;
  /*color: #BF4904; !* $accent-secondary-shade *!*/
  font-size: larger;
  border-bottom: 1px solid #1d2124;
}

.field--name-field-location-ref .address,
.field--name-field-location-ref .field--name-title,
.field--name-field-location-ref .field--name-field-address-discount
{
  font-size: 1.0rem !important;
  margin-bottom:0 !important;


}
.field--name-field-location-ref .organization{
  margin-bottom:0 !important;
}


/* Following SH's style guidedde*/
.form-submit{
  border-radius: 6px;
  border: 1px solid #54007b;
  text-decoration: none;
  box-shadow: none;
  text-transform: unset;
  padding: .5rem 1rem;
  font-weight: 700;
  font-size: 1rem;
  background-color: #8C00CD !important;
  color: #fff !important;
}
.form-submit:hover{
  background-color:#B800DB!important;
  color:#fff!important;
  box-shadow:none!important
}
.navbar-collapse .menu--health-care a {
  display: block;
}

#navbar-top{
  background-color: #f1f1f1 !important;
  height: 2rem;
  padding-top: 0rem;
  color: #6d6e6e !important;
}
#navbar-top .container{
  /*justify-content:right;*/
}
#navbar-top .container .navbar-form{
  width: 100%;
}
#block-socialmedia{
  flex: 0 0 48%; /* Set flex-basis to 24% to have 4 items per row (100% / 4) */
  float:left;
  font-weight: 700;
}

.social-media-icon{
  color: #6d6e6e;
  padding-left: .5rem;
  padding-right: .5rem;

}

#block-returntosh{
  flex: 0 0 48%; /* Set flex-basis to 24% to have 4 items per row (100% / 4) */
  color: #6d6e6e !important;

}
#block-returntosh .content{
  float:right;
}

#block-returntosh a{
  color: #6d6e6e !important;
  text-decoration: underline;
}
#block-redemptionadditionalcontent{
  border-top: 1px solid grey;
  padding-top: 1em;
  margin: 2em;
}
.alert{
  margin-top: 2rem;
}
.alert-success{
  /*SH-87 color selection*/
  background-color: #FE4C4C;
  color: #0c0d0e;

}

/* FAQ */
.view-help .ui-widget-content{
  border: none;
  line-height: 1.5em !important;
}
.view-help .ui-accordion-content{
  padding: .5em !important;
  line-height: 1.5em !important;


}
.view-help .ui-accordion-header{
  padding: 0 !important;
  display:flex;
}
.view-help .ui-accordion-header-icon{
  margin: 5px 5px 0px 0px;
}
.view-help .views-row{
  background-color: #FFFFFF;
}
.view-help .ui-icon{
  background-image: url("/themes/gsh/images/ui-icons_8A12CC_256x240.png") !important;
}

.faq-question{
  color: #8A12CC;
  background-color: #FFFFFF;
  font-weight: bold;
  font-size: 1.5em !important;
  border: none;


}

.faq-answer{
  border: none;
  font-kerning: inherit;
}

/* Discount Offer Page */

.view-discount-offer-redemption img.image-style-discounts-page{
  border-radius: 10px;
}

.image-style-discount-offer{
  border-radius: 10px;

}

.view-discount-offer-redemption .views-field{
  max-width: 95%;
  margin: auto;
  padding: 0.5rem 0;
  clear:left;
}
.view-discount-offer-redemption #offer-image-row{
  display:flex;
  align-items: stretch;
  padding-bottom: 1em;
  border-bottom: 1px solid lightgrey;
}

.view-discount-offer-redemption #offer-image-row #offer-image{
  order: 1;
  flex: 1;
}

.view-discount-offer-redemption #offer-image-row #offer-details {
  order: 2; /* Set the order to 1 to make it appear before the span */
  /*width: 40%;*/
  margin: 0 1rem;
  background-color: rgb(240, 235, 242);
  border: 1px solid lightgrey;
  box-shadow: 2px 2px 2px lightgrey ;
  border-radius: 10px;
  flex:1;
}

.view-discount-offer-redemption #offer-image-row #discount-title{
  text-align:center;
  font-size: 2rem;
  padding-top: 0.5em;
  font-weight: bold;
}
.view-discount-offer-redemption #offer-image-row #shdv{
  text-align:center;
  font-size: 2rem;
  padding: 0.5em 0;
  font-weight:bold;
  border-bottom: 1px solid lightgrey;
}


.view-discount-offer-redemption #offer-image-row #offer-details .discount--discounted-price,
.view-discount-offer-redemption #offer-image-row #offer-details .discount--price,
.view-discount-offer-redemption #offer-image-row #offer-details .discount--percent,
.view-discount-offer-redemption .discount--price-wrapper{
  text-align:center;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;

}

.view-discount-offer-redemption #offer-image-row #offer-details .discount--percent{
  font-size: smaller;

}


.view-discount-offer-redemption #offer-image-row #offer-title{
  text-align:center;
  font-weight:bold;
  font-size: 1.5rem;
  /*margin: 1em 0;*/
  padding: 1rem 0;
  border-bottom: 1px solid lightgrey;
}

/*.view-discount-offer-redemption .discount--discounted-price{*/
/*  text-align:center;*/
/*  padding-top: 1rem;*/
/*  font-size: 1.5em;*/
/*  !*width: 100%*!*/
/*}*/

.view-discount-offer-redemption #offer-image-row #discount-amount-off,
.view-discount-offer-redemption #offer-image-row #discount-price{
  text-align:center;
  /*padding-top: 1rem;*/
  /*font-size: 1.5em;*/

}
.view-discount-offer-redemption #offer-image-row .field--name-field-amount-off{
  margin-bottom: 0.5rem;
  font-size: 2.8rem;
}

.view-discount-offer-redemption #offer-image-row .field--name-field-offer-text{
  /*margin-bottom: 5px;*/
  font-size: 1.5rem;
}

.view-discount-offer-redemption .field--name-field-offer-text{
  display: block;
}

.view-discount-offer-redemption .views-field-field-description{
  border-bottom: 1px solid lightgrey;
}

/* Dicount Offer Addresses */

.view-discount-offer-redemption .views-label-field-location-ref{
  margin-bottom: 0.5rem !important;
}


.view-discount-offer-redemption .views-field-field-location-ref .field-content{
  display:flex;
  flex-wrap: wrap; /* Allow flex items to wrap to the next row */
}

.view-discount-offer-redemption .views-field-field-location-ref .address{
  flex: 0 0 24%;

}
.views-field-field-location-ref .organization .field--name-title,
.views-field-field-location-ref .field--name-field-address-discount,
.views-field-field-location-ref .field--name-field-address-discount .address
{
  margin-bottom:0 !important;
}

.view-discount-offer-redemption{
  background-color: #FFFFFF !important;
}

.views-field-field-contact-name{
  border-top: 1px solid lightgrey;
}
.views-field-field-contact-name .field-content,
.views-field-field-contact-email .field-content,
.views-field-field-phone .field-content{
  /*padding-top: .5rem !important;*/
  /*padding-bottom: .5rem !important;*/
}

.views-field-field-phone{
  border-bottom: 1px solid lightgrey;
}

/*.views-field-field-contact-name,*/
/*.views-field-field-contact-email,*/
/*.views-field-field-phone{*/
/*  padding-top: .5rem !important;*/
/*  padding-bottom: .5rem !important;*/
/*}*/

.views-label-field-contact-name,
.views-label-field-contact-email,
.views-label-field-phone
{
  font-weight: bold;
  float:left;
  padding-right: 0.5rem;
  padding-bottom: .5rem !important;

}

.views-label-addtoany-share{
  font-weight: bold;
  float:left;
  padding-right: 0.5rem;
  font-size: 1.3em;
}

.addtoany_list > a{
  padding:0 8px;
}

.views-label-field-description {
  font-weight: bold;
  padding-right: 0.5rem;
  font-size: 1.3em;
}

.tel{
  color: #8A12CC;
  font-weight: bold;

}