/* ==========================================================================
   COMPILED SITE STYLE SHEETS
   ========================================================================== */

@import "core/css/core-styles.css";

@import "extensions/_extensions.css";

@import "ui/css/theme-styles.css";

/* ==========================================================================
   CUSTOM STYLES GO BELOW HERE
   ========================================================================== */

/* Added 4/12/18 for attribute drop down color on PC */
.c-form-select__dropdown {
    background-color: #b3d4fc;
}

@media (min-width: 60em) {
/* Added 4/12/18 top nav color on PC */
	.x-transfigure-navigation .c-navigation__link {
   		 background-color: #003e7f;
		 color: #FFF;
	}
	.x-transfigure-navigation .c-navigation__link:hover {
        	background-color: #c0c0c0;
		text-transform: uppercase;
	}

	.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__list .c-navigation__link:hover {
    		background-color: #b3d4fc;
	}
/* Added 4/12/18 for attribute drop down sizing on PC */
	.c-form-input--large {
    		height: calc(2.4em - (1px * 2));
	}
/* Added 4/12/18 for attribute drop down sizing on PC */
	.x-product-layout-purchase__options-attribute {
   		 margin-bottom: -.5em;
	}
	.c-form-input--large {
   		 height: calc(2.6em - (1px * 2));
}
	.c-form-select {
    		font-size: .8em;
    		line-height: 1;
	}
	.c-form-select__dropdown {
		height: calc(2.8em - (1px * 2));
	}
/* Added 5/2/18 for prod name text on category page sizing on PC */
	.x-product-list__name {
    		font-weight: 400;
    		line-height: 1.0;
    		font-size: smaller;
	}
	.x-product-list__item {
    		margin-bottom: .25rem;
	}

/* Added 4/15/18 for header spacing on PC */
	.x-transfigure-navigation__content {
    		padding-top: .2em;
    		padding-bottom: .2em;
	}

	.t-site-navigation {
    		border-bottom: 0px solid #eaeaea;
	}

	.t-site-navigation {
   	 	margin-bottom: .2rem;
	}

	.t-site-header__masthead {
    		padding-top: .2em;
   		 padding-bottom: .2em;
	}
	.c-navigation__link {
    		padding: 0.3em .2em;
	}
	.t-site-header {
    		border-bottom: 0px solid #eaeaea;
	}
	.t-faceting .c-form-checkbox {
    		font-size: 12px;
	}
/* Added 4/15/18 for prod page spacing on PC */
	.x-collapsing-breadcrumbs__list {
    		padding-bottom: .2em;
	}
	.x-product-layout {
    		padding-top: .1rem;
	}
/* Added 4/15/18 for prod attribute spacing on PC */
	.c-form-label {
    		margin-bottom: 0;
		font: 100% Verdana, Arial, Helvetica, sans-serif;
	}
	.x-product-layout-purchase .is-required {
    		font-weight: 600;
	}
	.x-product-description {
    		margin-bottom: 0; 
    		padding-top: 0; 
	}

/* Added 4/19/18 for category tree on PC */
	.x-category-tree__link {
    		padding: 0 .4em 0;
	}


	.x-category-tree__link {
    		color: #FFF;
    		background-color: #003e7f;
		font-size: 12px;
    		font-weight: 450;
		border-style: solid;
    		border-width: thin;
	}
	.x-category-tree__link:hover {
		color: #003e7f;
	}
	.x-category-tree__list--level-2 .x-category-tree__link {
		color: #003e7f;
    		background-color: #b3d4fc;
    		margin-left: .25em;
		padding-left: 1.25em;
    		font-size: 12px;
		border-style: none;
		line-height: 1.3;
	}
	x-category-tree__list x-category-tree__list--level-2 redtext {
    		color: #d20d0b;
	}
	.x-category-tree__link--current, .x-category-tree__list--level-2 .x-category-tree__link--current, .x-category-tree__list--level-3  {
    		color: #b3d4fc;
    		background-color: #003e7f;
    		margin-left: -.5em;
	}
	.x-category-tree__list--level-3 {
		margin-left: .75em;
	}
	.x-category-tree__list--level-3 .x-category-tree__link {
   		 color: #FFF;
		 border-style: none;
		 line-height: 1.3;
	}
}

