/* Theme Name: Henrik Lundqvist */ /*=== Setup ===*/ *{border: 0;margin: 0;padding: 0; outline: none} .sprite {background-image: url(images/sprite.png?v=20130624); background-repeat: no-repeat} html{} body{color: #d8dcd1; background: #151614;font: 1em/1.4 "urw-din", sans-serif; position: relative} body.admin-bar {} p{margin-bottom: 1.2em} iframe{background: transparent; border: none} a {color: #ccc;text-decoration: none; -moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;} a:hover {color:#eee } a:active, a:focus {outline: none} .fade img{opacity: 0.85;-moz-transition:opacity 0.35s ease;-webkit-transition:opacity 0.35s ease;-ms-transition:opacity 0.35s ease;-o-transition:opacity 0.35s ease;transition:opacity 0.35s ease;} .fade img:hover, .fade:hover img {opacity: 1} .post img {} input,select,textarea{font-family: "urw-din-condensed", Helvetica, Arial, sans-serif; font-weight: bold;padding: 2px;} input[type="submit"]{text-transform: uppercase; background: #434343; color:#fff; cursor: pointer; -webkit-appearance: none; font-size: 22px} input[type="submit"]:hover {background: #666} input:focus::-webkit-input-placeholder {color:transparent;} input:focus:-moz-placeholder {color:transparent;} input:focus::-moz-placeholder {color:transparent;} input:focus:-ms-input-placeholder {color:transparent;} label {font: normal 14px "urw-din-condensed", Helvetica, Arial, sans-serif;} select{padding: 0} ul li{list-style: none} h1, h2, h3{font-weight: 700;text-transform: uppercase; line-height:1} h1{font-size: 6vw; margin: 0 0 .5em;font-family: "urw-din-condensed"; } h2{font-size: 4vw; margin: 0 0 .69em; font-family: "urw-din-condensed"; color:#d8dcd1 } h3 {font-size: 3vw; margin: 0 0 1em;font-family: "urw-din-condensed" } h1 a, h2 a, h3 a {} .more {color: #fff; font-family:"urw-din-condensed"; background-color: #383838} .more:hover {background: #000; color:#fff} .smaller {font-size: 50%} .large {font-size: 150%} .grayscale{ filter: grayscale(100%); /* IE6-9 */ -webkit-filter: grayscale(100%); } /*=== Layout ===*/ .centered{width: 960px; margin-left: auto; margin-right: auto; position: relative} #wrap {position: relative; overflow: hidden} /*=== Header ===*/ #header{ z-index: 2; width:100%; clear: both; position:fixed;top:0; left:0;background: #151614;border-top: solid 5px #383838;border-bottom: solid 5px #383838;height: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.5)} .logged-in #header {top: 28px} #logo{margin: 0; height:73px; width: 53px; text-indent: -999em; position: absolute; left: 0; top:0; z-index:3;background-position:0px 0px;} #logo a{} #logo:hover {background-position: -53px 0} #subscribe {position: absolute; background: #383838;background: rgba(180, 143, 52, 0.9); top:0; right:0; padding:5px; height: 16px; width: 208px; z-index: 99} #subscribe-button {line-height: 1; position: absolute; top:5px; right:5px} #subscribe-form {position: absolute; top: 30px; right: 5px; width: 198px; overflow:hidden} #subscribe-crest {height:90px; width: 80px; text-indent: -999em; background-position:0 0px; position: absolute; left: 21px; top:115px; opacity:0.5} #subscribe-text {position: absolute; top: 30px; left:10px; width: 103px} input.phone {width: 30.3%; margin-right: 3%} /*main nav*/ #menu-toggle {display: none; position: absolute;z-index: 999; top: 15px; right: 8px; height: 18px; width: 24px; text-align: center;text-transform: uppercase; } .bar {position: absolute;z-index: 2;height: 2px; width: 24px;left: 0; background: #f5f3e6; border-radius: 1px; transform: none; transition: transform .3s, top .3s .3s; display: block} .bar.bar1 {top: 0px} .bar2 {top: 8px;} .bar3 {top: 16px} .menu-on .bar1, .menu-on .bar3 {top: 8px; transition: top .3s, transform .3s .3s} .menu-on .bar1 {transform: rotate(45deg); } .menu-on .bar2 {opacity: 0; transition: opacity .3s .3s} .menu-on .bar3 {transform: rotate(-45deg); } #mainmenu {position: absolute; left: 60px; top: 5px; z-index: 3; right: 0} #mainmenu ul {} #mainmenu li {float: left; font: 700 1em/40px "urw-din-condensed"; text-transform:uppercase; padding: 0 1em; position: relative;} #mainmenu li a {display: block; color: #d8dcd1; } #mainmenu li:hover, #mainmenu li.current-menu-item, #mainmenu li.current-menu-parent{} #mainmenu li a:hover, #mainmenu li.current-menu-item a, #mainmenu li.current-menu-parent a{color: #fff;} #mainmenu li ul {position: absolute; top: -999em; left: 17px; z-index: 4;} #mainmenu li.hover ul{top: 47px;} #mainmenu li li {font-size: 14px;line-height:20px; text-transform: uppercase; margin: 0 10px 0 0; padding:0; border: none;} #mainmenu li li a, #mainmenu li.hover li a, #mainmenu li.current-menu-parent li a {padding: 0;border: none} #mainmenu li li a:hover, #mainmenu li li.current-menu-item a, #mainmenu li.current-menu-parent li.current-menu-item a {} #social {position: absolute; top: 9px; right: 0px; z-index:3} #social a {float: right; font-size: 22px; margin-left: .5em} /*=== Main column ===*/ #content{ clear:both; position:relative; z-index:1;padding-top: 60px} .home #content {padding: 0} .single-post #content-bg {padding-top: 20px} /*home page*/ #hero{position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #000;overflow: hidden; box-shadow: inset 0 2px 2px rgba(0,0,0,0.15); min-width: 960px;border-bottom: 5px #383838 solid} #hero img{height: auto; position: relative; z-index:1} .hero-img{height: auto; position: relative; z-index:1} #homeHero {min-height: 80vh; background-position: center center; background-size: cover; } #homeHeroRetirement {background-position: center right; background-repeat: no-repeat; background-size: auto 70%; background-color: #d2d8ce; padding: 5vw 50vw 5vw 5vw; color: #000!important} #homeCollageMobile {display:none} #marquee {background: #000 url(images/marquee_caps.jpg) no-repeat center center; background-size: auto 100%} #henrik{margin: 1em 0; letter-spacing:.69em} #home-news{position: relative; z-index:1; background: #000 url(images/news.png) no-repeat 20px center;background: rgba(0,0,0,0.5) url(images/news.png) no-repeat 72px center; margin-top: 1em; margin-bottom: 1em } #home-news .panel {position: relative; top: 0; right: 0;width: 618px; padding: 20px 20px 20px 0; float: right; z-index: 1;-moz-transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;transition:opacity 0.5s ease; opacity: 1} #home-news .panel.ui-tabs-hide {position: absolute; z-index: 0; opacity: 0; display: block} .feature-img {width: 50%; float: left; height: auto} .feature-meta {float: right; width: 296px} .feature-title {font-size: 1.75em} #features-nav {float: right; width: 43px; padding: 20px 1px 0 0} #features-nav li {line-height: 43px; font-size: 2em; text-align: center; background: #333; margin-bottom: 1px} #features-nav li.ui-state-active {background: #999} #features-nav li a {display: block; width: 100%; line-height: 43px;} #features{position: relative; z-index:1;} .feature {overflow: hidden; float:left; width: 32.55%;margin: 0 1% 1% 0;position: relative} .feature-last {margin: 0 0 1%} .feature-img {height: auto} #hero-overlay {position: absolute; bottom: 15px; left:0; z-index:3 } .hero-title {text-shadow: 0 0 5px rgba(0,0,0,0.9); font-size: 100px} #news-ticker {height: 85px;background: rgba(0, 0, 0, 0.7);} #ticker {height: 36px; width: 800px; margin-top: 27px} .ticker a {font-weight: normal;line-height: 36px;color: #FFF;} .ticker a:hover {color: #848484;} .title {color: #FFFFFF;font: 66px/66px "urw-din-condensed";-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased} /*foundation*/ .subnav {width: 199px; font-family: "urw-din-condensed";font-size: 20px; float: left; margin-right: 20px} .subnav a {color: #fff} .subnav a:hover, .subnav .ui-state-active a {color:#a6a6a6} #foundation-nav {text-align: right} #foundation-nav li {} #foundation-content {width: 720px; border-left: 1px #383838 solid; padding-left: 20px; margin-bottom: 1em; float: right} /*about*/ #about-content {width: 500px;} #bio-bg {background-position: center top; background-size:cover } /*grid/galleries*/ .grid-item{width:300px; margin:10px; z-index: 1; -webkit-perspective: 1000; position: relative} .grid-item.expanded{width:620px; z-index: 1; -webkit-perspective: 1000; position: relative;} .grid-item-inner {} .grid-item img {cursor: pointer; line-height:1} .grid-item .overlay {position: absolute; bottom: 0px; left:0px;background:rgba(0,0,0, 0.85); visibility: hidden; opacity: 0} .grid-item.expanded .overlay {visibility: visible; opacity: 1} .overlay-share, .grid-item:hover .overlay-share {visibility: hidden} .grid-item.expanded .overlay-share, .grid-item.expanded:hover .overlay-share {visibility: visible} .overlay-trim {overflow: hidden; position: relative} .overlay-year {font: 48px Bebas Neue; position: absolute; bottom: 10px; left: 10px; opacity: 0.8; line-height: 1; text-shadow: 0 -1px 0 rgba(0,0,0,0.25)} .expanded .overlay-year {visibility: hidden;} .grid-item:hover .overlay-year, .expanded img {opacity: 1} .grid-title {font: 18px "urw-din-condensed";-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased} .grid-excerpt {border-top: 1px #999 solid} #infscr-loading {width: 200px;position:absolute; bottom:5px; left: 5px; width: 200px; height:32px; line-height: 32px; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.43); background: #fff; padding: 7px} #infscr-loading img {float: left; margin: 0 10px 0 0} .next {visibility: hidden } .page-title.w90 {margin-left: auto; margin-right: auto; width:90%; min-width: 960px} #gallery-nav {background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } #gallery-nav ul {text-align: center} #gallery-nav li {display: inline-block; font: 24px/40px "urw-din-condensed"; line-height: 40px} #gallery-nav li a {padding: 0 15px} /*videos*/ #thevideo {} #video-wrap {width: 640px} #video-meta {width: 300px} .featured-video-header {font-size: 60px; line-height: 1} .video-thumb-wrap {position: relative; z-index:1} .play {opacity: 0; background: url(images/play.png) no-repeat center center; z-index: 2; position: absolute; top:0; left:0} .play:hover {opacity: 1} /*store*/ .store-item {width: 24%; margin-right: 1%} /*category*/ #articles-center {width: 960px; margin-left: auto; margin-right: auto} #main {position: relative} #main.category {width: 640px} .article-title {font-size: 32px} .archive-article {border-bottom:1px #222 solid} .archive-article .share {opacity: 0; visibility: hidden} .archive-article:hover .share {visibility: visible; opacity: 1} .archive-thumb-wrap {position: relative} .archive-thumb-wrap.alignleft {margin-right: 10px} .archive-thumb-wrap.alignright {margin-left: 10px} .archive-thumb-wrap .play {opacity: 0.75} .archive-thumb-wrap .play:hover {opacity: 1} .archive-thumb {} .read-more {font: 18px "urw-din-condensed"; background: #434343; color: #fff;-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased} .read-more:hover {background: #666; color: #fff} /*=== Single Post ===*/ #main.single {width: 640px} .post-title {font-size: 36px} .post-excerpt {} .post-content, .post {color:#fff} .post-content p, .post-content ul, .post-content ol {margin-bottom: 15px} .post-content img {max-width: 100%; height: auto} .post-content ol {margin-left:20px} .post-content ul{margin-left: 12px} .post-content p a, .post-content li a {font-weight: bold} .post-content ul li ul, .post-content ol li ol{margin-bottom:0px;} .post-content ul li {list-style:disc outside;margin: 7px;} .post-content ul li ul li {list-style:disc outside;} .post-content ol li {list-style:decimal outside } .post-content ol li ol li {list-style:decimal-leading-zero outside} blockquote {font-style: italic; font-size: 125%; margin-bottom: 15px; position: relative} blockquote:before {content: "\201C"; display: inline-block; font-size: 250%; line-height: 50%; position: relative; margin:0 5px -12px 0} blockquote:after {content: "\201D"; display: inline-block;font-size: 250%; line-height: 50%; position: relative;margin:0 0 -12px 5px } blockquote p {display: inline} .wp-caption, .wp-caption.aligncenter {} .wp-caption img {display: block} .wp-caption-text {font-size: 80%; color: #999; padding: 5px 0; text-align: center} .wp-caption.alignright {margin-left:15px} .wp-caption.alignleft {margin-right: 15px} .postmeta{background: #222; background: rgba(0,0,0,0.5)} .sociable {} .sociable_tagline {display:none} .sociable li {float: left} .author-bio {background: #F7F3E8} .author-description {} /*single page, really only used for Contact*/ .page-title {border-bottom: 3px solid #383838; font-size: 60px; line-height: 1; color:#383838; text-indent: 100px; margin-top: 50px; margin-bottom: 50px} .single-page-content {padding: 0 100px} /*author bio*/ .author-bio {background: rgb(142,136,123);background: rgba(142,136,123,0.43)} #author-right {border-left: 1px #CEC6B6 solid; width: 499px} .author-name {} .author-description-excerpt {overflow: hidden; position: relative; z-index:1;} .author-description-more {display: inline-block; cursor: pointer} /*related posts*/ .related_post {width: 207px; margin-right: 10px} .related_post img {height: auto} .related_post.last {width: 206px; margin: 0} .related-posts-header {background: #222; background: rgba(0,0,0,0.5);padding: 4px} /*sharing*/ .print a, .email a {text-indent: 999em; display: block; height: 22px; width: 65px;-moz-transition:none;-webkit-transition:none;-ms-transition:none;-o-transition:none;transition:none;} .email a {background-position: -144px -46px; } .email a:hover {background-position: -144px -24px} .print a {background-position: -144px -90px} .print a:hover {background-position: -144px -68px} /*=== sidebar == */ #sidebar{width: 300px; float: right;} #sidebar .widget {margin: 0 0 20px 0; background: #000; background: rgba(0,0,0,0.5)} .widget:last-child{margin-bottom: 0} .widget-title {font-size: 24px; font-family: "urw-din-condensed"} .widget-title a {color: #fff; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)} .widget ul{margin: 0; padding:0; } .widget ul li{margin: 0 0 10px; padding: 0 0 10px; overflow:hidden; border-bottom: 1px #222 solid} .widget ul li:last-child {border: none; padding: 0} .widget ul li a {} .widget ul li a:hover {} .news-tabs .panel {} #news-tabs-nav {font: 16px Bebas Neue; padding: 0; text-transform: uppercase;-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased} .widget #news-tabs-nav li {padding: 5px 10px; margin: 0 5px 0 0; border: none} #news-tabs-nav {border-bottom: 5px #000 solid; margin:0 0 10px } .tab {background: #666;} .tab a {color: #000} .tab.ui-tabs-selected {background: #000;} .tab.ui-tabs-selected a {color:#fff} .tab.ui-state-hover {background: #434343} .latest-post-excerpt {margin: 0; font-size:85%} .latest-post-date {font-style: italic; margin: 0 0 7px} .ui-tabs-hide {display: none} /*=== Footer ===*/ #footer{background: #d8dcd1; padding-top: 5vh;color: #151614} input.email {width: 200px} #sponsors {text-align: center} #sponsors a {opacity: 0.5;} #sponsors img {display: inline-block; margin: 0 12px; max-height: 100px; width: auto} #sponsors a:hover {opacity: .75} #copyright {} /*========= COMMENTS =========*/ /*all-purpose*/ .row {clear: both; overflow: hidden;} .w100 {width: 100%;} .h100 {height: 100%} .hauto, .h-auto {height: auto} .bebas {font-family: "urw-din-condensed";-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased} hr.clear {clear: both} .white {color: #fff} .black {color:#000} .grey {color:#999} .bg-white {background-color: #fff} .bg-grey {background-color: #bfbfbf} .bg-black {background-color: #fff} .ps-thumb {display: block; line-height:1} .uppercase {text-transform: uppercase} .m0 {margin: 0!important} .m7 {margin: 7px} .mb7 {margin-bottom: 7px} .mr7 {margin-right: 7px} .mt7 {margin-top: 7px} .ml7 {margin-left: 7px} .m10 {margin: 10px} .mb10 {margin-bottom: 10px} .mr10 {margin-right: 10px} .mt10 {margin-top: 10px} .ml10 {margin-left: 10px} .mb20 {margin-bottom: 20px} .mr20 {margin-right: 20px} .mt20 {margin-top: 20px} .ml20 {margin-left: 20px} .m20 {margin: 20px} .b0 {border: none!important} .p0 {padding: 0!important} .p7 {padding: 7px} .pb7 {padding-bottom: 7px} .pr7 {padding-right: 7px} .pt7 {padding-top: 7px} .pl7 {padding-left: 7px} .p10 {padding: 10px} .pb10 {padding-bottom: 10px} .pr10 {padding-right: 10px} .pt10 {padding-top: 10px} .pl10 {padding-left: 10px} .pb20 {padding-bottom: 20px} .pr20 {padding-right: 20px} .pt20 {padding-top: 20px} .pl20 {padding-left: 20px} .p20{padding: 20px} .block {display: block} .hidden {display: none} .tac {text-align: center} .alignleft{float:left;} .alignright{float:right;} .aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center} .bg-black {background: black} .shadow {box-shadow: 0 0 10px rgba(0,0,0,0.25)} .textshadow {text-shadow: 0 1px 1px rgba(0,0,0,0.5)} img.alignleft {margin-right: 10px} img.alignright {margin-left: 10px} .transition {-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;} /*isotope animations*/ .isotope .isotope-item {-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;} .isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width; -o-transition-property: height, width;transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: top, left, opacity;transition-property:transform, opacity;} .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;} #splash {position: fixed; z-index: 9999999;background: rgba(0,0,0,.85); height: 100%; width: 100%; color: #fff; text-align: center} #splash iframe, #splash img {display: block; margin: 1em auto; max-width: 720px; height: auto} #on {width: 300px; font-size: 1em; line-height: 1.5; color: #fff; background: #D13733; display: block; margin: 0 auto; text-transform: uppercase; text-align: center; border-radius: 2px; font-family: "Bebas Neue"} #splash h3 {color: #fff; margin-top: 1em} .gform_wrapper {max-width: 480px;} .gf_progressbar {display: none} .gform_body, .gform_footer {margin-bottom: 1em;} .post-content .gform_body ul { margin:0!important; padding:0!important } .post-content .gform_body li { list-style:none; position:relative; margin: 0 0 1em; clear: both} label { } .gfield_checkbox label {font-weight: 300} .gform_body textarea {height: 8em;} .gfield_checkbox li, .post-content .gform_body .gfield_checkbox li {display: inline-block; margin: 0 1em .66em 0} .ginput_left, .ginput_right {width: 49%; margin-right: 1%; float: left} .ginput_complex label {display: block; width: 100%; font-size: 85%; color:} .ginput_complex input {width: 97%; padding: 1%} .gform_body .medium {width: 96%; padding: 1%} #recaptcha_table {background: #fff} input[type=checkbox] {margin-right: 3px} .gform_confirmation_wrapper {padding: 1em; border-radius: 3px; background: #e64d49; color: #fff} /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width: 767px) { #wrap {position: relative; transform: translateX(0); transition: .5s} .menu-on #wrap {transform: translateX(-180px)} body {padding-top: 45px; min-height: 100vh} body.home {padding-top: 0} .centered, #features, #hero, #header, #thevideo, #thevideo iframe, #video-wrap, #video-meta, #home-hero-wrap, #home-hero {width: 100%;} #hero, #articles-center {width: 100%;min-width: 100%;} #instagram, #home-widgets .widget_single_ad, #sidebar, div.share, .overlay-share, h3.share-label, #header-hero, #gallery-nav img, .feature-more, .read-more, #subscribe, #fan-corner, #nhlnav {display: none;} h1, .featured-video-header{font-size: 40px; margin: 0 0 15px;font-family: "urw-din-condensed"; } h2{font-size: 33px; margin: 0 0 12px; font-family: "urw-din-condensed"; color:#fff } h3 {font-size: 24px; margin: 0 0 10px;font-family: "urw-din-condensed" } #header-ad {position: absolute; top: 50px; right: 50%; margin-right: -62.5px; width: 125px} #header-ad img {width: 100%; height: auto} #logo {left:5px;z-index: 9999; width: 36px; height: 60px; background-size: 220px; } #logo:hover {background-position: 0 0} #menu-toggle {display: block} #mainmenu {position: fixed; top: 60px; bottom: 0; width: 180px; right:-180px; padding: 0; left: auto; transition: right .5s; background: #121212 url('images/noise.png') repeat; height: auto} .menu-on #mainmenu {right: 0} #mainmenu ul {float: none; width: 100%;} #mainmenu li {float: none; display: block; font-size: 16px; border-right: none; border-bottom: 1px rgba(0,0,0,0.43) solid;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);line-height: 40px; position: relative; text-align: right} #mainmenu li a {float: none; transition: none} #social {position: relative; top: auto; right: auto; padding: 10px 10px 0} #social a {margin-left: 1em} #gallery-nav {width: 100%; float: none; text-align: center} #gallery-nav li.item {height: auto; display: inline; clear: none; margin: 0 2px} #gallery-right {margin: 0; clear: both; width:100%} .gallery-nav-title, .gallery-nav-overlay {position: relative; display: inline} .grid-item.expanded{width:300px; z-index: 1; -webkit-perspective: 1000; position: relative;} #content {padding-top: 0px} #main.single {margin-top: 0} #thevideo {padding: 0 0 10px; height: auto} #thevideo iframe {height: 180px} #video-meta, #video-wrap {float: none; clear: both; text-align: center} #main.single, #main.category {width: 96%; padding-left: 2%; padding-right: 2%} .hero-title, .title {font-size: 36px} #news-ticker {height: 45px} #ticker {width: 70%; margin-top: 0px } .store-item {width: 100%; margin: 0} #sponsors img {height: 40px;width: auto; margin: 0 2px} #copyright {font-size: 0.5em; padding-left: 10px; text-align: left} #home-news {width: 100%; background-image: none} #home-news .panel {width: 96%; padding: 2%} .feature-img {width: 100%; float: none; display: block; line-height: 1} .feature-meta {float: none; width: 100%; text-align: center; position: absolute; bottom: 2%; left: 0; background: rgba(0,0,0,0.75);} .feature-meta p {display: none} .feature-title {margin: 0; padding: 2%} #features-nav {float: none; text-align: center; clear: both; width: 100%; padding: 0} #features-nav li {text-indent: -999em; display: inline-block; width: 16px; height: 16px; border-radius: 8px; display: inline-block} #about-hero {padding: 90px 0 30px; width: 100%; height: 400px} #bio-bg {background-position: center -80px; background-repeat: no-repeat} #about-content { width: 96%; padding: 180px 2% 0; z-index: 99; position: relative; font-size: 14px; height: 250px; overflow: scroll;} .home #hero img {float: none;} #henrik {letter-spacing: .2em} #foundation-content {float: none; width: 98%; padding: 0; margin: 0 auto 1em; border-left: none} #foundation-nav {float: none; margin: 0 auto 1em; width: 100% } #foundation-nav li {text-align: center; padding: 0;} #splash img {max-width: 100%} #hero-overlay {text-indent: 15px} #homeCollageMobile {} #homeHeroRetirement {padding: 70% 1em 0 2em; background-size: 100vw auto; background-position: center top} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* Styles */ #home-hero-wrap,#home-hero {width: 100%;} .widget.instagram, div.share, #home-events,#menu-toggle, .share, .overlay-share {display: none;} .centered, #features, .feature, #articles-center {min-width: 0;} .archive-article {padding: 15px;} .product-thumbnail {max-width: 100%;height: auto;} #lineage {right: 10px;} #sponsors img {height: 50px;width: auto;} #home-hero-wrap {left: auto; margin-left: auto} .home-hero {width: 100%; height: auto} .home #main {padding-top: 110px} } /*portrait ipad, landscape gets no special styling*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .centered, #hero, #header, #thevideo, #thevideo iframe, #video-wrap, #video-meta,#home-hero-wrap,#home-hero {width: 100%;} #home-hero-wrap, #footer, #main, #subscribe {overflow: hidden} #menu-wrap {margin-top: 0} #mainmenu {} #mainmenu ul {} #mainmenu li {padding: 0 12px} #mainmenu li a {} #hero {height: auto; min-width: 100%; max-width: 100%} .hero-img {position: relative; width: 100%; margin: 0; left: auto; height: auto; display: block} #hero-overlay {text-indent: 20px} #news-ticker {} #ticker {width: 80%; margin-top: 20px } #thevideo {padding: 20x 20px 10px; height: auto; width: 640px} #video-meta, #video-wrap {float: none; clear: both; width: 100%; text-align: center} #thevideo iframe {} #features {} .feature-img {} .feature-meta {} .feature-excerpt {} #social, #sidebar, .share-label, .share, .featured-video-header, .feature-more, #home-widgets .widget.widget_twitterstreamwidget, #nhlnav{display: none} #home-widgets .eventsListWidget {border: none} .centered, #articles-center {width: 100%; max-width: 100%} #main.single, #main.category {width: 96%; padding-left: 2%; padding-right: 2%} #bio-bg {background-position: center -120px; background-repeat: no-repeat} #about-content { width: 43%; padding: 2%; z-index: 99; position: relative; font-size: 14px; background: rgba(0,0,0,0.4) } input.email {width: 160px} #content {padding-top: 59px} .home #hero img {float: none; margin: 0 auto 1em; display: block} #logo_large {max-width:30% } #tagline {font-size: 3vw; text-align: center; text-indent: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) { .sprite { background-image: url(images/sprite@2x.png?v=20130624); background-size: 318px 150px; } }