/* line 9, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ header, nav, section, article, aside, footer, hgroup, img { display: block; } /* line 13, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header { position: relative; z-index: 9999; } /* line 16, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header .header_container { width: 1160px; } /* line 18, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header .header_container .hf_logo { margin-left: 0; } @media (max-width: 1279px) { /* line 23, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header .header_container { width: 724px; } } @media (max-width: 799px) { /* line 13, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header { position: relative; } /* line 29, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header .header_container { width: 100%; } /* line 31, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header .header_container .hf_logo { margin: 10px 0 0 9px; } } /* line 37, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ #header.header2015 { position: relative; border-bottom: 1px solid #cccccc; } /* line 45, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .everything #body, .everything-hf32 #body { margin-top: -77px; } /* line 49, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ body { background-color: #333333 !important; } /* rules for areas where content has to be duplicated */ /* line 55, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .media-tablet, .media-mobile { display: none; } /* line 60, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .media-desktop.media-tablet, .media-desktop.media-mobile { display: block; } @media (max-width: 1279px) { /* line 67, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .media-desktop, .media-mobile, .media-desktop.media-mobile { display: none; } /* line 71, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .media-desktop.media-tablet, .media-tablet { display: block; } } @media (max-width: 799px) { /* line 79, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .media-desktop, .media-tablet, .media-desktop.media-tablet { display: none; } /* line 83, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .media-mobile, .media-desktop.media-mobile { display: block; } } /* end rules */ /* line 90, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h1 { font-family: "HPSimplifiedLight"; font-weight: normal; font-size: 3.75rem; line-height: 3.75rem; margin: 28px 0 0; } /* line 97, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h2 { font-family: "HPSimplifiedLight"; font-weight: normal; font-size: 1.875rem; line-height: 2.25rem; margin: 0; } /* line 104, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h4 { font-size: 12px; text-decoration: underline; } /* line 108, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body a { color: #0096d6; } /* line 111, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body a.trailing-arrow:after { content: '\279d'; display: inline-block; font-family: "HPSimplifiedLight", sans-serif; margin-left: .5em; vertical-align: middle; } /* line 121, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015 { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; line-height: 1em; padding: 14px 60px; margin-top: 25px; display: inline-block; border-radius: 3px; } /* line 129, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015.white { color: #ffffff; border: 1px solid #ffffff; } /* line 133, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015.blue { color: #0096d6; border: 1px solid #0096d6; } /* line 137, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015.black { color: #000000; border: 1px solid #000000; } @media (max-width: 1279px) { /* line 121, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015 { font-size: 14px; } } @media (max-width: 799px) { /* line 121, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015 { font-size: 21px; padding: 20px 80px; border-radius: 0px; } /* line 148, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015.white { border: 2px solid #ffffff; } /* line 151, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015.blue { border: 2px solid #0096d6; } /* line 154, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body .button2015.black { border: 2px solid #000000; } } /* line 159, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body ul { margin-top: 2rem; } /* line 161, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body ul li { margin-left: 1rem; margin-top: .5em; } @media (max-width: 1279px) { /* line 167, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h1 { font-size: 3.125rem; line-height: 3.125rem; } /* line 171, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h2 { font-size: 1.5rem; line-height: 2rem; } } @media (max-width: 799px) { /* line 177, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h1 { font-size: 60px; line-height: 60px; } /* line 182, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body h4 { font-size: 14px; } } @-moz-document url-prefix() { /* line 188, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .body a.trailing-arrow:after { font-size: 1.75em; } } /* line 193, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .blue { color: #0096d6; } /* line 197, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ section { clear: both; position: relative; background: #ffffff; } /* line 204, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ .modal button.close { margin-bottom: 20px; } /* line 2, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main { position: fixed; display: block; height: 700px; width: 100%; overflow: hidden; color: #ffffff; background: #4c4d51; transition: 0s; } /* line 11, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container { position: relative; } /* line 14, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content { position: absolute; top: 118px; left: 50%; margin-left: -580px; width: 483px; font-size: 18px; line-height: 25px; } /* line 22, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content .body-copy { margin-top: 40px; } /* line 25, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content h4 { margin-bottom: 35px; } /* line 30, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .parallax-tracking { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } /* line 37, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main.expanded { height: 750px; } /* line 40, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main a.button2015 { display: none; } @media (max-width: 1279px) { /* line 2, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main { position: relative; margin-top: 72px; } /* line 47, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content { top: 105px; margin-left: -362px; font-size: 14px; line-height: 21px; } /* line 53, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content .body-copy { margin-top: 30px; } /* line 58, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main.expanded { height: 540px; } } @media (max-width: 799px) { /* line 2, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main { position: relative; height: 640px; margin-top: 0; } /* line 66, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container { height: auto; } /* line 68, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-background { background: url("../images/i/hero-1-background-mobile-a.jpg") center top no-repeat; height: 640px; background-size: cover; } /* line 73, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content { width: 90%; left: auto; margin: 0 5%; top: auto; bottom: 0; font-size: 18px; line-height: 26px; } /* line 83, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main .container .container-content h4 { margin-bottom: 25px; } /* line 88, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-main a.button2015 { display: inline-block; } } /* line 94, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body { position: relative; display: block; max-height: 0; background: #4c4d51; color: #ffffff; transition: .3s; } /* line 101, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .controlbar { display: none; width: 100%; position: absolute; top: -23px; height: 23px; background: url("../images/i/immersive-controlbar-background.png") top center repeat-x; text-align: center; color: #ffffff; transition: .3s; z-index: 111; cursor: pointer; z-index: 111; } /* line 114, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .controlbar .label { margin-top: 12px; opacity: 0; font-size: 14px; line-height: 20px; transition: .3s; display: none; } /* line 122, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .controlbar:before { content: ''; width: 75px; height: 31px; background: url("../images/i/immersive-controlbar-caret.png") top center no-repeat; position: absolute; top: -29px; left: 50%; margin-left: -37.5px; } /* line 132, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .controlbar:hover { top: -43px; height: 43px; transition: .3s; } /* line 137, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .controlbar:hover .label { opacity: 1; display: block; } /* line 142, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container { font-family: "Source Sans Pro", "HPSimplifiedLight", sans-serif; font-size: 17px; line-height: 24px; position: relative; width: 1160px; padding: 70px 0 40px; margin: 0 auto; opacity: 0; height: 0; overflow: hidden; display: none; } /* line 155, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container .container-left { display: inline-block; margin-left: 99px; width: 396px; } /* line 161, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container h2 { font-size: 30px; line-height: 34px; margin-bottom: 24px; } /* line 167, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container ul li { font-size: 18px; line-height: 26px; } /* line 173, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .imagery { position: absolute; top: 0; right: 0; transition: .3s; } /* line 178, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .imagery img { width: 100%; } /* line 181, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .imagery .label { position: absolute; top: 100%; left: 0; width: 100%; text-align: center; font-size: 15px; line-height: 24px; } /* line 191, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body.expanded { max-height: 1000px; } /* line 193, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body.expanded .controlbar { top: auto; bottom: 0; } /* line 197, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body.expanded .container { opacity: 1; height: auto; overflow: visible; display: block; } @media (max-width: 1279px) { /* line 205, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container { font-size: 14px; line-height: 20px; width: 724px; padding: 40px 0 40px; } /* line 210, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container h2 { font-size: 24px; } /* line 213, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body .container .container-left { margin-left: 0px; width: 310px; } } @media (max-width: 799px) { /* line 94, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ section.module-immersive-body { display: none; } } /* line 224, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main { height: 772px; } /* line 226, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-background { background: #4c4d51 url("../images/i/hero-1-background.jpg") center -28px no-repeat; height: 772px; } /* line 231, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content { width: 100%; top: 65px; left: 0; margin: 0 auto; text-align: center; margin-top: 72px; } /* line 238, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content h1, #hero-1-main .container-content h2 { font-family: "HPSimplifiedLight", sans-serif; font-size: 64px; line-height: 64px; margin-top: 20px; } /* line 244, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content h3 { font-family: "Source Sans Pro", "HPSimplifiedLight", sans-serif; font-size: 24px; line-height: 24px; font-weight: normal; } @media (max-width: 1279px) { /* line 224, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main { height: 612px; } /* line 253, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-background { height: 612px; background-position: 23% 60%; } /* line 257, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content { margin-top: 0; top: 100px; } /* line 260, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content h1, #hero-1-main .container-content h2 { font-size: 48px; line-height: 48px; margin-top: 25px; } /* line 265, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content h3 { font-size: 20px; line-height: 20px; } } @media (max-width: 799px) { /* line 224, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main { height: 770px; } /* line 273, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-background { height: 770px; background: url("../images/i/hero-1-background-mobile.jpg") center top no-repeat; } /* line 278, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content { top: auto; bottom: 40px; width: 90%; margin: 0 5%; } /* line 283, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content h1, #hero-1-main .container-content h2 { font-size: 46px; line-height: 46px; } /* line 287, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content h3 { font-size: 14px; line-height: 14px; } /* line 291, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-main .container-content a.button2015 { margin-top: 40px; } } /* line 298, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive { margin-top: 772px; } /* line 301, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .container { padding-bottom: 100px; } /* line 303, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .container .container-left { width: 410px; } /* line 307, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .imagery { right: 40px; } /* line 311, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body.expanded .imagery { top: -60px; } @media (max-width: 1279px) { /* line 298, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive { margin-top: 0; } /* line 320, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .container { padding-bottom: 60px; } /* line 322, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .container .container-left { width: 330px; } /* line 324, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .container .container-left > div { width: 315px; } /* line 329, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .imagery { width: 53%; right: 0; } /* line 332, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body .imagery img { width: 100%; } /* line 337, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-1-immersive.module-immersive-body.expanded .imagery { top: -50px; } } /* line 345, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main { position: relative; height: 685px; color: #000000; margin-top: 85px; } /* line 350, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-background { background: url("../images/i/hero-ink-background.jpg") center top no-repeat; height: 685px; } /* line 354, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-content { width: 450px; font-family: "Source Sans Pro", "HPSimplifiedLight", sans-serif; margin-left: -481px; top: 60px; } /* line 360, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main h2 { font-family: "Source Sans Pro", "HPSimplifiedLight", sans-serif; font-weight: 300; font-size: 48px; line-height: 52px; margin-bottom: 30px; } /* line 367, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main a.button2015 { display: inline-block; } @media (max-width: 1279px) { /* line 345, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main { height: 410px; margin-top: 40px; } /* line 373, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-background { height: 445px; background-size: cover; background-position: 45% top; } /* line 378, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-content { top: 20px; margin-top: 0; width: 320px; margin-left: -362px; } /* line 384, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main h2 { font-size: 34px; line-height: 38px; margin-bottom: 25px; } } @media (max-width: 799px) { /* line 345, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main { height: 683px; } /* line 392, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-background { background: url("../images/i/hero-ink-background-mobile.jpg") center center no-repeat; height: 683px; } /* line 398, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-content { width: 90%; top: 55px; left: 5%; text-align: center; margin: 0; font-size: 21px; line-height: 31px; } /* line 399, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main .container-content br { display: none; } /* line 410, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main h2 { font-size: 40px; line-height: 46px; margin-bottom: 40px; } /* line 415, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-ink-main a.button2015 { margin-top: 20px; } } /* line 421, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main { height: 570px; } /* line 423, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-background { background: #4c4d51 url("../images/i/hero-2-background.jpg") center center no-repeat; height: 570px; background-size: cover; height: 1030px; } /* line 429, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-content { top: 105px; } /* line 431, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-content h2 { font-family: "HPSimplifiedLight"; font-size: 64px; line-height: 66px; } @media (max-width: 1279px) { /* line 421, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main { position: relative; height: 440px; margin-top: 0px; } /* line 441, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-background { height: 440px; background-size: 180%; background-position: 55% 20%; } /* line 446, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-content { top: 65px; } /* line 448, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-content h2 { font-size: 48px; line-height: 52px; } } @media (max-width: 799px) { /* line 421, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main { height: 825px; } /* line 457, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-background { background: url("../images/i/hero-2-background-mobile.jpg") center bottom no-repeat; height: 825px; } /* line 461, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-main .container-content { top: auto; bottom: 40px; text-align: center; } } /* line 469, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive { margin-top: 570px; } /* line 471, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive .container { padding-bottom: 100px; } /* line 473, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive .container .container-left { width: 365px; } /* line 478, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .imagery { top: -147px; } @media (max-width: 1279px) { /* line 469, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive { margin-top: 0; } /* line 487, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .container .container-left { margin-left: 0; } /* line 489, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .container .container-left .headshot { width: 124px; margin-right: 62px; } /* line 493, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .container .container-left .label { font-size: 12px; line-height: 17px; } /* line 497, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .container .container-left .details { width: 249px; margin-top: 50px; } /* line 500, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .container .container-left .details h2 { font-size: 24px; line-height: 29px; } /* line 507, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .imagery { width: 53%; top: -119px; } /* line 510, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_hero.scss */ #hero-2-immersive.module-immersive-body .imagery img { width: 100%; } } /* line 39, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content { font-family: 'Source Sans Pro', sans-serif; width: 1160px; padding: 90px 0 30px; } /* line 43, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .container { display: inline-block; } /* line 46, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content h2 { font-size: 36px; line-height: 41px; font-weight: 300; margin: 60px 0 10px; } /* line 52, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 28px; line-height: 37px; font-weight: 400; margin-bottom: 25px; } /* line 59, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .overlay { position: absolute; top: 275px; left: 430px; } /* line 63, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .overlay img { width: 100%; display: block; } /* line 68, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side { position: relative; float: left; margin-right: 88px; } /* line 72, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview { position: relative; } /* line 74, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview img { width: 100%; display: block; } /* line 78, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview:after { content: ''; width: 75px; height: 75px; position: absolute; top: 50%; left: 50%; margin: -37px 0 0 -37px; background: url("../images/i/icon-video-poster-play.png") center center no-repeat; transition: .3s; pointer-events: none; } /* line 92, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview:hover:after { opacity: 1; } /* line 96, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview .video-container { display: none; } /* line 100, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .label { margin-top: 20px; font-size: 14px; line-height: 20px; } /* line 104, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .label .name { font-weight: bold; } /* line 109, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side { float: right; width: 370px; margin: 40px 0 0 0; font-size: 16px; line-height: 26px; } /* line 115, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side h2 { margin: 25px 0 20px; background: #000000; color: #ffffff; padding: 17px 21px; font-size: 47px; } /* line 122, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side .logo { margin-top: 30px; } /* line 124, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side .logo img { display: block; } /* line 128, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side > div { margin-top: 30px; font-size: 18px; line-height: 26px; } /* line 134, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content a { font-size: 18px; line-height: 22px; } @media (max-width: 1279px) { /* line 39, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content { width: 800px; padding: 60px 0 30px; } /* line 141, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content h2 { margin-top: 40px; font-size: 24px; line-height: 28px; } /* line 146, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .overlay { top: 223px; left: 248px; width: 166px; } /* line 151, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side { margin-left: 38px; margin-right: 42px; } /* line 154, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview { width: 434px; } /* line 157, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .label { font-size: 12px; line-height: 17px; } /* line 162, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side { width: 248px; margin: 15px 38px 0 0; } /* line 165, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side h2 { font-size: 31px; padding: 14px 0; text-align: center; width: 100%; } /* line 171, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side h3 { font-size: 20px; line-height: 28px; } /* line 175, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side > div { margin-top: 25px; font-size: 14px; line-height: 20px; } /* line 181, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content a { font-size: 14px; line-height: 18px; } } @media (max-width: 799px) { /* line 39, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content { width: auto; padding: 24px 0; } /* line 189, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .overlay { display: none; } /* line 192, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side { clear: both; width: 90%; margin: 0 5% 5%; } /* line 196, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .video-preview { width: auto; } /* line 200, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .playing .video-container-poster { display: none; } /* line 203, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side .playing .video-container { display: block; } /* line 207, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .left-side h2 { display: none; } /* line 211, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side { float: left; width: 90%; margin: 0 5%; font-size: 18px; line-height: 26px; text-align: center; } /* line 218, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side h2 { width: auto; padding: 18px 25px; display: inline-block; font-size: 46px; line-height: 46px; margin: 30px auto; } /* line 226, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side h3 { font-size: 24px; line-height: 34px; max-width: 440px; margin: 0 auto 20px; } /* line 232, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side h4 { font-size: 16px; line-height: 16px; } /* line 236, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side > div { font-size: 18px; line-height: 26px; margin: 25px 0 45px; } /* line 241, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content .right-side a { margin: 20px auto; } /* line 245, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content a { font-size: 18px; line-height: 22px; } /* line 249, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ section.editorial .content a.button2015 { margin: 40px 0 5px; } } /* line 257, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side { margin-right: 67px; } /* line 259, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side h2 { font-size: 30px; line-height: 36px; margin: 60px 0 30px; } /* line 264, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side .overlay { top: 325px; } /* line 268, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side { padding: 35px 20px 20px 30px; width: 346px; margin: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7e50+0,fbe17f+100 */ background: #ef7e50; /* Old browsers */ background: -moz-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef7e50), color-stop(100%, #fbe17f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef7e50 0%, #fbe17f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7e50', endColorstr='#fbe17f', GradientType=0); /* IE6-9 */ } /* line 269, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .top { margin-top: 0; } /* line 272, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side > div { font-size: 16px; line-height: 22px; } /* line 276, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side h2 { font-family: "HPSimplifiedLight"; padding: 0; background: none; font-size: 36px; line-height: 40px; } @media (max-width: 1279px) { /* line 290, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side { margin-right: 42px; } /* line 292, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side h2 { font-size: 20px; line-height: 24px; margin: 40px 0 10px; width: 210px; } /* line 297, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side h2 br { display: none; } /* line 301, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .left-side .overlay { top: 225px; } /* line 305, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side { padding: 0; width: 248px; background: initial; } /* line 309, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .top { width: 210px; padding: 16px 20px 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7e50+0,fbe17f+100 */ background: #ef7e50; /* Old browsers */ background: -moz-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef7e50), color-stop(100%, #fbe17f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef7e50 0%, #fbe17f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef7e50 0%, #fbe17f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7e50', endColorstr='#fbe17f', GradientType=0); /* IE6-9 */ } /* line 314, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .bottom { padding: 40px 20px; margin-top: 0; background: #ffffff; } /* line 319, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .logo { width: 132px; margin-top: 23px; } /* line 321, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .logo img { width: 100%; } /* line 326, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side h2 { text-align: left; font-size: 34px; line-height: 38px; margin: 18px 0 0; } } @media (max-width: 799px) { /* line 335, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side { width: 90%; margin: 0 5%; } /* line 338, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .top { width: auto; } /* line 341, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .bottom { background: initial; margin-top: 0; padding: 0; } /* line 346, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side .logo { width: 166px; margin: 40px auto 0; } /* line 350, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout .right-side h2 { font-size: 50px; line-height: 56px; max-width: 400px; text-align: center; margin: 30px auto 50px; } /* line 358, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout a.media-mobile.trailing-arrow { text-align: center; font-size: 21px; display: inline-block; margin: 20px auto; width: 100%; } } /* line 368, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works { font-family: "HPSimplifiedLight", sans-serif; font-size: 18px; line-height: 26px; } /* line 372, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .content { padding-top: 20px; } /* line 375, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h2 { font-family: "HPSimplifiedLight", sans-serif; font-size: 30px; line-height: 30px; width: 100%; text-align: center; margin-top: 0; margin-bottom: 40px; } /* line 384, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h3 { font-family: "HPSimplifiedLight", sans-serif; font-size: 30px; line-height: 30px; margin: 30px auto 0; } /* line 390, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h4 { font-family: "HPSimplifiedLight", sans-serif; font-size: 24px; line-height: 24px; margin: 20px auto 25px; text-decoration: none; font-weight: normal; color: #404040; } /* line 399, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds { text-align: center; } /* line 401, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div { display: inline-block; width: 375px; margin: 0 5px; vertical-align: top; } /* line 406, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div.first { margin-left: 0; } /* line 409, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div.last { margin-right: 0; } /* line 413, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds img { margin: 0; } @media (max-width: 1279px) { /* line 368, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works { font-size: 14px; line-height: 20px; } /* line 420, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h2 { font-size: 20px; line-height: 20px; margin-bottom: 25px; } /* line 425, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h3 { font-size: 20px; line-height: 20px; } /* line 429, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h4 { font-size: 20px; line-height: 20px; margin: 25px auto 20px; } /* line 435, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div { width: 234px; margin: 0 5px 20px; } /* line 439, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds img { width: 100%; } } @media (max-width: 799px) { /* line 368, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works { font-size: 21px; line-height: 31px; } /* line 447, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h2 { font-size: 30px; line-height: 30px; margin-bottom: 25px; } /* line 452, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h3 { font-size: 30px; line-height: 30px; margin-top: 40px; } /* line 457, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works h4 { font-size: 30px; line-height: 30px; margin: 25px auto 20px; } /* line 464, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div { width: 90%; margin: 0 5% 60px; } /* line 467, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div.first { margin-left: 5%; } /* line 470, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds > div.last { margin-right: 5%; } /* line 474, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_editorial.scss */ #editorial-sprout-works .col-thirds img { max-width: 372px; margin: 0 auto; } } /* line 1, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery { overflow: hidden; position: relative; height: 351px; transition: .3s; } /* line 6, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery:hover { height: 430px; } /* line 9, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-viewer { position: absolute; top: 0; left: 50%; width: 3000px; margin-left: -1500px; text-align: center; transition: .3s; } /* line 17, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-viewer:hover { margin-top: 20px; } /* line 21, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-container { margin: 0 auto; display: inline-block; } /* line 25, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item { float: left; width: 518px; height: 351px; margin: 0 11px; transition: .3s; } /* line 31, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item img { width: 100%; } /* line 34, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item .gallery-item-label { opacity: 0; width: 100%; text-align: center; margin: 10px auto; transition: .3s; } /* line 42, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item.item-first { padding-left: 250px; } /* line 45, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item.item-last { padding-right: 250px; } /* line 48, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover { width: 575px; height: 390px; margin-top: -20px; } /* line 52, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover .gallery-item-label { opacity: 1; } /* line 55, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover.item-first { transition: .6s; margin-left: 417px; } /* line 59, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover.item-last { transition: .6s; margin-right: 417px; } @media (max-width: 1279px) { /* line 1, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery { height: 240px; } /* line 67, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery:hover { height: 307px; } /* line 70, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item { width: 355px; height: 240px; } /* line 73, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover { width: 394px; height: 267px; } } @media (max-width: 799px) { /* line 1, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery { overflow: scroll; height: 293px; } /* line 82, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery:hover { height: 293px; } /* line 85, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-viewer { margin-top: 20px; } /* line 88, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item { width: 280px; height: 253px; margin-top: -20px; } /* line 92, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item .gallery-item-label { opacity: 1; } /* line 95, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover { width: 280px; height: 253px; margin: -20px 11px 0; } /* line 99, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover.item-first { margin-left: 537px; } /* line 102, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/scss/_gallery.scss */ section.gallery .gallery-item:hover.item-last { margin-right: 537px; } } /* line 212, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ section.footnotes { color: #767676; padding: 170px 0 100px; font-size: 12px; line-height: 15px; } /* line 217, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ section.footnotes .content > div { margin-bottom: 1em; padding-left: 0.8em; text-indent: -0.8em; } @media (max-width: 1279px) { /* line 212, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ section.footnotes { border-top: 1px solid #dddddd; padding: 30px 0 40px; } /* line 225, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ section.footnotes .content { width: 724px; } } @media (max-width: 799px) { /* line 230, /Applications/MAMP/htdocs/HP/hp_tridion_2013/src/tags/no-tridion/index2015/country/us/en/c/styles/main.scss */ section.footnotes .content { width: 90%; margin: 0 5%; } } /*# sourceMappingURL=main.css.map */