/* Added 4/16/18 for footer spacing on PC/tablet */
@media (min-width: 48em) {
	.t-site-footer {
    		padding-top: 0;
	}
	.t-site-footer__content, .t-site-footer__disclaimer {
   		padding-top: .5em;
    		padding-bottom: .5em;
	}
	.mm_facet_rangeslider_track_handle_low, .mm_facet_rangeslider_track_handle_high {
    		width: 1.5em;
    		height: 1.5em;
    		background: #b3d4fc;
		border-radius: 20%;
	}

	.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_track_container {
    		height: 1.8em;
    		border: 0px;
	}
	.mm_facet_rangeslider.mm_facet_rangeslider_mini {
    		height: 4em;
	}
	.mm_facet_rangeslider_input_container_low, .mm_facet_rangeslider_input_container_high {
    		border: 0px;
	}

}

.t-site-footer__disclaimer {
    color: #b3d4fc;
}

.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
    color: #eaeaea;
}

.t-site-footer .c-menu__title,
.t-site-footer .c-collapsible-menu__label {
		color: #b3d4fc;
}

.x-product-list__price {
    color: #000;
}

/* Tip Styles */

.tip-promo a {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: -1em;
}
.tip-promo:hover a:before {
    content: "";
    position: absolute;
    bottom: 20%;
    z-index: 2;
    margin: auto;
    left: 0;
    right: 0;
}
.tip-promo:hover a:after {
    background: rgba(0,0,0,0.45);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #c00000;
    line-height: 20;
    font-weight: bold;
}

/* Best Seller Banner Styles */
#boxedthin {
    border: 2px solid #000000;
    display: block;
    border-radius: 10px;
    text-align: center;
    background-color: #FD0A0E;
    color: #FFFFFF;
    margin-bottom: .75em;
}
#boxedthin a:link {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:22px;
    	color: #FFFFFF;
    	text-decoration: none;
} 
/* visited link */
#boxedthin a:visited {
	color: #FFFFFF;
    	text-decoration: none;
}
#boxedthin a:hover {
    	color: #000000;
	text-decoration: none;
} 
/* Ratings Tab colors */
.durability1 {
    color: #FFF;
    background-color: #800080;
}
.power1 {
    color: #FFF;
    background-color: #F00;
}
.court1 {
    color: #FFF;
    background-color: #009;
}
.overall1 {
    color: #FF0;
    background-color: #000;
}

@media screen and (max-width: 36em) {
	.u-hidden--sx {
		display: none;
	}
}

/* Product Ribbons */

