/* ==========================================================================
   EXTENSIONS / TWEAKS
   ========================================================================== */

/**
 * These are tweaks to the Shadows UI by J-dawg
 */

.mat-swatch {
  display: inline-block;
  vertical-align: baseline;
  width: 40px;
  height: .875rem;
  border-radius: 0%;
  margin: 0px 4px 0px 4px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.mat-dark-green {  background: #3c593d;  }
.mat-black {  background: #0a1614;  }
.mat-orange {  background: #f27243;  }
.mat-gold {  background: #efad32;  }
.mat-red {  background: #a23441;  }
.mat-brown {  background: #71533b;  }
.mat-turquoise {  background: #3b97a4;  }
.mat-royal-blue {  background: #3b5a79;  }
.mat-medium-blue {  background: #4e778b;  }
.mat-redwood {  background: #9b4a39;  }
.mat-navy {  background: #393f5f;  }
.mat-maroon {  background: #724751;  }
.mat-kelly-green { background: #00ad4e; }
.mat-light-blue {  background: #b0c8d4;  }
.mat-ivy-green {  background: #43745e;  }
.mat-forest-green {  background: #4a593a;  }
.mat-burnt-orange {  background: #c45a28;  }
.mat-spice-ivory { background: #f0e9e1;  }
.mat-purple { background: #755d81;  }
.mat-silver { background: #bcc5cc; }

/* left align the subcategory listings that are now in a single column */
.x-product-list__subcat {
  text-align: left;
}
/* less space between subcategory listings */
.x-product-list__item {
  margin-bottom: .5rem !important;
}

/* darker color of sku on PROD */
.x-product-layout-purchase__sku {
  color: #4A4A4A !important;
}

/* space out top line of product descrip */
#desc-pre {
  margin-bottom: .75rem;
}

/* limit site logo height to 100px */
.checkout-logo {
	max-height: 100px;
}

.x-product-layout-purchase__options-attribute {
    box-shadow: none  !important;
}

.with-border {
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
}

.x-contact-form .is-required::after {
	content: ' *';
	color: red;
}

/* center products on school page */
img.x-product-list__image {
  margin-left: auto;
  margin-right: auto;
}
/* reduce the text spacing on the gift card message input box */
.c-form-input.c-form-input--large.c-form-input--long {
   line-height: inherit;
   height: 6rem;
}

/* less space before prod desc */
section.o-layout.x-product-description {
    padding-top: 1rem;
}

/* trying to space out the attribute image swatches */
/*.o-list-inline__item img {
   vertical-align:inherit;
} */

/* attribute title text same size as options */
.x-product-layout-purchase__options-attribute .c-form-label {
   font-size: 1em;
}

/* required options */
.x-product-layout-purchase .is-required {
   color: #000080;
}
/* make drop downs less ridiculously large */
.c-form-input--large {
   height: 2.5em;
}
/* make password field smaller */
.c-control-group .c-control-group__field {
   height: 2.5em;
}

/* fix frame swatches not aligning with mats */
/*.x-product-layout-purchase__swatches ul {
    margin-left: 0px;
}*/
/* change color of add to cart button on product page */
/*.c-button c-button--full c-button--huge u-bg-gray-40 u-color-white u-text-bold u-font-small u-text-uppercase {
    background-color: #000080;
} */
/* make the CTLG, SRCH page images the same height*/
img.x-product-list__image {
    max-height: 320px;
}

/* center images on homepage for gift, lib of congress, emhe */
.center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Bruce's Change Suggestions */

 .u-bg-gray-40 {     
   background-color: #465d75;} 
.c-button:hover.u-bg-gray-40 {
    background-color: #465d75cc;}

.t-site-navigation {
    border-bottom: 1px solid #dbd1c5;
}

.t-site-header {
    border-bottom: 1px solid #dbd1c5;
}

.u-bg-gray-10::before, .u-bg-gray-10 {
    background-color: #dbd1c5;
}

.u-bg-gray-50 {
    background-color: #465d75 !important;
}

/* .u-bg-gray-50:hover
 { background-color: #465d7549 !important }
*/

.u-bg-gray-50::before, .u-bg-gray-50 
{
    background-color: #465d75 !important;
}

@media (min-width: 48em) {
.t-site-header__links .o-layout__item:not(:first-of-type) {
    border-left: none;1px solid #465d75;
}
}


.c-keyline {
    border-color: #dbd1c5;
}

#checkout_steps .c-keyline { border: 2px solid #465d75 !important;   color:#465d75 !important }
.txt-clr-gold { color:#465d75 !important }

.u-text-normal { text-transform: none !important; font-weight:400 !important }

.green-highlight-text { color: #4caf50; font-size:120% }

.x-hero { text-align:center }