/******************************/ /* SIZING */ /******************************/ /******************************/ /* FONTS */ /******************************/ /******************************/ /* COLOURS */ /******************************/ /******************************/ /* SUSY */ /******************************/ /******************************/ /* RESET */ /******************************/ html, body { margin: 0; padding: 0; } *, *:before, *:after { box-sizing: border-box; } a, img { border: 0; } /******************************/ /* STRUCTURE */ /******************************/ .nikethedrop-wrap { max-width: 100%; margin-left: auto; margin-right: auto; margin: 0 auto; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .nikethedrop-wrap:after { content: " "; display: block; clear: both; } .nikethedrop-wrap header { border-bottom: 10px solid #000; } @media (min-width: 51em) { .nikethedrop-wrap header { border-bottom: 25px solid #000; text-align: center; } } .nikethedrop-wrap main { max-width: 100%; margin-left: auto; margin-right: auto; } .nikethedrop-wrap main:after { content: " "; display: block; clear: both; } .nikethedrop-wrap .clear { clear: both; } /******************************/ /* NAV */ /******************************/ .nikethedrop-wrap .nike-header .nike-container { max-width: 930px; margin: auto; position: relative; } .nikethedrop-wrap .nike-header .nike-logo { width: 980px; margin: 15px; text-align: center; display: block; } .nikethedrop-wrap .redbat { max-width: 914px; margin: 15px; text-align: center; display: block; } @media (min-width: 51em) { .nikethedrop-wrap .redbat { width: auto; margin: 0; } .nikethedrop-wrap .nike-header .nike-logo { width: auto; margin: 0; margin-top: 60px; margin-bottom: 40px; } } .nikethedrop-wrap .nike-header .nike-logo img { width: 100%; display: block; } @media (min-width: 51em) { .nikethedrop-wrap .redbat { width: auto; display: inline-block; } .nikethedrop-wrap .nike-header .nike-logo img { width: auto; display: inline-block; } } .nikethedrop-wrap .nike-header .nike-instagram { width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; right: 55px; } @media (min-width: 51em) { .nikethedrop-wrap .nike-header .nike-instagram { width: 45px; height: 45px; right: 15px; } } .nikethedrop-wrap .nike-header .nike-instagram img { width: 100%; display: block; } .nikethedrop-wrap .nike-header .nike-nav { padding: 15px; border-top: 10px solid #000; display: none; } @media (min-width: 51em) { .nikethedrop-wrap .nike-header .nike-nav { padding: 0; padding-bottom: 15px; display: block; border: 0; } } .nikethedrop-wrap .nike-header .nike-nav a { width: auto; padding-right: 10px; display: inline-block; text-align: left; font-weight: bold; color: #bcbcbc; text-transform: uppercase; text-decoration: none; } .nikethedrop-wrap .nike-header .nike-nav a.nike-active, .nikethedrop-wrap .nike-header .nike-nav a:hover { color: #000; } @media (min-width: 51em) { .nikethedrop-wrap .nike-header .nike-nav a { width: auto; display: inline; margin-left: 7px; margin-right: 7px; text-align: center; } } .nikethedrop-wrap .nike-header #nike-burger { width: 27px; height: 27px; position: absolute; top: 0; bottom: 0; right: 15px; background-image: url("../img/menu.png"); background-repeat: no-repeat; background-size: cover; } @media (min-width: 51em) { .nikethedrop-wrap .nike-header #nike-burger { width: 45px; height: 45px; display: none; } } /******************************/ /* CONTENT */ /******************************/ .nikethedrop-wrap .nike-item-wrap { width: 100%; background-size: cover; } .nikethedrop-wrap .nike-item { max-width: 100%; margin-left: auto; margin-right: auto; max-width: 930px; } .nikethedrop-wrap .nike-item:after { content: " "; display: block; clear: both; } .nikethedrop-wrap .nike-item .nike-item-content { max-width: 100%; margin-left: auto; margin-right: auto; width: 100%; max-width: 750px; /* For IE css hack */ *min-height: auto; /* apply to ie 7 and below */ _min-height: 470px; /* apply to ie 6 and below */ min-height: 470px; display: table; position: relative; } .nikethedrop-wrap .nike-item .nike-item-content:after { content: " "; display: block; clear: both; } .nikethedrop-wrap .nike-item .nike-item-content .nike-text { width: 100%; display: table-cell; vertical-align: middle; text-align: center; } .nikethedrop-wrap .nike-item .nike-item-content img { position: relative; padding: 0; /*max-height: 250px;*/ margin: auto; } .nikethedrop-wrap .nike-item .nike-item-contentMain { max-width: 100%; margin-left: auto; margin-right: auto; width: 100%; max-width: 750px; min-height: 470px; display: table; position: relative; } .nikethedrop-wrap .nike-item .nike-item-contentMain:after { content: " "; display: block; clear: both; } .nikethedrop-wrap .nike-item .nike-item-contentMain .nike-text { width: 100%; display: table-cell; vertical-align: middle; text-align: center; } .nikethedrop-wrap .nike-item .nike-item-contentMain img { position: relative; padding: 0; max-height: 295px; margin: auto; } @media (min-width: 51em) { .nikethedrop-wrap .nike-item .nike-item-content img { /*position: absolute;*/ z-index: 1; top: 0; right: 0; bottom: 0; /*max-height: 475px;*/ } .nikethedrop-wrap .nike-item .nike-item-contentMain img { /*position: absolute;*/ z-index: 1; top: 0; right: 0; bottom: 0; /*max-height: 599px;*/ } } .nikethedrop-wrap .nike-item .nike-item-content .nike-meta { width: 154px; position: relative; border-bottom: 2px solid #000; display: table; margin-top: 15px; margin-left: 15px; } @media (min-width: 51em) { .nikethedrop-wrap .nike-item .nike-item-content .nike-meta { margin-top: 0; margin-left: 0; position: absolute; top: 0; right: 0; z-index: 2; display: none; } } .nikethedrop-wrap .nike-item .nike-item-content .nike-meta .nike-month { width: 50%; border-right: 2px solid #000; display: table-cell; text-align: center; vertical-align: middle; } .nikethedrop-wrap .nike-item .nike-item-content .nike-meta .nike-month span { width: 36px; display: inline-block; margin-top: 18px; margin-bottom: 18px; font-size: 18px; font-weight: bold; line-height: 36px; border: 1px solid #000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .nikethedrop-wrap .nike-item .nike-item-content .nike-meta .nike-num { width: 50%; display: table-cell; } .nikethedrop-wrap .nike-item .nike-item-content .nike-meta .nike-week { text-align: center; vertical-align: middle; font-weight: bold; font-size: 36px; line-height: 50px; } .nikethedrop-wrap .nike-item .nike-item-content .nike-meta .nike-call { border-bottom: 2px solid #000; line-height: 24px; font-weight: bold; font-style: italic; text-align: center; } .nikethedrop-wrap .nike-item .nike-item-content .nike-story { position: relative; z-index: 2; text-align: left; padding: 15px; } @media (min-width: 51em) { .nikethedrop-wrap .nike-item .nike-item-content .nike-story { padding: 0; } } .nikethedrop-wrap .nike-item .nike-item-content .nike-story h1 { margin: 0; font-size: 72px; line-height: 62px; } .nikethedrop-wrap .nike-item .nike-item-content .nike-story h2 { margin: 0; margin-top: 10px; font-size: 19px; line-height: 26px; text-transform: uppercase; } .nikethedrop-wrap .nike-item .nike-item-content .nike-story p { margin: 0; font-style: italic; line-height: 19px; } .nikethedrop-wrap .nike-item .nike-item-content .nike-story p a { color: #000; } .nikethedrop-wrap .nike-item .nike-item-content .nike-story p a:hover { text-decoration: none; } .nikethedrop-wrap .nike-item .nike-item-content .nike-story br { display: none; } @media (min-width: 51em) { .nikethedrop-wrap .nike-item .nike-item-content .nike-story br { display: block; } } .nikethedrop-wrap .nike-item .nike-item-content .nike-story:after { width: 20px; height: 20px; margin-top: 10px; content: ""; display: inline-block; border: 4px solid #000; } .nikethedrop-wrap .nike-item .nike-item-content.alt { color: #ffffff; } .nikethedrop-wrap .nike-item .nike-item-content.alt .nike-meta { border-color: #ffffff; } .nikethedrop-wrap .nike-item .nike-item-content.alt .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.alt .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.alt .nike-meta .nike-call { border-color: #ffffff; } .nikethedrop-wrap .nike-item .nike-item-content.alt .nike-story a { color: #ffffff; } .nikethedrop-wrap .nike-item .nike-item-content.alt .nike-story:after { border-color: #ffffff; } .nikethedrop-wrap .nike-item .nike-item-content.greytext { color: #a2a2a2; } .nikethedrop-wrap .nike-item .nike-item-content.greytext .nike-meta { border-color: #a2a2a2; } .nikethedrop-wrap .nike-item .nike-item-content.greytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.greytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.greytext .nike-meta .nike-call { border-color: #a2a2a2; } .nikethedrop-wrap .nike-item .nike-item-content.greytext .nike-story a { color: #a2a2a2; } .nikethedrop-wrap .nike-item .nike-item-content.greytext .nike-story:after { border-color: #a2a2a2; } .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext { color: #504c49; } .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext .nike-meta { border-color: #504c49; } .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext .nike-meta .nike-call { border-color: #504c49; } .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext .nike-story a { color: #504c49; } .nikethedrop-wrap .nike-item .nike-item-content.darkgreytext .nike-story:after { border-color: #504c49; } .nikethedrop-wrap .nike-item .nike-item-content.blacktext { color: #000000; } .nikethedrop-wrap .nike-item .nike-item-content.blacktext .nike-meta { border-color: #000000; } .nikethedrop-wrap .nike-item .nike-item-content.blacktext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.blacktext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.blacktext .nike-meta .nike-call { border-color: #000000; } .nikethedrop-wrap .nike-item .nike-item-content.blacktext .nike-story a { color: #000000; } .nikethedrop-wrap .nike-item .nike-item-content.blacktext .nike-story:after { border-color: #000000; } .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext { color: #6b6e73; } .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext .nike-meta { border-color: #6b6e73; } .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext .nike-meta .nike-call { border-color: #6b6e73; } .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext .nike-story a { color: #6b6e73; } .nikethedrop-wrap .nike-item .nike-item-content.charcoalgreytext .nike-story:after { border-color: #6b6e73; } .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext { color: #bbbcbe; } .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext .nike-meta { border-color: #bbbcbe; } .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext .nike-meta .nike-call { border-color: #bbbcbe; } .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext .nike-story a { color: #bbbcbe; } .nikethedrop-wrap .nike-item .nike-item-content.lightgreytext .nike-story:after { border-color: #bbbcbe; } .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext { color: #c6c5c2; } .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext .nike-meta { border-color: #c6c5c2; } .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext .nike-meta .nike-call { border-color: #c6c5c2; } .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext .nike-story a { color: #c6c5c2; } .nikethedrop-wrap .nike-item .nike-item-content.quilgreytext .nike-story:after { border-color: #c6c5c2; } .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext { color: #898989; } .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext .nike-meta { border-color: #898989; } .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext .nike-meta .nike-call { border-color: #898989; } .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext .nike-story a { color: #898989; } .nikethedrop-wrap .nike-item .nike-item-content.suvagreytext .nike-story:after { border-color: #898989; } .nikethedrop-wrap .nike-item .nike-item-content.minegreytext { color: #5b5b5b; } .nikethedrop-wrap .nike-item .nike-item-content.minegreytext .nike-meta { border-color: #5b5b5b; } .nikethedrop-wrap .nike-item .nike-item-content.minegreytext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.minegreytext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.minegreytext .nike-meta .nike-call { border-color: #5b5b5b; } .nikethedrop-wrap .nike-item .nike-item-content.minegreytext .nike-story a { color: #5b5b5b; } .nikethedrop-wrap .nike-item .nike-item-content.minegreytext .nike-story:after { border-color: #5b5b5b; } .nikethedrop-wrap .nike-item .nike-item-content.livergreentext { color: #545a4d; } .nikethedrop-wrap .nike-item .nike-item-content.livergreentext .nike-meta { border-color: #545a4d; } .nikethedrop-wrap .nike-item .nike-item-content.livergreentext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.livergreentext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.livergreentext .nike-meta .nike-call { border-color: #545a4d; } .nikethedrop-wrap .nike-item .nike-item-content.livergreentext .nike-story a { color: #545a4d; } .nikethedrop-wrap .nike-item .nike-item-content.livergreentext .nike-story:after { border-color: #545a4d; } .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext { color: #969591; } .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext .nike-meta { border-color: #969591; } .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext .nike-meta .nike-call { border-color: #969591; } .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext .nike-story a { color: #969591; } .nikethedrop-wrap .nike-item .nike-item-content.amethystsmoketext .nike-story:after { border-color: #969591; } .nikethedrop-wrap .nike-item .nike-item-content.silvertext { color: #c1c0c0; } .nikethedrop-wrap .nike-item .nike-item-content.silvertext .nike-meta { border-color: #c1c0c0; } .nikethedrop-wrap .nike-item .nike-item-content.silvertext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.silvertext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.silvertext .nike-meta .nike-call { border-color: #c1c0c0; } .nikethedrop-wrap .nike-item .nike-item-content.silvertext .nike-story a { color: #c1c0c0; } .nikethedrop-wrap .nike-item .nike-item-content.silvertext .nike-story:after { border-color: #c1c0c0; } .nikethedrop-wrap .nike-item .nike-item-content.altotext { color: #e0e0e0; } .nikethedrop-wrap .nike-item .nike-item-content.altotext .nike-meta { border-color: #e0e0e0; } .nikethedrop-wrap .nike-item .nike-item-content.altotext .nike-meta .nike-month span, .nikethedrop-wrap .nike-item .nike-item-content.altotext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.altotext .nike-meta .nike-call { border-color: #e0e0e0; } .nikethedrop-wrap .nike-item .nike-item-content.altotext .nike-story a { color: #e0e0e0; } .nikethedrop-wrap .nike-item .nike-item-content.altotext .nike-story:after { border-color: #e0e0e0; } /* 0703 */ .nike-item-content.darktext, .nike-item-content.darktext .nike-story a { color: #404244; } .nikethedrop-wrap .nike-item .nike-item-content.darktext .nike-meta, .nikethedrop-wrap .nike-item .nike-item-content.darktext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.darktext .nike-meta .nike-call, .nikethedrop-wrap .nike-item .nike-item-content.darktext .nike-story:after { border-color: #404244; } /* 0704 */ .nike-item-content.darkertext, .nike-item-content.darkertext .nike-story a { color: #353535; } .nikethedrop-wrap .nike-item .nike-item-content.darkertext .nike-meta, .nikethedrop-wrap .nike-item .nike-item-content.darkertext .nike-meta .nike-month, .nikethedrop-wrap .nike-item .nike-item-content.darkertext .nike-meta .nike-call, .nikethedrop-wrap .nike-item .nike-item-content.darkertext .nike-story:after { border-color: #353535; } #popup { background-color: #fff; width: 50%; margin: 0 auto; position: relative; text-align: center; position: relative; } #popup .mfp-close { right: 0px; margin: 0; height: 40px; width: 40px; background-color: #333; color: #fff; line-height: 0px; padding-bottom: 5px; } #popup .mfp-close:hover { background-color: #000; cursor: pointer; } #popup .popup-h1 { display: block; width: 50%; margin: 0 auto; padding: 5% 0; } #popup .popup-title { position: relative; } #popup .popup-title * { display: inline-block; vertical-align: middle; } #popup .popup-title label, #popup .popup-title button { text-transform: uppercase; font-family: 'arial', sans-serif; font-weight: bold; border: 0px solid; } #popup .popup-title label { color: #5f5f5f; font-size: 10px; } #popup .popup-title label.error { position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; color: red; } #popup .popup-title input { border: 1px solid #b1b1b1; padding: 4px; } #popup .popup-title button { color: #fff; font-size: 10px; padding: 6px 10px; background-color: rgba(51, 51, 51, 0.66); } #popup .popup-title button:hover { background-color: #000; cursor: pointer; } #popup .mailer-logos { margin-top: 5%; margin-bottom: 5%; width: 70%; } /************SMART***************/ @media (min-width: 20em) { #popup { width: 100%; } } /************TABLETS***************/ @media (min-width: 48em) { #popup { width: 50%; } } /************DESKTOP***************/ @media (min-width: 62em) { #popup { width: 50%; } } /************LARGE***************/ @media (min-width: 75em) { #popup { width: 50%; } } /*# sourceMappingURL=nikethedrop.css.map */