.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon {
  font: bold 12px Sans-Serif;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon:before, .ribbon:after {
  content: " ";  
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.o-layout__item { position: relative }

/*
------------------------ =TABLES ------------------------ */
table {
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	max-width: 100%;
	width: 100%;
}
	table caption {
		font-weight: 700;
		font-style: italic;
		padding-bottom: 0.317rem;
	}
	table th,
	table tfoot td {
		color: #222;
		font-weight: 700;
		text-align: left;
	}
	table thead th,
	table tfoot td {
		background-color: #efefef;
	}
	table th,
	table td {
		overflow: visible;
		padding: 0;
	}
	
	/* ------------------------ chart styles ------------------------ */
	
	.table-red {
		background-color: #013e7f;
		border: none;
	}
	
	.table-red th {
		color: #FFF;
	}
	
	.table-red a {
		color: #FFF;
	}
	
	.table-red a:hover {
		color: #b3d4fc;
	}
	
	.table-bang {
		color: #008000;
	}
	
	.table-reg {
		color: #c00000;
	}


	/* ------------------------ add border ------------------------ */
	.table-border {
		border: 1px solid #d0d0d0;
	}

	/* ------------------------ add borders for rows & columns ------------------------ */
	.table-border-all th,
	.table-border-all td {
		border-top: 1px solid #d0d0d0;
		border-left: 1px solid #d0d0d0;
	}

	/* ------------------------ add borders for rows only ------------------------ */
	.table-border-rows th,
	.table-border-rows td {
		border-top: 1px solid #d0d0d0;
	}

	/* ------------------------ remove top border to avoid double border on .border tables ------------------------ */
	.table-border.border-all thead:first-child tr:first-child th,
	.table-border.border-all thead:first-child tr:first-child td,
	.table-border.border-rows thead:first-child tr:first-child th,
	.table-border.border-rows thead:first-child tr:first-child td {
		border-top: 0;
	}
	.table-.border-all tr th:first-child,
	.table-border-all tr td:first-child {
		border-left: 0;
	}
	.table-border-all tr:first-child th,
	.table-border-all thead:first-child tr:first-child th {
		border-top: 0;
	}

	/* ------------------------ add bottom border to last row in the table ------------------------ */
	.table-border-rows tr:last-child td,
	.table-border-rows tr.last-child td {
		border-bottom: 1px solid #d0d0d0;
	}

	/* ------------------------ add stripes ------------------------ */
	.table-stripe tbody > tr:nth-child(odd) > td {
		background: #f8f8f8;
	}

	/* ------------------------ mobile table [convert to list-like view] ------------------------ */
	@media (max-width: 36em) {
		.mobile-table {
			font-size: 0.875rem;
			min-width: 100%;
		}
			.mobile-table thead,
			.mobile-table th {
				display: none;
			}
			.mobile-table tr td:last-child {
				border-bottom: 10px solid #ddd;
			}
				.mobile-table td {
					display: block;
				}
					.mobile-table td:first-child {
						padding-top: 0.50rem;
					}
					.mobile-table td:last-child {
						padding-bottom: 0.50rem;
					}
				.mobile-table td:before {
					content: attr(data-th) ": ";
					display: inline-block;
					font-weight: 700;
					width: 8rem;
				}
	}

.t-multiple-product-upsell-purchase__options .product-attributes {
	margin-top: 4em;
}

.t-multiple-product-upsell-purchase__options select {
	background-color: #b3d4fc;
	font-size: .8em;
    	line-height: 1;
	height: calc(2.8em - (1px * 2));
}

.t-multiple-product-upsell-purchase__options .prompt {
	font-size: .80em;
}

.t-multiple-product-upsell-purchase__options .required {
	font-size: .80em;
}

.t-multiple-product-upsell-purchase__options tr {
	height: 5em;
}

@media screen and (max-width: 60em) {
	.u-hidden--sxx {
		display: none;
	}
}

.x-flex-tabs__content li {
	margin-left: 5em;
}

.buttonmob {
    background: #013e7f;
    border-radius: 10px;
    padding: 10px 20px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #a7a7a7;
    margin: 0px auto;
}

.buttonmob .x-product-list__link {
    color: #FFF;
    transition: ease-in-out 0.3s;
}

.buttonmob a:hover {
	color: #b3d4fc;
}

.x-product-list__image {
    	display: inline-block;
	margin-bottom: 0;
}

.x-category-tree__label::after {
    content: "\2212";
    opacity: 0;
    transform: scale(0);
}

.x-category-tree__label::before {
    content: "\2261";
    opacity: 1;
    transform: scale(2);
}

.t-checkout-basket-summary__promo-form, .t-checkout-basket-summary__promo-form:first-child, .t-checkout-basket-summary__promo-form:last-child {
    background-color: #b3d4fc;
}

.promo-banner {
    background: #ffdfdf;
    border-radius: 6px;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 600;
    color: #f44;
    padding: 7px 10px;
    text-align: center;
    margin-bottom: 18px;
}

	

/* ------------------------ Fix breadcrumbs in mobile ------------------------ */
@media (max-width: 769px) {
   .t-site-navigation__wrap {height:1px }
}

/* ------------------------ How to Play Images ------------------------ */
  .center-image-mobile{
      float: right;
     margin: 0px 0px 15px 15px;
  }
    @media only screen and (max-width: 600px) {
      .center-image-mobile{
        float: none;
        margin: 15px auto;
        display: block;
      }
  }