@charset "utf-8";
/* CSS Document */

#giftShopPage {width:100%;height:auto;display:block;position:relative;margin:0;padding:0;background:#fff;}
.slide {position:relative;height:auto;display:block;}
.slide a img {width:100%;height:auto;}
.slide a h3,.video-thumb h3 {text-align: center;margin: 10px 0;text-transform: uppercase;float: left;width: 100%;color:#8b634b;}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.12); }
.grow:hover a h3{font-weight: 900;}

#side-nav {position: absolute;top: 50px;left: 80px;z-index: 2;background: #8b634b;/*border: 1px solid #ccc;*/color: #fff;padding: 18px;padding-bottom: 3px;}
#side-nav li,#side-nav ul {list-style:none;padding:0;margin:0}
#side-nav .side-nav-header {width:200px;height:auto;color:#fff!important;text-transform:uppercase;font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;font-size: 19px;padding: 0 0 15px 0;font-weight: bold;/*background:url(https://jdsports-client-resources.s3.amazonaws.com/mobile_resources/nike/v1/img/swoosh.png) right 1px no-repeat;*/}
#side-nav .side-nav-header h1 {font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;font-size: 17px;font-weight: 900!important;}
#side-nav #side-nav-container {width:200px;height:auto;}
#side-nav #side-nav-container .nav-parent {border-top:1px solid rgba(69, 69, 69, 0.45);color:#fff;font-size: 16px;font-weight: bold;text-transform:uppercase;padding: 12px 0;cursor:pointer;transition:all 0.5s ease;}
#side-nav #side-nav-container .nav-child {padding-left: 0px;padding-bottom: 15px;display:none;}
#side-nav #side-nav-container .nav-child ul li {padding: 4px 0!important;font-size: 12px;}
#side-nav #side-nav-container .nav-parent a, #side-nav #side-nav-container .nav-child ul li a {transition:all 0.5s ease;}
#side-nav #side-nav-container .nav-parent:hover > a, #side-nav #side-nav-container .nav-child ul li:hover > a {color:#222;transition:all 0.5s ease;}

#footwear-details {width:100%;height:auto;box-sizing:border-box;position:relative;margin:20px 0;background:#fff;}
#footwear-details .shoe {width:100%;height:auto;position:relative;box-sizing:border-box;}
#footwear-details .shoe .shoe-bg, .content-box .content-box-bg {width:100%;height:auto;position:relative;vertical-align: middle;}
#footwear-details .shoe .shoe-details {position:absolute;z-index:2;width:40%;height:auto;top:10%;left:5%;}
#footwear-details .shoe .shoe-details p,.content-box .box-overlay p {font-size:14px;}
#footwear-details .shoe .shoe-details h2 {font-size:40px;text-transform:uppercase;margin-bottom:20px;font-weight: 900;}
#footwear-details .shoe .shoe-details .shoe-ctas, .content-box .box-overlay .overlay-ctas {width:100%;height:auto;box-sizing:border-box;margin-top:25px;}
#footwear-details .shoe .shoe-details .shoe-ctas .cta-1, .content-box .box-overlay .overlay-ctas .cta-1 {background:#adc652;float:left;margin-right:3%;padding: 12px 35px;text-transform:uppercase;color:#fff;font-weight:bold;font-size: 14px;}
.content-box .box-overlay .overlay-ctas .cta-1 {margin-right:2%;}

.fadeSplit { width:100%;height:1px;background:linear-gradient(to right, rgba(1,0,0,0), rgba(1,0,0,0.25), rgba(1,0,0,0)); }

.content-box {width:100%;height:auto;box-sizing:border-box;position:relative;}
.box-overlay {width:100%;min-height:25%;box-sizing:border-box;background:rgba(1,0,0,0.25);padding:3%;color:#fff;position:absolute;bottom:0;/*padding-right:30%;*/opacity:0;left:-400px;}
.content-box .box-overlay p {font-size:13px;}
/*.content-box .box-overlay p, .content-box .box-overlay .overlay-ctas {max-width:650px;}*/
.content-box .box-overlay .overlay-ctas {font-size:12px;}
.content-box .box-overlay h2 {color:#fff;font-size:30px;text-transform:uppercase;margin-bottom:15px;font-weight: 900;}

.tab-container {width: 55%;min-width: 600px;height:auto;position:absolute;top:0;left:0;padding:3%;z-index:3;box-sizing:border-box;}
.tab-container .tab {width:32%;box-sizing:border-box;height:auto;margin:0 0.5%;cursor:pointer;text-align:center;color:#34343e;text-transform:uppercase;float:left;font-weight:bold;transition:all 0.5s ease;}
.tab-container .tab .tab-line {width:100%;height:7px;box-sizing:border-box;background:#34343e;display:block;transition:all 0.5s ease;}
.tab-container .tab:hover {color:#8b634b;transition:all 0.5s ease;}
.tab-container .tab:hover .tab-line {background:#8b634b;transition:all 0.5s ease;}
.tab-container .active {color:#8b634b!important;}
.tab-container .active .tab-line {background:#8b634b;}
.tab-container .active .tab-line:after {content: "\25BC";font-size: 17px;}
.tab-container .active:hover {color:#8b634b;transition:all 0.5s ease;}
.tab-container .active:hover .tab-line {background:#8b634b;transition:all 0.5s ease;}
.tab-container .tab h3 {line-height: 18px;margin: 11px 0;}

#seoCopy {width: 100%;height: auto;box-sizing: border-box;padding: 0% 5% 4%;text-align: justify;font-size: 14px;}
#seoCopy p {background: #a8cfee;padding: 3%;}

#video-area {background:#eee;width:100%;height:auto;position:relative;padding:2%;}
#video-area .mini-copy {text-align:center;}

#shirt-finder {background:#fff;display:block;width:100%;height:auto;position:relative;text-align:center;padding: 20px 0 5px 0;float:left;}
#shirt-tabs {display: block;width: 100%;padding: 0;margin: 0 0 20px;position: relative;font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;font-style: normal;font-weight: 400;}
#shirt-tabs {max-width: 1100px;margin: 0 auto;}
#shirt-tabs li {display:inline-block;font-size:20px;font-size: 16px;width: 19%;box-sizing: border-box;text-align: center;margin:0;}
#shirt-tabs li a {color:#2e2e2e;text-decoration:none;}
#boot-finder h2,#shirt-finder h2,#video-area h2 {font-size:30px;text-transform:uppercase;margin:0 0 16px 0;font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;font-style: normal;font-weight: 600;}
#shirt-scroller {background:#eee;margin:20px auto;}

.scottish-shirts,.international-shirts,.european-shirts,.premier-shirts,.football-shirts {display:none;max-width: 100%;margin: 0 auto;}
#shirt-scroller a img {width: 5%;margin: 5px 1%;}

/* THE BELOW LINE APPLIES IF THERE IS ONLY 2 TABS IN THE MODULE */
/* THE CLASS "dual-tab" MUST BE INCLUDED AS REQUIRED */
.dual-tab .tab {width:49%!important;}
.four-tab .tab {width:24%!important;}
/* END */

.align-center {position: absolute;left: 50%;-webkit-transform: translateY(0%) translateX(-50%);-ms-transform: translateY(0%) translate(-50%);transform: translateY(0%) translate(-50%);}

#football-promos .content-box, #football-players .content-box {display:none;}

#football-players .box-overlay {background:none!important;}

#nike-social {width:100%;height:auto;position:relative;box-sizing:border-box;padding-bottom:50px;padding-top:30px;}
#nike-social .social-logo {font-size: 40px;text-align: center;/* width: 100%; */box-sizing: border-box;/* padding: 40px; *//* display: inline; */vertical-align: middle;line-height: 40px;margin-top: -10px;margin-left: 5px;}
#nike-social .social-block {width: 30%;height: auto;position: relative;float: left;box-sizing: border-box;padding: 0;margin: 0;}
#nike-social .social-block a {display: block;position: relative;float: left;width:50%;box-sizing:border-box;}
#nike-social .social-block a:first-child{width:100%!important;}
#nike-social .social-block img {width: 100%;vertical-align:middle}
.social-title {text-align: center;padding: 20px 0;font-size: 20px;text-transform: uppercase;}
.social-title span {font-weight:bold!important;}
#nike-social .social-block .social-cta {background: #8b634b;color: #fff;padding: 1% 3%;display: block;/* width: 50%; */text-align: center;text-transform: uppercase;font-size: 16px;font-weight: 700;position: absolute;z-index: 2;bottom: 5%;/* margin-left: 25%; */right: 5%;}

.clearfix {width:100%;height:0;clear:both;}

/* Three column Split */
.column{display: block; width: 100%; position: relative;}
.column::after{content: ""; display: block; clear: both;}
.column a{ display: block;}
.column a img{width:100%;}
.col-3 a{width: calc(33.33% - 10px); float: left; margin: 5px;margin-top: 10px;}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
	#footwear-details .shoe .shoe-details .shoe-ctas .cta-1, .content-box .box-overlay .overlay-ctas .cta-1 {padding:10px 20px;}
  }