/* Theme Name: Starkers (Production) Theme URI: http://viewportindustries.com/products/starkers Description: The totally nude Wordpress theme! Version: 4.0 Author: Elliot Jay Stocks & Keir Whitaker Author URI: http://viewportindustries.com Tags: starkers, naked, clean, basic */ /* COLORS: Wakefield orange: #f05a28; manila backgrounds: #f3efe1; */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 11, 2014 */ @font-face { font-family: 'aviatorwebfont'; src: asset-url("aviatorwebfont.eot"); src: asset-url("aviatorwebfont.eot") format("embedded-opentype"), asset-url("aviatorwebfont.woff2") format("woff2"), asset-url("aviatorwebfont.woff") format("woff"), asset-url("aviatorwebfont.ttf") format("truetype"), asset-url("aviatorwebfont.svg#aviatorwebfont") format("svg"); } @font-face { font-family: 'Gotham Black Italic'; src: url("../fonts/gothamblack-italic-webfont.eot"); src: url("../fonts/gothamblack-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamblack-italic-webfont.woff") format("woff"), url("../fonts/gothamblack-italic-webfont.ttf") format("truetype"), url("../fonts/gothamblack-italic-webfont.svg#gothamblackitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Extra Light Italic'; src: url("../fonts/gothamexlight-italic-webfont.eot"); src: url("../fonts/gothamexlight-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamexlight-italic-webfont.woff") format("woff"), url("../fonts/gothamexlight-italic-webfont.ttf") format("truetype"), url("../fonts/gothamexlight-italic-webfont.svg#gothamexlightitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Regular'; src: url("../fonts/gothambook-webfont.eot"); src: url("../fonts/gothambook-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambook-webfont.woff") format("woff"), url("../fonts/gothambook-webfont.ttf") format("truetype"), url("../fonts/gothambook-webfont.svg#gothambookregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Regular Italic'; src: url("../fonts/gothambook-italic-webfont.eot"); src: url("../fonts/gothambook-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambook-italic-webfont.woff") format("woff"), url("../fonts/gothambook-italic-webfont.ttf") format("truetype"), url("../fonts/gothambook-italic-webfont.svg#gothambookitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Bold'; src: url("../fonts/gothambold-webfont.eot"); src: url("../fonts/gothambold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambold-webfont.woff") format("woff"), url("../fonts/gothambold-webfont.ttf") format("truetype"), url("../fonts/gothambold-webfont.svg#gothamboldregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Bold Italic'; src: url("../fonts/gothambold-italic-webfont.eot"); src: url("../fonts/gothambold-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambold-italic-webfont.woff") format("woff"), url("../fonts/gothambold-italic-webfont.ttf") format("truetype"), url("../fonts/gothambold-italic-webfont.svg#gothambolditalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Black'; src: url("../fonts/gothamblack-webfont.eot"); src: url("../fonts/gothamblack-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamblack-webfont.woff") format("woff"), url("../fonts/gothamblack-webfont.ttf") format("truetype"), url("../fonts/gothamblack-webfont.svg#gothamblackregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Light Italic'; src: url("../fonts/gothamlight-italic-webfont.eot"); src: url("../fonts/gothamlight-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamlight-italic-webfont.woff") format("woff"), url("../fonts/gothamlight-italic-webfont.ttf") format("truetype"), url("../fonts/gothamlight-italic-webfont.svg#gothamlightitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Thin Italic'; src: url("../fonts/gothamthin-italic-webfont.eot"); src: url("../fonts/gothamthin-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamthin-italic-webfont.woff") format("woff"), url("../fonts/gothamthin-italic-webfont.ttf") format("truetype"), url("../fonts/gothamthin-italic-webfont.svg#gothamthinitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Extra Light'; src: url("../fonts/gothamexlight-webfont.eot"); src: url("../fonts/gothamexlight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamexlight-webfont.woff") format("woff"), url("../fonts/gothamexlight-webfont.ttf") format("truetype"), url("../fonts/gothamexlight-webfont.svg#gothamexlightregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Light'; src: url("../fonts/gothamlight-webfont.eot"); src: url("../fonts/gothamlight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamlight-webfont.woff") format("woff"), url("../fonts/gothamlight-webfont.ttf") format("truetype"), url("../fonts/gothamlight-webfont.svg#gothamlightregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Medium'; src: url("../fonts/gothammedium-webfont.eot"); src: url("../fonts/gothammedium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothammedium-webfont.woff") format("woff"), url("../fonts/gothammedium-webfont.ttf") format("truetype"), url("../fonts/gothammedium-webfont.svg#gothammediumregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Thin'; src: url("../fonts/gothamthin-webfont.eot"); src: url("../fonts/gothamthin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamthin-webfont.woff") format("woff"), url("../fonts/gothamthin-webfont.ttf") format("truetype"), url("../fonts/gothamthin-webfont.svg#gothamthinregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Ultra Italic'; src: url("../fonts/gothamultra-italic-webfont.eot"); src: url("../fonts/gothamultra-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamultra-italic-webfont.woff") format("woff"), url("../fonts/gothamultra-italic-webfont.ttf") format("truetype"), url("../fonts/gothamultra-italic-webfont.svg#gothamultraitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Ultra'; src: url("../fonts/gothamultra-webfont.eot"); src: url("../fonts/gothamultra-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamultra-webfont.woff") format("woff"), url("../fonts/gothamultra-webfont.ttf") format("truetype"), url("../fonts/gothamultra-webfont.svg#gothamultraregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Medium Italic'; src: url("../fonts/gothammedium-italic-webfont.eot"); src: url("../fonts/gothammedium-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothammedium-italic-webfont.woff") format("woff"), url("../fonts/gothammedium-italic-webfont.ttf") format("truetype"), url("../fonts/gothammedium-italic-webfont.svg#gothammediumitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sanchez Regular'; src: url("../fonts/sanchezregular-webfont.eot"); src: url("../fonts/sanchezregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sanchezregular-webfont.woff") format("woff"), url("../fonts/sanchezregular-webfont.ttf") format("truetype"), url("../fonts/sanchezregular-webfont.svg#sanchez_regularregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sanchez Regular Italic'; src: url("../fonts/sanchezregular-ita-webfont.eot"); src: url("../fonts/sanchezregular-ita-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sanchezregular-ita-webfont.woff") format("woff"), url("../fonts/sanchezregular-ita-webfont.ttf") format("truetype"), url("../fonts/sanchezregular-ita-webfont.svg#sanchez_regular_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sanchez Bold'; src: url("../fonts/latinotype_-_sanchezbold-webfont-webfont.eot"); src: url("../fonts/latinotype_-_sanchezbold-webfont-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/latinotype_-_sanchezbold-webfont-webfont.woff") format("woff"), url("../fonts/latinotype_-_sanchezbold-webfont-webfont.ttf") format("truetype"), url("../fonts/latinotype_-_sanchezbold-webfont-webfont.svg#sanchezbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Aviator Regular'; src: url("../fonts/aviator-webfont-webfont.eot"); src: url("../fonts/aviator-webfont-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aviator-webfont-webfont.woff") format("woff"), url("../fonts/aviator-webfont-webfont.ttf") format("truetype"), url("../fonts/aviator-webfont-webfont.svg#aviatorregular") format("svg"); font-weight: normal; font-style: normal; } /** * reset.css * * Adapted from: * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/ * HTML5 boilerplate: http://html5boilerplate.com/ * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/ * * Modified by Elliot Jay Stocks */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color: blue; } a:focus { outline: thin dotted; } li { list-style: none; } abbr[title] { border-bottom: none; } b, strong { font-weight: 700; } i, em, dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } label { cursor: pointer; } input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* @import "vendor/vex-theme-wireframe.scss"; @import "vendor/vex.scss"; */ /* media fragment */ #media-hero { /*padding-right: 220px;*/ width: 100%; position: relative; } #media-first { padding: 1em 230px 1em 1em; display: inline-block; text-align: center; padding-top: 2em; height: 490px; overflow: hidden; } #media-first a { color: black; } #media-first a:hover { color: #f05a28; } #mfc { width: 100%; height: 490px; display: table-cell; vertical-align: middle; } #media-first img { width: 90%; margin: 0 auto; } #media-first .see-more-link { text-align: center; } #media-rest { position: absolute; top: 0; right: 0; width: 220px; text-align: center; } #media-rest img { width: 200px; height: auto; display: inline-block; } .vid { padding: 10px; } .vid:hover { background-color: #f05a28; cursor: pointer; } /* end media fragment */ /* flashes */ .surprise { color: #1575BC; background-color: rgba(21, 117, 188, 0.2); } /* videos/media page */ .blurry { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } #videos-above { width: 100%; height: 270px; overflow: hidden; cursor: pointer; } #videos-above a { color: black; } #videos-above:hover a { color: #f05a28; text-decoration: underline; } #videos-above a:hover { color: #f05a28; } #videos-above div.bg { width: 110%; height: 110%; margin: -5%; z-index: -18; background-color: black; } #videos-above .bg img { width: 100%; } #videos-above .content-wrapper { position: absolute; left: 0px; bottom: 0px; width: 90%; height: auto; margin: 0 5%; } #videos-above .content { background-color: rgba(225, 225, 225, 0.8); padding: 1em; } #play { border: 2px solid #f05a28; color: #f05a28; font-size: 1.5em; padding: 4px 6px; margin-bottom: 0.5em; float: left; } .weak { font-size: 0.875em; color: gray; } .closer { line-height: 92%; } .row:not(:last-child) { margin-bottom: 1em; border-bottom: 1px solid #c5c5c5; display: inline-block; } .row li { width: 22%; display: inline-block; vertical-align: top; margin: 1%; } .row img { width: 100%; border: 1px solid #c5c5c5; } .row a { color: black; } .row a:hover { color: #f05a28; } li.doublewide { width: 47%; } /* end videos/media page */ /* single YT video page */ .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } #share-wrapper { display: inline-block; width: auto; } #info { height: auto; white-space: nowrap; } #channel { display: inline-block; width: 50%; margin: 1em 0; } #channel a, #related a { color: black; } #channel a:hover, #related a:hover { color: #f05a28; text-decoration: underline; } #channel-thumb { float: left; border: 1px solid #c5c5c5; padding: 0.5em; width: 60px; height: 60px; margin-right: 0.5em; } #channel-thumb img { width: 100%; height: 100%; } #description { float: right; height: 100%; width: 40%; background-color: #f3efe1; padding: 1em; vertical-align: top; } #description p:not(:last-child) { margin-bottom: 1em; } div.clear-bit { clear: both; } #related { display: inline-block; width: 50%; margin-top: 2em; } #related img { float: left; width: 35%; margin-right: 1em; } #related li { width: 100%; margin: 1em 0; } /* end YT vids */ @media screen and (max-width: 767px) { #description { float: none; display: block; width: auto; } #related { display: block; width: auto; } #related img { width: 35%; float: left; margin: 0 0.5em; } #channel { display: block; width: auto; } #share-wrapper { display: block; margin: 0 auto; } #videos-above div.bg { text-align: center; } #videos-above .bg img { width: 844px; height: auto; display: inline-block; } /* media fragment */ #media-first { padding: 1em 1em 0 1em; } #mfc { padding-bottom: 0; } #media-first img { width: 90%; margin: 0 auto; } #media-first .see-more-link { display: none; } #media-rest { display: none; } /* end media fragment */ } /* 1024 - 1279 */ /* 768 - 1023 */ /* Up to 767 */ /* Up to 479 */ /* Retina Display */ #media { background: url("https://s3.amazonaws.com/uncubed-static/images/edge-panel.jpg"); background-size: cover; position: relative; height: 70%; vertical-align: middle; text-align: center; padding-bottom: 100px; } #media h1 { color: #fff; text-shadow: 2px 2px #1d1c1d; font-size: 2.5em; } #media .goButton { font-size: 24px !important; padding: 10px 30px !important; border-radius: 32px !important; display: inline; background-color: #f05a28; border: 1px solid #f05a28; color: #fff; } #media .goSubtext { display: inline-block; margin-top: 12.5px; text-shadow: 1px 1px #1d1c1d, -1px -1px #1d1c1d, -1px 1px #1d1c1d, 1px -1px #1d1c1d; color: #fff; } #media a.goButton:hover { background-color: #e04a18; border-color: #e04a18; text-decoration: none; } .edgeLogoFrontPage { margin-top: 100px; display: block; background: url("https://s3.amazonaws.com/uncubed-static/images/edge.png"); background-repeat: no-repeat; width: 175px; height: 164px; left: 50%; margin-left: -87.5px; } /*********************************** BEGIN FULL BACKGROUND CAROUSELS ************************************/ #blocks-container.full-background-slider { margin-top: 0px; margin-bottom: 0px; } .full-background-slider a.slider-button { margin-right: 15px; margin-left: 15px; z-index: 1; } .full-background-slider .slider-button.right { right: 0; } .full-background-slider .slider-button.left { left: 0; } /* Carousel Backgrounds */ .unique-company { background: url("/wp-content/themes/uncubed/images/Moat_BW.jpg") no-repeat; background-size: cover; height: 520px; } .university-partners { background: url("/wp-content/themes/uncubed/images/University_We_Work.jpg") no-repeat; background-size: cover; height: 520px; } .company-partners { background: url("/wp-content/themes/uncubed/images/Batch_partner.jpg") no-repeat; background-size: cover; height: 520px; } .content { background: url("/wp-content/themes/uncubed/images/Thrillist.jpg") no-repeat; background-size: cover; height: 520px; } .art { background: url("/wp-content/themes/uncubed/images/Art_Profile_BW.jpg") no-repeat; background-size: cover; height: 520px; } /* Text Layouts */ .full-background-slider article { position: absolute; color: #FFF; background: rgba(80, 80, 82, 0.5); width: 32%; top: 10%; padding: 30px; /* 2% */ } .unique-company article, .university-partners article { right: 10%; } .content article, .art article, .company-partners article { left: 10%; } .full-background-slider article h2 { font-size: 26px; font-weight: bold; } .full-background-slider article p { margin-top: 10px; } /* Logo Mosiacs */ /* Media Queries */ @media screen and (min-device-width: 320px) and (min-width: 320px) and (max-width: 899px) { #blocks-container.full-background-slider li.content-block { width: 100%; margin-bottom: 0; } .featured { display: none; } #text-box { left: 0; right: 0; top: 25%; width: 90%; } #text-box p { /*font-size: 10pt; */ } } .featured { position: absolute; top: 10%; } .unique-company .featured, .university-partners .featured { left: 10%; } .company-partners .featured, .content .featured, .art .featured { right: 10%; } .featured .large-wrapper, .featured .right { display: inline-block; } .featured img.large { height: 230px; width: 230px; } .unique-company .featured img.large, .university-partners .featured img.large, .company-partners .featured img.large { height: 242px; width: 242px; } .content .featured img.large, .art .featured img.large { height: 230px; width: 242px; } .featured img { width: 110px; height: 110px; border: solid white 1px; } .featured img { padding: 10px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-clip: content-box, padding-box; } .content .featured img { background-image: none; } .row.one, .row.two { display: block; margin: 0; } /******************************* END FULL BACKGROUND CAROUSELS ********************************/ /* classes teaser */ #classes { background: #000; background: url("images/classes-header-image.jpg") center repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: auto; padding: 30px 0; } #classes-info { float: left; max-width: 500px; color: #fff; } #classes-info h3 { font-family: 'Sanchez Bold', serif; margin-bottom: 1em; } .subscribe-button, .subscribe-button:visited { width: 100px; height: 40px; border: 3px solid #F1582C; font-size: 16px; font-family: 'Sanchez Regular', sans-serif; color: #fff; padding: .5em 1em; line-height: 4em; background: #F1582C; } .subscribe-button:hover, .subscribe-button:active { background: #F1582C; color: #FFF; } #product-info h3 a, #product-info h3 a:visited, #product-info h3 a:active { color: #fff; text-decoration: underline; } #product-info h3 a:hover { color: #F1582C; text-decoration: underline; } /* home editorial */ #editorial .post-category, #editorial .post-category a, #editorial .post-category a:visited { font-size: 1em; font-family: "Sanchez Regular", Georgia, serif; color: #009344; margin-top: 3px; } #editorial-home { height: auto; margin-top: 2em; } #editorial-home ul li { width: 22.5%; height: 120px; display: inline-block; float: left; border: 1px solid #C5C5C5; } #editorial-home ul li:hover { cursor: pointer; } #editorial-home .post-info { position: absolute; bottom: 0; } #editorial-home a, #editorial-home a:visited, #editorial-home a:active { color: #000; font-family: 'Sanchez Bold', Georgia, serif; } #editorial-home a:hover { color: #f05a28 !important; } #editorial-home li:nth-child(1) { width: 48%; height: 550px; margin-right: 4%; } #editorial-home li:nth-child(1) .post-info { background: rgba(230, 230, 230, 0.8); padding: 1em; } #editorial-home li:nth-child(1) .subheading { font-size: 2.25em; } #editorial-home li:nth-child(2n) { margin-right: 2%; } #editorial-home li:nth-child(2), #editorial-home li:nth-child(3) { margin-bottom: 170px; } #editorial-home li:nth-child(n+2) .post-info { position: relative; top: 130px; line-height: 1.3em; } #editorial-home img { width: 100%; height: auto; } #editorial .see-more-link { padding-top: 2em; } #editorial-no-see-more .see-more-link { display: none; } #editorial-no-see-more #editorial { padding-bottom: 2em; } /* events-heading */ #events-heading-container { height: auto; } #events-heading { width: 90%; padding: 0em; max-width: 1100px; height: 100%; padding: 0 1em; margin: 3em auto 4em auto; } #events-tagline { width: 45%; margin-right: 3%; float: left; } #events-tagline img { max-width: 385px; width: 100%; height: auto; margin-bottom: 2em; } #events-tagline h6 { color: #FFFFFF; font-size: 1.375em; } /* press blocks */ td.read-more, td.meet { text-transform: lowercase; font-family: "Sanchez Regular", serif; padding: 5px; } td.blurb { height: 190px; vertical-align: middle; padding: 0 5px; } td.press-logo-holder { height: 100px; width: 50%; padding: 0.5em; } .read-more { vertical-align: middle; } .press-logo-holder div { height: 100%; width: 100%; } /* end press blocks */ /* Sponsors and Partners */ #sponsors-partners { /*margin-bottom: 2em;*/ background: #f3efe1; } #sponsors-partners #block-heading-container { background: #f3efe1; } #sponsors-partners .block table, #sponsors-partners .block { min-height: 165px; } #sponsors-partners a.slider-button.left, #sponsors-partners a.slider-button.right { top: 30%; } /* .sponsor-partner { width: 16.3%; border-radius: 100%; display: inline-block; text-align: center; margin-top: 2em; margin-right: 2.8%; vertical-align: middle; border: 2px solid #C5C5C5; } li.sponsor-partner:last-child { margin-right: 0%; } .sponsor-partner:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .sponsor-partner:hover { cursor: pointer; } .middle-fix { display: inline-block; vertical-align: middle; } .sponsor-partner img { width: 90px; height: auto; }*/ /* table list */ .table-list { width: 52%; float: left; height: auto; color: #FFF; } .table-list h5 { font-family: 'Sanchez Bold', Georgia, serif; color: #FFFFFF; } .table-list table { border: 2px solid #FFF; width: 100%; } .table-list .table-header { padding: 4% 2%; border-bottom: 2px solid #FFFFFF; } .table-list .circle-content { border-right: 2px solid #FFFFFF; text-align: center; padding-top: 4%; width: 90px; } .table-list .circle-content div { width: 50px; height: 45px; margin: 0 auto; border: 2px solid #f05a28; border-radius: 30px; padding-top: 5px; } .list-details a, .list-details a:active, .list-details a:visited, .circle-content a, .circle-content a:active, .circle-content a:visited { color: #FFFFFF; text-decoration: none; } .list-row:hover .list-details a { text-decoration: underline; color: #f05a28; } .list-row:hover td.circle-content div { background: #f05a28; text-decoration: none; } .circle-content a:hover { text-decoration: none; } .list-details { padding: 4.75% 2% 0 2%; } table tr:last-child td.list-details { padding-bottom: 5%; } .table-list .heading, .long-date { font-family: 'Sanchez Bold', Georgia, serif; } .table-list .subheading { font-family: 'Sanchez Regular', Georgia, serif; } /* testimonials */ #testimonials a.slider-button.left, #testimonials a.slider-button.right { top: 41%; } td.testimonial { height: 275px; vertical-align: middle; padding: 5px 10px; border-top: 0; border-bottom: 0; } td.testimonial-logo-holder { height: 100px; width: 50%; padding: 0.5em; } .meet { vertical-align: middle; } .testimonial-logo-holder div { height: 100%; width: 100%; } .mention { margin: 2em 0; } /* end testimonials */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ div, article, section, header, footer, nav, li { position: relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display: block; height: 0; clear: both; content: "."; visibility: hidden; /* For clearing */ } body { background: #fff; /* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background: #ff0; color: #333; } ::selection { background: #ff0; color: #333; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ body { background: #FFF; height: 100%; } body, input, textarea, p, span { font-size: 1em; /* 16px */ font-weight: normal; font-family: 'Gotham Regular', Helvetica, sans-serif; } body strong, p strong, span strong, b { font-family: 'Gotham Bold', Helvetica, sans-serif; font-weight: normal; } h1, h2, h3, h4, h5, h6, .menu a { font-weight: normal; font-family: 'Sanchez Regular', Georgia, serif; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-family: 'Sanchez Bold', Georgia, serif; font-weight: normal; } h1 { font-size: 3.875em; /* 62px */ } h2 { font-size: 3em; /* 48px */ } h3 { font-size: 3.75em; } h4 { font-size: 2em; /* 32px */ } h5 { font-size: 1.5em; /* 24px */ } h6, .menu a { font-size: 1.125em; /* 18px */ } a { color: #f05a28; text-decoration: none; } a:hover { text-decoration: underline; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } blockquote { padding-left: 2em; } /* bullet styles */ article li, #full-width-page .main-container li { line-height: 1.5em; list-style-type: disc; list-style-position: outside; margin-left: 3em; } article li:first-child, #full-width-page .main-container li:first-child { margin-top: 1em; } article li:last-child, #full-width-page .main-container li:last-child { margin-bottom: 1em; } /* ---------------------------------------------------------------------------------------------------------- 03 Media queries ------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ /* 1280 and up */ /* modal */ .vex { z-index: 2015 !important; } /* menus */ .menu { text-align: center; } .menu li { display: inline-block; } .menu a { color: black; text-decoration: none; } .menu a:hover { color: #f05a28; } .current-menu-item a { color: #f05a28; } /* header */ header { z-index: 2014; background: #FFF; } #header-content { max-width: 928px; width: 100%; margin: 0 auto; padding-top: 5px; height: 110px; } #header-left { width: 250px; position: absolute; top: 0; left: 0; margin-top: 1.25em; } #header-right { position: absolute; top: 0; right: 0; margin-top: 1.3em; border: 2px solid #000; } #header-right h6 { font-size: 1em; } #header-subscribe { display: inline-block; padding: 6px 10px; float: right; } #header-middle { margin: 0 auto; width: 470px; height: auto; text-align: center; overflow: hidden; } #header-middle h1 { font-family: 'Aviator Regular'; text-transform: lowercase; font-size: 6.5em; line-height: 1.1em; letter-spacing: 4px; } header #header-left #logo-container { padding: 0.7em 1em 0.9em; border: 2px solid #000000; width: 115px; margin-bottom: .5em; } header #header-left .logo { width: 115px; height: auto; } header #header-middle #logo-container { max-width: 360px; padding: 0 20px; height: auto; display: inline-block; } header #header-middle .logo { width: 100%; height: auto; } header #logo-container:hover { cursor: pointer; } #date { margin-bottom: .25em; } #date h6 { font-size: 1em; } header .menu { padding: 4px 0px; margin: 7px 0px 7px 0px; background: #FFF; text-align: left; border-right: 2px solid black; } header .menu li { margin: 0 5%; } header .menu li:first-child { margin-left: 0; } header input { border: 0; border-bottom: 1px dashed #000; } .vex-content input { border: none; width: 455px; padding: 15px; margin-bottom: 15px; text-align: center; border: 1px solid rgba(187, 185, 185, 0.39); } header #header-subscribe .submit input { width: 180px; } header form { display: inline-block; } .vex-content form { width: 100%; text-align: center; } header .submit { cursor: pointer; border: none; color: #f05a28; background: none; margin-left: -7px; width: 20px; } .vex-content .submit { cursor: pointer; border: none; color: #fff; background: #009344; width: 455px; margin: 0 auto; display: block; padding: 20px; font-weight: bold; font-size: 20px; letter-spacing: 2px; font-family: "Sanchez Bold", Georgia, serif; box-shadow: 5px 7px 6px -5px rgba(0, 0, 0, 0.36); transition: all 0.1s; -webkit-transition: all 0.1s; padding: 10px 40px; border-radius: 10px; border-bottom: 5px solid #056732; text-shadow: 0px -2px #009344; } .vex-content .submit:active { transform: translate(0px, 5px); -webkit-transform: translate(0px, 5px); border-bottom: 1px solid; } .vex-headline { font-size: 2.75em; width: 90%; color: #000 !important; margin: 0 auto; padding-bottom: 15px; border-bottom: 6px double #000; font-family: "Sanchez Bold", Georgia, serif; } .vex-headline.chi { font-size: 2em; line-height: 1.3em; width: 100%; } p.vex-subheadline.chi { width: 100%; } .vex-subheadline img { width: 100%; } .vex-subheadline { font-size: 18px; color: #000 !important; padding-top: 20px; width: 70%; margin: 0 auto; font-family: 'Gotham Regular', Helvetica, sans-serif; } #header-nav-container { border-top: 3px solid black; border-bottom: 1px solid black; background: #FFF; } #header-nav-wrapper { max-width: 928px; width: 100%; margin: 0 auto; height: auto; } header #menu-container { display: inline-block; width: 74%; } header #search-container { display: inline-block; width: 25%; text-align: right; } header #search-container .submit input { width: 140px; } /* main blocks */ .main-container { max-width: 928px; width: 85%; margin: 0em auto; padding: 2em 1em; } .main-container p { line-height: 1.5; } /* carousel */ #carousel { height: 530px; background: #FFF; overflow: hidden; } .carousel-item { min-height: 160px; height: 100%; width: 100%; padding-top: 370px; color: #FFFFFF; position: absolute; top: 0; left: 0; display: none; } #carousel ul li:last-child { display: list-item; } .carousel-item h2 a, .carousel-item h2 a:visited { font-family: "Sanchez Bold", Georgia, serif; color: #000; text-decoration: underline; } .carousel-item h5 a, .carousel-item h5 a:visited { color: #000; text-decoration: underline; } .carousel-item h2 a:hover, .carousel-item h2 a:focus, .carousel-item h5 a:hover, .carousel-item h5 a:focus { color: #f05a28; } #tagline-container { position: absolute; top: 1em; left: 0; width: 100%; z-index: 10; color: #FFF; } #tagline-container h1 { line-height: 1em; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 530px; background: rgba(0, 0, 0, 0.6); } .carousel-item .main-container { height: auto; overflow: hidden; padding-top: 0.5em; background: rgba(230, 230, 230, 0.8); color: #000; min-height: 120px; } /*block heading*/ #block-heading-container { height: 3.25em; background: #FFF; display: inline-block; padding-right: 1em; } #block-heading-container h3 { font-family: "Sanchez Bold", Georgia, serif; } .secondary-heading { color: #009344; font-family: "Sanchez Bold", Georgia, serif; } /* blocks */ #blocks-container { margin: 2em 0; text-align: center; } .block { margin-right: 5.9%; width: 29%; min-height: 275px; display: inline-block; margin-bottom: 1em; } #blocks-container li:nth-child(3n), #blocks-container li:last-child { margin-right: 0; } .block table { width: 100%; height: auto; min-height: 275px; text-align: center; } .block table h3 { margin: .15em 0; } .block table h5 { margin: 4px 0; padding: 0 2px; } .block table { border: 3px solid #000000; border-collapse: collapse; } .block td, .block th { border: 1px solid #000000; } .block h4 { font-family: "Sanchez Bold", Georgia, serif; } .see-more-link { text-align: right; clear: both; text-transform: lowercase; } /* events */ #events #block-heading-container { background: #f3efe1; } #events { background: #f3efe1; } #events a.slider-button.left, #events a.slider-button.right { top: 38%; } .event-tickets h5 { text-transform: lowercase; color: #f05a28; } .event-title { height: 110px; } .event-title a, .event-title a:visited { color: #000; } .event-location { height: 81px; } .event-title, .event-location, .event-date, .event-tickets { vertical-align: middle; padding: 0 5px; } #events-events-page #events, #events-events-page #events #block-heading-container { background: #fff; } #events-events-page .see-more-link { display: none; } .event-date { height: 113px; } /* companies */ #jobs #block-heading-container { background: #FFFFFF; } .company-name, .company-city, .company-logo, .company-link, .company-description { vertical-align: middle; padding: 5px; } .company-name h5 { font-family: "Sanchez Bold", Georgia, serif; } td.company-name { border: 2px solid #000; } .company-logo { width: 50%; height: 120px; } .company-logo div { width: 110px; height: 110px; margin: 0 auto; } td.hidden div { height: 90px; overflow: hidden; } td.hidden div div { display: table-cell; vertical-align: middle; } .company-description span { font-family: 'Sanchez Regular'; } .company-link { text-transform: lowercase; } /* maybe belongs in events-heading */ .date-number { font-family: 'Gotham Bold', sans-serif; } .date-month { font-size: 12px; margin-top: 5px; } /* Uncubed video teaser */ #event-video-teaser { height: 500px; width: 100%; overflow: hidden; } .videoWrapper { padding-top: 25px; margin-top: -1.8em; } #full-width-page .videoWrapper { margin-bottom: 3em; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ytplayer { position: relative; } /*video page*/ #videoPageWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-overlay { position: absolute; top: 0; left: 0; height: 460px; width: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; padding: 20px 0; } /* editorial list */ #editorial-list-container #editorial-list ul li:nth-child(-n+5) { display: none; } .home-page-edit-list-container #editorial-list-container #editorial-list ul li:nth-last-child(-n+5), .home-page-edit-list-container #editorial .see-more-link { display: none; } #editorial-list .featured-image img { width: 100%; height: auto; border: 1px solid #C5C5C5; } #editorial-list .featured-image { display: inline-block; width: 26.5%; vertical-align: top; margin-right: 1em; } #editorial-list .subheading a, #editorial-list .subheading a:visited, #editorial-list .subheading a:active, #editorial-list .heading a, #editorial-list .heading a:visited, #editorial-list .heading a:active { color: #000; font-family: 'Sanchez Bold', Georgia; } #editorial-list .subheading a:hover, #editorial-list .heading a:hover { color: #f05a28; } #editorial-list .post-info { color: #888; display: inline-block; width: 70%; } #editorial-list .post-category a, #editorial-list .post-category a:hover, #editorial-list .post-category a:visited, #editorial-list .post-category a:active { color: #009344; } #editorial-list .subheading { line-height: 1.3em; } #editorial-list .excerpt, #editorial-list .subheading { margin-top: 5px; } #editorial-list li { padding: 2em 0; border-bottom: 1px solid #E2E2E2; } #editorial-list-container #editorial-list li:nth-child(6) { padding-top: 0; } #editorial-list-container .see-more-link { text-align: left; padding: 2em 0; text-transform: lowercase; } /* Pagination */ #pagination { padding: 2em 0; } .nav-previous { float: left; } .nav-next { float: right; } /* Edge Teaser */ .edge-teaser { background: url(images/edge-background-image.jpg) repeat top center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; min-height: 560px; } .edge-heading-container { text-align: center; color: #FFF; max-width: 730px; width: 100%; margin: 0 auto; } .edge-heading-container img.edge-logo { height: 115px; width: auto; } .edge-heading-container .edge-companies-container { max-width: 680px; width: 100%; margin: 0 auto; } .edge-heading-container img.edge-companies { width: 100%; height: auto; } .edge-heading-container .subscribe-button.large, .edge-heading-container .subscribe-button:visited.large { line-height: 3em; font-size: 2.25em; padding: .3em 1em; margin: 2em 0; } /* Edge Video Thumbnails */ .classes-container { margin-top: 30px; text-align: center; } .classes-container .edge-class { display: inline-block; max-width: 445px; width: 47%; margin-bottom: 30px; text-align: left; } .classes-container ul li:nth-child(2n-1) { margin-right: 4%; } .classes-container .edge-class .thumbnail { width: 100%; height: auto; } .edge-class-info { margin-top: 15px; margin-right: 15px; display: inline-block; text-align: left; } .edge-class-info .class-company-logo { width: 70px; height: auto; margin-right: 10px; } .class-company-logo-container, .edge-class-details { display: inline-block; vertical-align: top; } .class-title { font-family: "Sanchez Bold"; color: #f05a28; } .class-company-name { font-family: "Sanchez Bold"; } /* footer */ footer { text-align: center; background-color: #f3efe1; padding-top: 1em; } footer .menu li { margin: 0px 10px 1em 10px; } footer #subscribe-header { font-family: 'Sanchez Bold', Georgia, serif; font-weight: normal; margin-top: .5em; font-size: 3em; } footer #subscribe-blurb { padding: 5px; } #bar { background: url("images/line.png") repeat-x center; padding-top: 0px; } footer #logo-container { background-color: #f3efe1; width: 75px; margin: 0 auto; padding: .5em; } #wakefieldlogo { width: 75px; height: 75px; } footer form { margin: 10px; display: inline-table; } footer input { border: 0; } footer input[type=text] { width: 15em; height: 1.5em; } footer .submit { cursor: pointer; border: none; color: #f05a28; background: none; margin-left: -3px; font-weight: 600; } footer .main-container { max-width: 670px; } /* about us */ #top-image { width: 100%; height: 400px; } #about-us-page #top-image { background-size: cover; margin-bottom: 2em; } #top-image .main-container { height: 100%; padding: 0 1em; } #top-image #blurb { position: absolute; bottom: 0; padding-bottom: 2em; color: #FFF; } #about-article { width: 75%; margin: 0 auto; margin-bottom: 2em; } .team-member { display: inline-block; margin-bottom: 2em; width: 31%; margin-right: 2.75%; } #team-info li:nth-child(3n) { margin-right: 0; } #team-info { width: 100%; float: left; margin-bottom: 2em; } .team-member .headshot { width: 70px; height: 70px; float: left; margin-right: 10px; border: 1px solid #c5c5c5; } .team-member .info { float: left; } .team-member .info .name { font-family: 'Sanchez Bold'; } .team-member .info .title { font-family: 'Sanchez Regular Italic'; font-size: 90%; } .team-member .info .twitter { font-family: 'Sanchez Regular'; font-size: 90%; } .highlight { color: #f05a28; } /* University Resources */ .university-abbr { font-size: 1.375em !important; } .u-edge-vid iframe { max-width: 100% !important; } #universities-page #blurb h6 p { font-family: 'Sanchez Regular', Georgia; } #universities-article { margin-bottom: 2em; } #universities-events #events #bar, #partners-description #sponsors-partners #bar, #jobs-description #jobs #bar { display: none; } #universities-events, #universities-events #block-heading-container, #jobs-description, #jobs-description #block-heading-container { background: #f3efe1; } #partners-description #sponsors-partners { background: #fff; } #universities-events .main-container, #jobs-description .main-container { padding-bottom: 0em; } #universities-events #events .main-container, #jobs-description #jobs .main-container, #partners-description #sponsors-partners .main-container { padding-top: 1em; } #universities-page .see-more-link { padding-bottom: 2em; } #startup-tours .videoWrapper { margin: 1em 0 4em 0; } #stay-updated-description .main-container input[type="text"] { border: 1px solid #c5c5c5; text-align: left; } #stay-updated-description .main-container label { width: 125px; display: inline-block; } .u-partners { text-align: center; margin-bottom: 1em; } .u-partners .block, .u-partners .block table { min-height: 225px; } .u-partners .block td.read-more { height: 132px; } .u-partners .block td.name { vertical-align: middle; } #universities-page p { font-size: 1.125em; } #startup-tours #testimonials .block p span, #startup-tours #testimonials .block p { font-size: 1em; line-height: 1.3em; font-family: 'Sanchez Regular Italic'; font-style: normal; } #startup-tours .block { min-height: 480px; } /* serify */ p.serif { font-family: 'Sanchez Regular', serif; } strong.serif { font-style: normal; font-family: 'Sanchez Bold', serif; } em.serif { font-style: normal; font-family: 'Sanchez Regular Italic', serif; } /* end serify */ /* blocks slider */ .slider-button { text-anchor: middle; } .slider-button.left { position: absolute; top: 50%; margin-left: -2em; left: -2.2em; width: 50px; height: 50px; border: 2px solid #f05a28; border-radius: 100px; text-align: center; } .slider-button.left:hover, .slider-button.right:hover { background-color: #f05a28; color: white; text-decoration: none; } .slider-button.left h3, .slider-button.right h3 { margin-top: -0.339em; /*margin-top: -0.379em; */ /*margin-top: -0.169em; */ } .slider-button.left h3 { margin-left: -0.05em; } .slider-button.right h3 { margin-right: -0.05em; } .slider-button.left h3:hover, .slider-button.right h3:hover { text-decoration: none; } .slider-button.right { position: absolute; top: 50%; margin-right: -2em; right: -2.2em; width: 50px; height: 50px; border: 2px solid #f05a28; border-radius: 100px; text-align: center; } .slider-button.top { vertical-align: text-top; } .slider-button.top h4 { margin-top: -0.4em; } .slider-button.bottom h4 { margin-top: -0.3em; } .slider-button.bottom { vertical-align: text-bottom; } .vert-slider { display: inline-block; width: 25px; height: 25px; text-align: center; border: 2px solid #f05a28; border-radius: 100px; } .vert-slider:hover { background-color: #f05a28; color: white; } .to-be-slid li.hidden { display: none; } /* end blocks slider */ /* single-event page */ iframe.event-frame { width: 100%; height: 100%; } #event-frame-wrapper { height: 100%; width: 100%; position: absolute; top: 0; left: 0; padding-top: 163px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* end single-event */ /* jobs board iframe */ #event-frame-wrapper.job-board { padding-top: 45px; } #job-board-page { height: 100%; } #job-board-page iframe .footer .subscribe { display: none; } /* global flash styles */ .flash { border: 1px solid gray; padding: 1em; margin: 1em 0; } .flash .bullet { width: 1.5em; color: black; /* #f05a28 */ float: left; } .error { color: red; background-color: rgba(255, 0, 0, 0.2); } .success { color: #009344; background-color: rgba(0, 147, 68, 0.2); } .success li { padding: .1em 1em; } /* end flash */ /* begin article styles */ article { width: 650px; margin: 0 auto; line-height: 1.5; } article p { margin-bottom: 0.875em; } .single-post article #content p:first-child:first-letter { font-size: 3em; font-family: 'Sanchez Regular'; float: left; line-height: 0.8em; padding-right: 3px; margin-top: 5px; } article table { width: 95%; margin: 0 auto; } article td { padding: 1em 0.5em; vertical-align: middle; } article tr { border-top: 1px solid #C5C5C5; } article tr:first-child { border-top: none; } article #content h2, article #content table h3 { font-size: 2em; } #above { height: 450px; position: relative; background: #00b7ea; /* Old browsers */ background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b7ea), color-stop(100%, #009ec3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* IE10+ */ background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; -webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; } #article-heading { position: absolute; width: 650px; margin-left: -325px; left: 50%; bottom: 0; padding: 1em; background: rgba(230, 230, 230, 0.8); } #article-heading .movedHeader { /*font-size: 1.714em; */ /* 24px */ } #next-post-header { position: absolute; right: 10px; bottom: 50%; color: #f05a28; } #link { border: 5px solid transparent; border-radius: 5px; background-color: rgba(240, 90, 40, 0.8); } #link a { color: white; } #arrow { float: right; cursor: pointer; margin-top: 10px; width: 30px; height: 30px; border: 1px solid transparent; border-radius: 20px; text-align: center; background-color: rgba(240, 90, 40, 0.8); } #arrow h5 { font-size: 22px; color: white; } #social { display: inline-block; width: 100%; } #callout { float: right; display: inline-block; width: 20%; margin-right: 15px; padding: 0.5em; border: 1px solid black; } #callout img { position: absolute; right: 5px; top: -10px; width: 10px; height: 10px; } #sidebar { float: right; width: 250px; display: inline-block; } #sidebar div { background-color: #f3efe1; margin: 24px 15px; padding: 15px; z-index: 3; } #sidebar form, article .subscribe form { margin-top: 10px; display: inline-table; } #sidebar input, article .subscribe input { border: 0; } #sidebar input[type=text], article .subscribe input[type=text] { width: 10em; height: 1.5em; } article .subscribe { display: none; } .unsubscribe-twitter { vertical-align: top !important; } .nittygritty, article .subscribe { width: 630px; background-color: #f3efe1; margin: 1em 0; padding-left: 1em; padding-top: 1em; padding-bottom: 1em; z-index: 3; } .nittygritty p span { font-weight: normal !important; } .nittygritty p strong { font-family: Courier; font-weight: bold; } .nittygritty p { margin-top: 1em; font-family: 'Courier', 'Courier Regular',serif; } #sidebar .submit, article .subscribe .submit { cursor: pointer; border: none; color: #f05a28; background: none; margin-left: -3px; font-weight: 600; } #article .submit { display: none; } .content-holder { height: auto; } #below { /* styled in php for bgs */ height: 250px; overflow: hidden; position: relative; -moz-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; -webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; } #below:hover { cursor: pointer; } #below h4 { color: white; } #below-box { width: 620px; margin-left: -325px; left: 50%; padding: 1em; background: rgba(40, 40, 40, 0.7); } /* end article styles */ /* begin share this page */ #share-this-page { text-align: center; /*margin: 0 -4%;*/ } #share-this-page ul { display: inline-block; text-align: center; margin: 0 auto 10px auto; color: #bbb; line-height: 1; } #share-this-page li { background-color: #c5c5c5; display: inline-block; padding: 6px; margin-left: 0; line-height: 1em; } #share-this-page li.fb { background-color: #3B5998; border: 1px solid white; } #share-this-page li.t { background-color: #00aced; border: 1px solid white; } #share-this-page li.in { background-color: #007bb6; border: 1px solid white; } #share-this-page li.gp { background-color: #d34836; border: 1px solid white; } #share-this-page li.pin { background-color: #C92228; border: 1px solid white; } #share-this-page li.tum { background-color: #00225F; border: 1px solid white; } #share-this-page li.em { background-color: #009344; border: 1px solid white; } #share-this-page li.fb:hover { border: 1px solid #3B5998; } #share-this-page li.t:hover { border: 1px solid #00aced; } #share-this-page li.in:hover { border: 1px solid #007bb6; } #share-this-page li.gp:hover { border: 1px solid #d34836; } #share-this-page li.pin:hover { border: 1px solid #C92228; } #share-this-page li.tum:hover { border: 1px solid #00225F; } #share-this-page li.em:hover { border: 1px solid #009344; } #share-this-page ul.sharethis { margin-bottom: -15px; margin-right: 15px; } /* end share this page */ .main-container input[type="text"] { margin-top: 1em; border: 0; border-bottom: 1px dashed #000; text-align: center; } .main-container input[type="submit"] { border: 0; background-color: #f05a28; color: white; } .main-container input[type="checkbox"] { border: 0; background-color: #f05a28; color: white; } .main-container form p.in { margin: .5em; } .main-container form div.in { margin: 1em 0; } /* begin press page */ #press a.slider-button.left, #press a.slider-button.right { top: 39%; } #editorial-list .featured-image img.press-featured-image { max-width: 90%; padding: 5%; max-height: 200px; height: auto; width: auto; } /* end press page */ /* media page */ .videoli { border: 1px solid black; padding: 2em; } .videoli img { display: inline-block; float: left; margin-right: 1em; } .videoliinfo { display: inline-block; } /* University Branded Pages */ .university-page #above { background: none; height: auto; color: #fff; } .university-page #darker { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); } .university-page #university-heading { left: 0; right: 0; width: 90%; max-width: 928px; padding: 2em 0; margin: 0 auto; } .university-page #university-heading h2 { font-family: 'Sanchez Bold'; } .university-page #university-heading #resources-heading { text-align: center; padding-bottom: 2em; } .university-page #university-heading #resources-description h6 { font-size: 1.375em; } .university-page .logo { max-width: 250px; max-height: 250px; padding-right: 2em; float: left; } .university-page .logo img { width: 100%; height: auto; } .university-page .resources { height: 400px; } .university-page #jobs-description, .university-page #jobs-description #bar #block-heading-container { background: #fff; } #resources-description { width: 45%; margin-right: 3%; float: left; } #resources-list { width: 52%; float: left; height: auto; } .arrow { margin-top: .5em; font-family: 'Gotham Bold', sans-serif; } .university-page #events, .university-page #jobs { padding-bottom: 2em; } /* PLEXER */ .plexer { padding-top: 2em; } .plexer .instructions { display: none; } .plexer #switchboard { margin: 0; padding: 0; width: 25%; display: inline-block; vertical-align: top; } .plexer #switchboard li { padding: .25em 1em 0 1em; background-color: #fafafa; border: 1px solid #c5c5c5; display: inline-block; cursor: pointer; padding: 5%; border-right: none; min-width: 208px; } .plexer #switchboard .active { color: white; } .plexer #content { border: 1px solid #c5c5c5; padding: 2%; width: 70%; display: inline-block; background: #FFF; margin-left: -5px; max-height: 600px; overflow: scroll; } .plexer #content div { display: none; } .plexer #content div h6 { font-family: 'Sanchez Bold'; } .plexer #content .active { display: block; } .label { float: left; display: inline-block; } /* 1024 - 1279 */ /* 768 - 1023 */ @media screen and (max-width: 1023px) { /* single event page */ #event-frame-wrapper { padding-top: 173px; } /* jobs board iframe */ #event-frame-wrapper.job-board { padding-top: 55px; } /* carousel */ #carousel, .carousel-item .overlay { height: 570px; } .carousel-item .main-container { height: auto; overflow: hidden; min-height: 160px; } .carousel-item h2 { margin-bottom: 5px; } /* header */ #date, #header-right, #header-subscribe { display: none; } header #search-container { display: inline-block; text-align: center; width: 95%; margin: 2.5%; } header #menu-container { border: 0; width: 100%; text-align: center; } header #menu-container .menu li:first-child { margin-left: 2.5%; } header #menu-container .menu li { margin: 0 2.5%; } #header-left { position: relative; margin: 0 auto; } header #logo-container { margin: 0 auto; } header .menu-main-navigation-container { width: 100%; } header .menu { text-align: center; border-right: none; } header #header-middle { width: auto; } header #header-middle h1 { line-height: .8em; font-size: 4em; } header #header-content { height: 120px; } /* blocks */ .block { width: 31.5%; margin-right: 2%; vertical-align: top; } /* events */ .event-date, .event-tickets { height: 113px; } .event-title { height: 134px; } /* events-heading */ #events-tagline { float: none; margin: 0 auto; width: 100%; } /* table list */ .table-list, #resources-list, #resources-description { float: none; margin: 0 auto; width: 100%; } .table-list .table-header { padding: 1em; } .table-list .circle-content, .table-list .list-details { padding: 1em; padding-bottom: 0; } .table-list table tr:last-child td.list-details { padding-bottom: 1em; } .table-list .circle-content { width: 55px; } /* Sponsors and Partners */ .sponsor-partner img { width: 100px; } /* Uncubed video teaser */ #event-video-teaser, .video-overlay { height: 400px; } /* editorial list */ #editorial-no-see-more #editorial-home, .home-page-edit-list-container #editorial-home, .home-page-edit-list-container #editorial .see-more-link { display: none; } #editorial-no-see-more #editorial { padding-bottom: 0; } #editorial-list-container #editorial-list li:first-child { padding-top: 0; } #editorial-list-container #editorial-list li:nth-child(6) { padding-top: 2em; } #editorial-list-container #editorial-list ul li:nth-child(-n+5) { display: list-item; } #editorial-list-container .main-container { padding-top: 0; } #editorial-list .post-info, #editorial-list .featured-image { width: 100%; } #editorial-list .featured-image { margin-bottom: 2em; } #editorial-list li { border-bottom: 1px solid #C5C5C5; } /* about us */ .team-member { width: 47%; } #team-info li:nth-child(3n) { margin-right: 2.75%; } #team-info li:nth-child(2n) { margin-right: 0; } } /* Up to 767 */ @media screen and (max-width: 767px) { /* videos */ li.mobile-doublewide { width: 47%; } /* carousel */ #carousel, .carousel-item .overlay { height: 610px; } .carousel-item .main-container { height: auto; overflow: hidden; min-height: 200px; } /* block heading */ #bar { text-align: center; } #block-heading-container { padding-left: 1em; } /* blocks */ .block, #blocks-container li:nth-child(3n) { width: 47.5%; margin-right: 2%; } #blocks-container li:nth-child(2n), #blocks-container li:last-child { margin-right: 0; } .see-more-link { text-align: center; } /* companies */ .company-logo img { width: 100px; height: auto; } /* home editorial */ #editorial-home ul li:nth-child(n) { width: 100%; height: 270px; display: block; float: none; border: 1px solid #C5C5C5; margin: 0; margin-bottom: 2em; overflow: hidden; } #editorial-home li:nth-child(n) .subheading { font-size: 1.5em; } #editorial-home li:nth-child(n) .post-info { position: absolute; bottom: 0px; line-height: 2.5em; padding: 2%; } #editorial-home .post-info { position: absolute; bottom: 0; background: rgba(230, 230, 230, 0.8); width: 97%; height: auto; } /* Sponsors and Partners */ li.sponsor-partner { width: 28%; margin-right: 5%; } li.sponsor-partner:nth-child(3) { margin-right: 0; } .sponsor-partner img { width: 110px; } /* editorial list */ #editorial-no-see-more #editorial-home { display: none; } #editorial-no-see-more #editorial { padding-bottom: 0; } #editorial-list-container #editorial-list li:first-child { padding-top: 0; } #editorial-list-container #editorial-list li:nth-child(6) { padding-top: 2em; } #editorial-list-container #editorial-list ul li:nth-child(-n+5) { display: list-item; } #editorial-list-container .main-container { padding-top: 0; } #editorial-list .post-info, #editorial-list .featured-image { width: 100%; } #editorial-list .featured-image { margin-bottom: 2em; } #editorial-list li { border-bottom: 1px solid #C5C5C5; } /* about us */ #team-info li:nth-child(2n), #team-info li:nth-child(3n) { margin-right: 0; } .team-member .headshot { margin: 0 auto; float: none; margin-bottom: 10px; width: 125px; height: 125px; } .team-member .info { float: none; text-align: center; height: 75px; } .team-member { margin: 0; margin-bottom: 2em; width: 49%; vertical-align: top; } /* PLEXER */ .plexer { padding-top: 2em; } .plexer #switchboard { display: inline; } .plexer #switchboard li { padding: 2%; margin: 0; border-right: 1px solid #c5c5c5; width: 96%; } .plexer #content { margin: 0; width: 96%; border-top: none; -moz-box-shadow: inset 0 10px 10px -8px #000000; -webkit-box-shadow: inset 0 10px 10px -8px #000000; box-shadow: inset 0 10px 10px -8px #000000; } .plexer .instructions { display: block; } } /* end media page */ @media screen and (max-width: 767px) { /* new */ #callout { display: block; width: auto; float: none; margin: 0 5% 1em; } #callout img { left: 5px; right: initial; } #social { display: block; width: 100%; } article .subscribe { display: block; } .nittygritty, article .subscribe { width: auto; } /* /new */ #blocks-container.to-be-slid li.block:nth-child(3) { display: none; } #above { width: 100%; } #article-heading { left: 0; width: 80%; padding: 5%; margin: 0 5%; } #below-box { left: 0; width: 80%; padding: 5%; margin: 0 5%; } #below-box h4 { font-size: 1.7em !important; } #below-box h3 { font-size: 1.75em !important; } .content-holder { display: table; } .article-holder { display: table-header-group; } article { width: 90%; margin: 0 auto; } article table, article thead, article tbody, article th, article tr, article td { display: block; } article tr { padding-top: 1em; } article td { width: 100%; } article td:first-child { text-align: center; } /* article .sidebar-holder { display: table-footer-group; } #sidebar { float: none; width: 90%; margin: 0 5%; } */ #sidebar { display: none; } #next-post-header { display: none; } .slider-button.left { margin-left: -3.5em; /*-1.5em;*/ left: 0; } .slider-button.right { margin-right: -3.5em; /*-1.5em;*/ right: 0; } /* Edge Teaser */ .edge-heading-container .subscribe-button.large, .edge-heading-container .subscribe-button:visited.large { font-size: 1.75em; } .edge-class-info { text-align: center; } .edge-class-info .class-company-logo { width: 40px; height: auto; margin-right: 0; margin-bottom: 10px; } .edge-class-details { display: block; } .classes-container .edge-class { text-align: center; } } /*nav-mobile*/ .hamburger-btn { display: none; } .x-btn { display: none; position: absolute; top: 0; left: 0; } /* Up to 479 */ @media screen and (max-width: 479px) { /* single event page */ .single-event #header-nav-container { display: none; } #event-frame-wrapper { padding-top: 120px; } /* jobs board iframe */ #event-frame-wrapper.job-board { padding-top: 0px; } #job-board-page #header-nav-container { display: none; } /* branded university pages */ .university-page #university-heading h2 { font-size: 2.5em; } /* plexer */ .plexer #switchboard li { padding-top: 1em; padding-bottom: 1em; } /* carousel */ #carousel, .carousel-item .overlay { height: 670px; } .carousel-item .main-container { height: auto; overflow: hidden; min-height: 260px; } /* menu */ .menu li { display: block; margin: 5px 0; } header .menu { padding: 0; margin: 0; } header .menu li { display: block; padding: 10px 0; margin: 0; border-bottom: 1px dotted #000; } /* header .menu li:last-child { border: none; } */ footer input[type=text] { width: 70%; } footer .submit { padding-right: 0px; } footer #subscribe-header { font-size: 1.6em; } /* block heading */ #block-heading-container h3 { padding-bottom: 1em; font-size: 1.6em; } #block-heading-container { width: auto; height: auto; margin-bottom: -1.5em; } /* blocks */ #blocks-container { text-align: center; } .block, #blocks-container li:nth-child(n) { width: 90%; min-height: 0; height: auto; margin-bottom: 2em; margin-right: 0; } .block table { min-height: 0; } /* events */ .event-title, .event-location, .event-date, .event-tickets { height: auto; } /* home editorial */ #editorial-home ul li:nth-child(n) { height: 260px; } #editorial-home li:nth-child(n) .subheading { font-size: 1.25em; line-height: 1.5em; } #editorial .see-more-link { padding-top: 0em; } /* Sponsors and Partners */ li.sponsor-partner, li.sponsor-partner:nth-child(3), li.sponsor-partner:last-child { width: 45%; margin-right: 5%; } li.sponsor-partner:nth-child(2n) { margin-right: 0; } #sponsors-partners #block-heading-container { height: 80px; padding: 0 .2em; } /* Uncubed video teaser */ #event-video-teaser, .video-overlay { display: none; } /* pagination */ #pagination { padding: 2em 0; text-align: center; } .nav-previous, .nav-next { float: none; width: 100%; } .nav-previous { margin-bottom: 1em; } .slider-button { display: none; } #events #blocks-container.to-be-slid li.block:nth-child(3) { display: inline-block; } #events .hidden { display: inline-block; } /* about us */ .team-member { width: 100%; } .team-member .headshot { width: 150px; height: 150px; } #about-article { width: 100%; } /* Edge Teaser */ .edge-heading-container .subscribe-button.large, .edge-heading-container .subscribe-button:visited.large { font-size: 1.25em; } .classes-container .edge-class { display: inline-block; width: 100%; margin-bottom: 30px; } .classes-container ul li:nth-child(2n-1) { margin-right: 0; } /*nav*/ header #header-middle #logo-container { max-width: 256px; } .hamburger-btn { display: block; } header #header-content { height: 55px !important; } #header-nav-container { display: none; } #header-left { display: block !important; } .nav-btns { position: absolute; top: 5px; left: -10px; } header #header-middle { display: none; } #tagline-container h1 { font-size: 2em; font-weight: 600; } .carousel-item { text-overflow: ellipsis; } .carousel-item h2 { font-size: 2em; } .carousel-item h5 { text-overflow: ellipsis; } } /* Retina Display */ @media screen and (-webkit-min-device-pixel-ratio: 2) { .arrow { margin-top: .3em; } } /*Neighborhood Guide Styles*/ .photocred { font-size: 11px; width: 100% !important; text-align: right !important; } .field-map-container { width: 65%; margin: 0 auto; padding: 20px; background: #f9f9f9; box-sizing: border-box; box-shadow: 0 0 7px #cccccc; } #location { margin-top: 20px; } img.guide-icon { width: 80px !important; height: auto !important; } .guidenav { border: 1px solid #efefef; text-align: center; } .guidenav li { list-style: none; display: inline-block; margin: 0; padding: 4px 23px; font-size: 1em; line-height: 0.5em; font-family: 'Sanchez Regular', Georgia, serif; } .guidenav a:hover { color: #f7946b; text-decoration: none; } .nav-active { font-weight: bold; /*border-bottom: 4px solid #f05a28; padding-bottom: 1px;*/ border: 2px solid #f05a28; padding: 4px; outline: 0; box-shadow: 1px 1px 0px rgba(240, 90, 40, 0.67); } .sticky { position: fixed; top: 0px; width: 100%; background: #fff; z-index: 200; } .guide-subheading { font-size: 36px; font-weight: bold; text-align: center; } .guide-map-title { font-size: 1.5em; padding: 15px; text-align: center; font-family: 'Sanchez Regular', Georgia, serif; } .guide-map { padding: 20px; background-color: #ffffff; width: 65%; margin: 0 auto; text-align: center; -webkit-box-shadow: 0px 0px 7px #ccc; -moz-box-shadow: 0px 0px 7px #ccc; box-shadow: 0px 0px 7px #ccc; box-sizing: border-box; } .guide-content { width: 65%; margin: 0 auto; padding-top: 20px; padding-bottom: 30px; } .field-map-caption { width: 65%; margin: 0 auto; font-size: 14px; } .guide-section { text-align: center; padding-top: 8%; } .guide-section img { width: 65%; margin: 0 auto; padding-bottom: 20px; } .guide-section p { text-align: left; width: 65%; margin: 0 auto; } .guide-section-title { text-transform: uppercase; font-weight: bold; font-size: 1.5em; font-family: 'Sanchez Bold', Georgia, serif; letter-spacing: 1px; text-align: center !important; padding-bottom: 0px !important; } .places-section { width: 65%; margin: 0 auto; text-align: left; background: #f9f9f9; box-sizing: border-box; box-shadow: 0 0 7px #cccccc; } .places-table { width: 15%; display: inline-block; text-align: center; } .places-table li { padding: 10px; border-radius: 2px; list-style: none; margin: 20px 15px; position: relative; background-color: #f05a28; border-bottom: 5px solid #C63E11; text-shadow: 0px -2px #C63E11; transition: all 0.1s; -webkit-transition: all 0.1s; } .places-table li:active { /*background: #efefef;*/ transform: translate(0px, 5px); -webkit-transform: translate(0px, 5px); border-bottom: 1px solid #f05a28; } .places-table li:hover { background: #F07348; } .places-table a { text-decoration: none; color: #fff; outline: 0; } .places-table-content { display: inline-block; width: 80%; vertical-align: top; text-align: center; padding-left: 30px; } .places-title { border-bottom: 7px double #333; font-size: 1.5em; text-transform: uppercase; text-align: left; font-family: 'Sanchez Bold', Georgia, serif; padding-top: 23px; } .company-titles { width: 100% !important; border-bottom: 7px double #333; font-size: 1.5em; text-transform: uppercase; text-align: left; font-family: 'Sanchez Bold', Georgia, serif; padding-top: 15px; margin-bottom: 20px !important; } .places-table li.selected { background: #f9f9f9; color: #000; text-shadow: none; border: 2px solid #E66A36; } .place-link { color: #fff; } .place-link:hover { text-decoration: none; } .white-link { color: #333; } .hide { display: none; } .place { text-align: left; } .places-table-content .row { width: 100%; border-bottom: none; padding-bottom: 30px; } .places-table-content .col-4 { width: 30.7%; padding-left: 10px; padding-top: 20px; margin: 0 auto; display: inline-block; text-align: left; vertical-align: top; } .places-img { width: 100% !important; height: auto; margin-top: 20px; padding-bottom: 0 !important; } .places-subtitle, .places-description { width: 100% !important; font-size: 14px !important; } .places-subtitle { font-weight: bold !important; margin-bottom: 0; } .places-address { padding-bottom: 10px !important; width: 100% !important; font-size: 12px !important; margin-top: -2px !important; } /*guide companies*/ .company-row { width: 100%; text-align: left; } .company-container { width: 65%; margin: 0 auto; } .col-3 { width: 24%; display: inline-block; } .company-wrapper { /*background: #f9f9f9;*/ padding: 1px; /*box-sizing: border-box;*/ vertical-align: top; margin-bottom: 20px; box-shadow: 0 0 7px #cccccc; position: relative; } .company-wrapper img { width: 100% !important; margin: 0 auto; max-height: 200px !important; padding: 0 !important; } .company-text { display: none; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: rgba(51, 51, 51, 0.9); color: #fff; } .company-text p { width: 100% !important; padding: 10px; box-sizing: border-box; font-size: 1em; } .company-text span { font-weight: bold; font-size: 1.1em; } .cowork-container p { width: 100% !important; } .cowork-container { vertical-align: top; display: inline-block; box-sizing: border-box; padding-right: 10px; width: 32%; margin: 0 auto; } .cowork-section { width: 65%; margin: 0 auto; } /* neighborgood guide media queries*/ @media screen and (max-width: 1070px) { .col-3 { width: 24%; } .guide-content, .field-map-container, .guide-section p, .guide-section img, .places-section, .cowork-section, .company-container { width: 75%; } .cowork-container { width: 32%; margin-bottom: 30px; /*background: #f9f9f9;*/ box-sizing: border-box; /*box-shadow: 0 0 7px #cccccc;*/ padding: 10px; } .places-table { width: 19%; } .places-table-content { width: 78%; padding: 15px !important; box-sizing: border-box !important; } .places-table-content .col-4 { width: 32.5%; padding-left: 0; } /*.places-title { font-size: 1.2em; text-align: center; }*/ .guide-icon { width: 80px !important; } } @media screen and (max-width: 850px) { .guidenav li { padding: 2px 5px; font-size: 0.9em; } .company-container, .guide-content, .field-map-container, .guide-section p, .guide-section img, .places-section, .cowork-section { width: 85%; } .places-table { width: 100% !important; } .places-table-content { width: 100% !important; } .cowork-container { width: 48%; } .col-3 { width: 32%; } .guide-icon { width: 80px !important; } .company-wrapper img { max-height: auto !important; } .company-wrapper { box-shadow: none; } } @media screen and (max-width: 600px) { .mobile_h3 { font-size: 1.9em !important; } .guidenav li { padding: 10px 12px; font-size: 0.8em; line-height: 0.8em; } .col-3 { padding: 0 !important; } .company-text { display: block !important; background: none; color: #444; position: relative !important; } .company-text p { font-size: 0.8em; padding: 8px; } .company-wrapper { box-shadow: none; background: none; } .cowork-section { width: 90% !important; } .guide-section { padding-top: 20%; } .places-table-content .col-4 { width: 48% !important; } .guide-content, .field-map-container, .guide-section p, .places-section, .cowork-section, .company-container { width: 90%; } .guide-section img { width: 100%; } .guide-icon { width: 80px !important; } } /*email capture popup*/ @media screen and (max-width: 550px) { .vex-content input, .vex-content .submit { width: 300px; } .vex-headline { font-size: 2em; } .vex-subheadline { width: 90%; } } @media screen and (max-width: 450px) { .guidenav li { font-size: 0.9em; } .col-3 { width: 48%; } .cowork-container { width: 100%; background: #f9f9f9; box-sizing: border-box; box-shadow: 0 0 7px #cccccc; padding: 10px; } .places-table-content .col-4 { width: 100% !important; } .guide-icon { width: 80px !important; } .guide-section-title { font-size: 1.1em; } } /*grad guide*/ .grad-container { width: 75%; margin: 0 auto; } .grad-title { font-size: 2.80em; text-align: center; } .grad-prep { background: #D6D6E9; } .grad-hunt { background: #E2F1DF; } .grad-application { background: #F8DDD1; } .grad-first { background: #FFFEE3; } .col-md-3 { width: 24%; display: inline-block; } .grad-img { width: 100%; } .grad-row, .grad-logos { width: 100%; text-align: center; margin-top: 30px; } .grad-row { padding-bottom: 30px; } .grad-logos { margin-bottom: 30px; } .grad-bar { width: 350px; border-bottom: 5px solid #000; margin: 0 auto; padding-top: 10px; } .grad-intro-text { width: 80%; margin: 0 auto; padding: 30px 0; line-height: 1.5em; font-size: 1.1em; } .grad-h4 { text-align: center; padding: 20px; font-weight: bold; } .grad-section-subtitle { text-align: center; font-size: 1.1em; line-height: 1.5em; width: 70%; margin: 0 auto; } .grad-social { background: #D6D6E9; } .grad-email { text-align: center; padding: 30px; } .grad-email form { text-align: center; padding: 30px; } .grad-email-input { width: 300px; height: 40px; border: 1px solid #000; text-align: center; } .grad-submit { text-transform: uppercase; font-weight: bold; border: 1px solid #36A339; background: #E2F1DF; width: 200px; height: 44px; padding-bottom: 7px; font-size: 1.5em; } .grad-social { text-align: center; height: 200px; } .grad-link a { line-height: 1.5em; color: #000; font-size: 0.9em; } .grad-link a:hover { color: #f05a28; } @media screen and (max-width: 1090px) { .grad-container, .grad-section-subtitle { width: 85%; } } @media screen and (max-width: 600px) { .grad-container, .grad-section-subtitle { width: 95%; } .col-md-3 { width: 48%; margin-bottom: 5px; } .grad-email-input { margin-bottom: 10px; } } @media screen and (max-width: 450px) { .grad-container { width: 100%; } .grad-intro-text, .grad-section-subtitle { width: 90%; } .grad-link { padding: 0 2px; } } /*offerpop template*/ .offerpop-header { text-align: center; padding: 20px; background: #f7f7f7; font-weight: bold; } .subway-map { background: url("http://uncubed.com/wp-content/uploads/2015/03/Subway-Map-Background1.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (max-width: 650px) { .offerpop-iframe { width: 100% !important; padding: 10px; } } ul#share-page { display: block; width: 100%; margin: 0 auto; list-style: none; text-align: center; } #share-page a { display: inline-block; margin: 0 auto; width: 22%; margin: 10px 1.3%; list-style-type: none; } #share-page a.fbA { margin-left: 0; } #share-page a li { width: 100%; height: 25px; border: 1px solid; list-style: none; vertical-align: middle; text-align: center; padding: 3px; position: relative; left: 0; margin: 0; /*padding-top: 3px;*/ } #share-page a li h5 { position: absolute; right: 4px; font-family: 'Sanchez Bold', sans-serif; font-size: 14px; text-transform: lowercase; color: #fff; } @media screen and (max-width: 479px) { #share-page a { display: block; width: 100%; margin: 10px 0; } #share-page a li { display: block; width: 97%; border-radius: 5px; } #share-page a li h5 { position: relative; margin: 0 auto; } #share-page ul { position: relative; margin: 0 auto; } } #share-page li img { position: absolute; height: 25px; width: auto; left: 0; } .fbShare { color: #3b5997; background-color: #3b5997; } .fbShare:hover { background-color: #4c6aa8; } .twShare { color: #00b6f1; background-color: #00b6f1; } .twShare:hover { background-color: #11c7f2; } .liShare { color: #0077b5; background-color: #0077b5; } .liShare:hover { background-color: #1188c6; } .gShare { color: #dc4a38; background-color: #dc4a38; } .gShare:hover { background-color: #ed5b49; } .hero-container { position: relative; background-color: #566A71; color: #fff; height: 330px; } .hero-text { position: absolute; width: 100%; text-align: left; left: 126px; top: 46px; } .companies-content h2 { font-size: 2.5em; position: relative; padding-left: 12px; padding-right: 12px; } .companies-buttons { position: relative; padding-left: 12px; padding-right: 12px; } .companies-content h4 { padding-top: 2px; position: relative; padding-right: 12px; padding-left: 12px; } .wakefield-container { position: relative; color: #566a71; height: auto; width: 100%; } .wakefield-stats { position: relative; color: #fff; top: 274px; } .wakefield-stats img { position: relative; width: 100%; } .wakefield-bg { height: 450px; z-index: 0px; top: 57px; filter: brightness(60%); } .user-stats { position: absolute; top: 216px; left: 537px; text-shadow: 1px 1px #000; } .user-stats h4 { position: absolute; left: 9px; } .age-stats { position: absolute; text-align: center; top: 224px; left: 639px; text-shadow: 1px 1px #000; } .age-stats h2 { font-size: 38px; } .college-stats { position: absolute; top: 216px; left: 930px; text-align: center; text-shadow: 1px 1px #000; } .stats-list { position: relative; text-shadow: 1px 1px #000; text-align: center; } .stats-list img { margin-top: 40px; } .stats-list h2 { margin-top: 65px; } .stats-list h4 { text-align: center; } .stats-list li { font-size: 20px; list-style-type: none; } .wakefield-text { position: absolute; text-align: left; left: 126px; } .wakefield-text h2 { font-size: 2.0em; position: relative; padding-left: 12px; padding-right: 12px; } .wakefield-text h4 { padding-top: 2px; position: relative; padding-left: 12px; padding-right: 12px; } .wakefield-contact { position: relative; width: 100%; text-align: center; top: 290px; } .wakefield-contact h4 { padding-top: 2px; position: relative; padding-left: 12px; padding-right: 12px; } .wakefield-stats { background-color: #fff; background: url(https://static.pexels.com/photos/6227/hands-technology-photo-phone.jpg) no-repeat; background-position: 30% 50%; /* background-attachment: fixed;*/ } .delivery-container { position: relative; color: #566A71; height: 500px; top: 20px; } .delivery-text { position: absolute; text-align: left; left: 126px; top: 46px; } .delivery-container h2 { font-size: 2.0em; position: relative; padding-left: 12px; padding-right: 12px; } .delivery-container h4 { padding-top: 2px; position: relative; padding-left: 12px; padding-right: 12px; } .delivery-text ul { list-style: outside none none; padding: 0px; } .delivery-numbers { position: absolute; text-align: center; width: 100%; padding-right: 350px; } .delivery-numbers .circle-border { border-radius: 60px; border: 2px solid #566a71; width: 60px; height: 60px; text-align: center; padding-top: 14px; display: inline-block; } .delivery-btn { position: relative; color: #566a71; border: 2px solid #566a71 !important; font-size: 25px; padding: 25px 40px !important; z-index: 10; } .delivery-numbers a:hover { color: #fff; background-color: #566a71; cursor: pointer; } .delivery-small-logo { position: relative; width: 100%; } .small-logo { left: 232px; top: -43px; position: absolute; } .edge-container { position: relative; color: #566A71; height: auto; width: 100%; } .edge-text h2 { font-size: 2.0em; position: relative; padding-left: 12px; padding-right: 12px; } .edge-text h4 { padding-top: 2px; position: relative; padding-left: 12px; padding-right: 12px; } .edge-text { position: absolute; width: auto; text-align: left; left: 126px; top: 46px; z-index: 1; } .edge-photo { position: absolute; text-align: left; padding-left: 129px; padding-right: 129px; z-index: 0px; top: 215px; } .edge-companies { position: absolute; width: auto; text-align: left; left: 126px; top: 625px; } .edge-container .row { padding-right: 180px; margin: 0px; padding-bottom: 35px; } .edge-companies h4 { padding-top: 20px; position: relative; padding-left: 12px; padding-right: 12px; } .edge-blurb { position: relative; width: 100%; padding-right: 245px; top: 14px; padding-bottom: 15px; } .edge-blurb h4 { color: #000; padding: 30px; } .events-container { position: relative; color: #566A71; height: 500px; } .events-container h2 { font-size: 2.0em; position: relative; padding-left: 12px; padding-right: 12px; } .events-container h4 { padding-top: 2px; position: relative; padding-right: 12px; padding-left: 12px; } .events-text { position: absolute; width: auto; text-align: left; left: 126px; top: 46px; } .events-locations { position: absolute; width: 16%; text-align: center; top: 46px; left: 846px; padding-top: 8px; } .events-blurb { position: relative; width: 100%; padding-right: 245px; top: 100px; } .events-blurb h4 { color: #000; padding: 30px; } .bubble { position: relative; width: 1017px; height: 124px; padding: 0px; background: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: #858585 solid 2px; } .bubble:after { content: ''; position: absolute; border-style: solid; border-width: 0 21px 20px; border-color: #fff transparent; display: block; width: 0; z-index: 1; margin-left: -21px; top: -20px; left: 16%; } .bubble:before { content: ''; position: absolute; border-style: solid; border-width: 0 22px 21px; border-color: #858585 transparent; display: block; width: 0; z-index: 0; margin-left: -22px; top: -23px; left: 16%; } .events-locations ul { position: relative; display: block; list-style: none; text-decoration: none; } .events-locations li { position: relative; border: 2px solid #566A71; padding: 10px; margin-top: 5px; } .delivery-main { position: relative; top: -270px; } .companies-btn { position: relative; color: #fff; border: 2px solid #808080 !important; font-size: 15px !important; padding: 5px 10px !important; z-index: 10; } .companies-content a:hover { color: #566A71; background-color: #fff; cursor: pointer; } .companies-btn .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; /*font-size: 14px;*/ font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-default { border: #F05A28; } .company-container { position: relative; width: 100%; padding-bottom: 50px; top: 300px; height: 660px; } .desaturate { -webkit-filter: grayscale(100%); filter: grayscale(100%); padding-left: 10px; } .desaturate:hover { -webkit-filter: saturate(100%); filter: saturate(100%); } .company-wrapper { position: relative; left: 36px; right: 36px; } .number { color: #F05A28; } .circle-border { border-radius: 60px; border: 2px solid #FFF; width: 60px; height: 60px; text-align: center; padding-top: 14px; display: inline-block; } /* MOBILE */ @media (min-width: 857px) and (max-width: 991px) { .wakefield-container { height: 1530px; } } @media (max-width: 856px) { /* How it Works Blurb */ .delivery-numbers.mobile-show, .blurb-content, .FAQ { width: 100%; text-align: center; display: block; } .blurb-wrapper { background-color: #566A71; position: relative; width: 100%; height: 650px; padding: 0px; } /* h4 { position: relative; text-align: left; padding-left: 12px; padding-right: 12px; font-size: 15px }*/ .hero-img { display: none; } .hero-text, .delivery-text, .wakefield-text { left: auto; padding: 0px; margin: 0px; } .wakefield-container { height: 1920px; } .wakefield-contact { top: 470px; } .company-container { top: 480px; padding-right: 20px; } .events-text .events-locations { left: auto; padding: 0px; margin: 0px; } .wakefield-stats { top: 450px; } .delivery-numbers { padding: 0px; position: absolute; } .hero-container { position: relative; background-color: #566A71; color: #fff; height: 450px; } .delivery-container { position: relative; height: 730px; } .small-logo { left: 197px; } } @media (max-width: 503px) { /*h4 { position: relative; text-align: center; padding-left: 12px; padding-right: 12px; font-size: 15px } h2 { position: relative; text-align: center; padding-left: 12px; padding-right: 12px; }*/ .companies-content { text-align: center; position: relative; } .num-circle-1 { position: absolute; text-align: center; margin: auto; } .num1-content { position: absolute; text-align: center; margin-top: 15px; margin-left: -10px; } .num-circle-2 { position: absolute; top: 95px; text-align: center; margin: auto; } .num2-content { position: absolute; text-align: center; margin-top: 15px; margin-left: -10px; } .num-circle { position: absolute; top: 270px; text-align: center; margin: auto; } .num3-content { position: absolute; text-align: center; margin-top: 15px; margin-left: -10px; } .delivery-container { position: relative; height: 900px; } .delivery-text { left: auto; padding: 0px; margin: 0px; } .small-logo { position: absolute; top: -41px; left: 300px; } } @media (max-width: 375px) { .small-logo { top: -42px; left: 279px; } } @media (max-width: 320px) { .small-logo { top: -43px; left: 251px; } } @media (min-width: 504px) and (max-width: 518px) { .num-circle-1 { left: -150px; } .num-circle-2 { top: -20px; } .num-circle { top: -35px; left: 150px; } } @media (min-width: 519px) { .num-circle-1 { position: absolute; text-align: center; margin: auto; position: absolute; } .num1-content { position: absolute; text-align: center; margin-top: 15px; margin-left: -10px; } .num-circle-2 { position: absolute; text-align: center; margin: auto; left: -110px; } .num2-content { position: absolute; text-align: center; margin-top: 15px; margin-left: -10px; } .num-circle { position: absolute; top: -20px; left: 150px; text-align: center; margin: auto; } .num3-content { position: absolute; text-align: center; margin-top: 15px; margin-left: -10px; } } @media (min-width: 757px) { .num-circle-2 { left: auto; } .num-circle { left: auto; top: auto; } } /*Error Page*/ .error-page-main-container { background: transparent url("https://s3.amazonaws.com/uncubed-static/background/404_error.png") no-repeat scroll center center / cover; position: relative; height: 500px; width: 100%; } .error-main-text { position: absolute; width: 100%; text-align: center; top: 25px; } .error-contact-us { color: $orange; text-decoration: none; } .error-contact-us:hover { color: $light-orange; text-decoration: none; cursor: pointer; }