/* - ++theme++factset.theme/static/responsive.css - */
/* https://www.factset.com/portal_css/++theme++factset.theme/static/responsive.css?original=1 */
/* */
.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
@media screen and (max-width: 1220px) {
#portal-header {
padding-left: 4.3%;
}
/* */
.content.col1 {
padding-left: 4.3%;
padding-right: 4.3%;
margin: 0;
width: 91.4%;
}
/* */
.template-monthly_listing .content.col1,
.content.coll2 {
padding-right: 4.3%;
width: 65.63%;
}
.left.coll2 {
padding-left: 4.3%;
}
/* */
.left.col3 {
padding-left: 4.3%;
width: 17.7%;
}
.right.col3 {
padding-right: 4.3%;
width: 17.7%;
}
/* */
#topbar,
.hp-heading-bar,
#hp-solutions-content,
#hp-transform-content,
#hp-working-content,
#hp-who-we-are-content,
#footer-wrapper {
padding-left: 4.3%;
padding-right: 4.3%;
}
#hp-whatsnew-content {
padding-left: 3.125%;
padding-right: 3.125%;
}
#main-slideshow .hero-slide-title {
font-size: 3em;
}
#hp-who-we-are-content .bannerContent .bannerStatsBox {
float: none;
width: 41%;
margin: 0 4% 40px;
}
}
@media screen and (min-width: 1180px) and (max-width: 1220px) {
.video-content #video-background {
top: -5px;
}
/* */
.template-monthly_listing .content.col1,
.content.coll2 {
padding-right: 4.3%;
}
.left.coll2 {
padding-left: 4.3%;
}
/* */
#footer {
max-width: 1078px;
}
}
@media screen and (max-width: 1180px) {
.video-content #video-background {
top: -5px;
}
.maincol,
#edit-bar,
#portal-globalnav,
#portal-globalnav ul.submenu {
width: 100%;
}
#header-notice .noticeWrapper {
width: 96%;
height: 185px;
padding: 15px 2%;
}
#header-notice .noticeWrapper > div {
height: auto;
}
#portal-header {
width: 95.7%;
}
#page-banner .bannerContent {
padding-top: 64px;
}
#hp-who-we-are-content .bannerContent {
display: block;
}
#page-banner .titles {
width: 36%;
padding-left: 2%;
display: block;
float: left;
margin-top: 35px;
}
#page-banner .titles.alone {
float: none;
width: auto;
display: inline-block;
}
#page-banner section {
width: 60%;
}
.bannerContent .bannerStatsBox {
float: left;
width: 36%;
margin: 0 0 20px 8%;
}
.bannerContent .bannerStatsBox:nth-of-type(2n+1) {
clear: left;
}
.bannerStatsNum {
font-size: 6vw;
line-height: 6vw;
}
.bannerStatsPercent {
top: 0;
font-size: 65px;
}
.bannerStatsPercent .num {
width: 65px;
height: 65px;
font-size: 30px;
line-height: 65px;
}
.bannerStatsPercent ~ .bannerStatsDesc {
padding-top: 0;
}
h2 {
width: 100%;
}
#footer {
margin: 0;
}
.event-box {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
position: relative;
left: 50%;
}
.image-box:nth-of-type(1),
.image-box:nth-of-type(3) {
margin-left: 8px;
margin-right: 8px;
}
#livesearch0 {
width: 89%;
margin-left: 4%;
}
#LSShadow {
width: 100%;
}
.btn1.desktop {
display: none;
}
.btn1.mobile {
display: block;
}
/* */
#nav-toggle {
display: block;
}
#portal-globalnav-wrapper {
height: auto;
}
.navactive #column-wrapper {
display: none;
}
.navactive #column-wrapper::before {
background: #071d4b;
}
#portal-globalnav {
visibility: hidden;
background-color: #071d4b;
top: 0;
clear: both;
padding-bottom: 1000px;
margin-bottom: -1000px;
overflow: hidden;
}
#portal-globalnav.mobileReady {
display: none;
visibility: visible;
}
#portal-globalnav.displayMenu {
display: block;
}
#portal-globalnav,
#portal-globalnav li,
#portal-globalnav li a,
#portal-globalnav li.selected a {
float: none;
font-size: 15px;
-webkit-text-size-adjust: none;
text-transform: none;
}
#portal-globalnav li:hover {
background-color: #102a61;
}
#portal-globalnav li.prevMenu:hover {
background-color: #092257;
}
#portal-globalnav li.prevMenu a:hover {
background-color: #102a61 !important;
}
#portal-globalnav li a {
color: #ffffff !important;
font-weight: normal;
padding: 8px 4% !important;
position: relative;
width: 92%;
}
#portal-globalnav li a:hover {
font-size: 15px;
}
#portal-globalnav li {
display: block;
position: static;
float: none;
border-bottom: 1px solid #174d61;
background-color: #092257;
}
#portal-globalnav li.selected > a,
#portal-globalnav li.selected > a:hover {
border: none !important;
background-color: transparent;
}
#portal-globalnav a.hasDropDown::after {
content: '>';
display: inline-block;
position: absolute;
right: 33px;
color: #ffffff;
}
#portal-globalnav .displayMenu,
#portal-globalnav .displayMenu:hover {
background-color: #071d4b;
}
#portal-globalnav .displayMenu > a.hasDropDown::after {
color: #85bd40;
}
#portal-globalnav .submenu {
border: none;
width: auto;
}
#portal-globalnav > li > .submenu {
left: 100% !important;
top: 0 !important;
position: absolute !important;
display: block !important;
transition: all 0.5s ease-in-out;
background-color: #071d4b;
padding-bottom: 500px;
margin-bottom: -500px;
}
#portal-globalnav .mobileWrapper {
left: 100% !important;
top: 0 !important;
position: absolute !important;
display: block !important;
width: 100%;
transition: all 0.5s ease-in-out;
background-color: #071d4b;
padding-bottom: 500px;
margin-bottom: -500px;
z-index: 5;
}
#portal-globalnav .mobileWrapper .submenu {
position: static !important;
}
#portal-globalnav li:hover ul,
#portal-globalnav li li:hover ul,
#portal-globalnav li li li:hover ul,
#portal-globalnav li li li li:hover ul,
#portal-globalnav li.sfhover ul,
#portal-globalnav li li.sfhover ul,
#portal-globalnav li li li.sfhover ul,
#portal-globalnav li li li li.sfhover ul {
left: 100% !important;
}
#portal-globalnav .displayMenu > .submenu,
#portal-globalnav .displayMenu > .mobileWrapper {
left: 0 !important;
z-index: 1;
}
#portal-globalnav .submenu li {
position: static !important;
}
#portal-globalnav li.displayGrid li {
border-bottom: none;
}
#portal-globalnav li.displayGrid li:hover {
background-color: #092257;
}
#portal-globalnav li.selected ul.submenu a,
#portal-globalnav li.selected ul.submenu a:hover,
#portal-globalnav li.plain ul.submenu a,
#portal-globalnav li.plain ul.submenu a:hover {
border: none !important;
padding-left: 40px;
font-weight: normal;
color: #ffffff !important;
background-color: transparent;
}
#portal-globalnav li.displayGrid ul.submenu a,
#portal-globalnav li.displayGrid.selected ul.submenu a,
#portal-globalnav li.displayGrid ul.submenu #prevMenu a {
border-bottom: 1px solid #174d61 !important;
}
#portal-globalnav li.displayGrid ul.submenu a:hover,
#portal-globalnav li.displayGrid.selected ul.submenu a:hover,
#portal-globalnav li.displayGrid ul.submenu #prevMenu a:hover {
background-color: #102a61 !important;
border-bottom: 1px solid #174d61 !important;
}
#portal-globalnav li.prevMenu .back {
background-color: #071d4b;
padding: 8px 4% !important;
color: #ffffff;
text-transform: uppercase;
cursor: pointer;
}
#portal-globalnav li.plain ul.submenu li.prevMenu .back,
#portal-globalnav li.selected ul.submenu li.prevMenu .back {
border-bottom: 1px solid #174d61 !important;
}
.prevMenu span {
color: #85bd40;
padding-right: 5px;
}
#portal-globalnav .navTreeLevel1:nth-of-type(2),
#portal-globalnav .navTreeLevel1:nth-of-type(3) {
margin-left: 0;
border-top: 1px solid #174d61 !important;
}
#portal-globalnav li ul ul {
margin-left: 0;
}
#portal-globalnav ul.submenu.navTreeLevel1 li {
width: 100%;
padding: 0;
}
#portal-globalnav .submenu li.subnavBase {
display: none !important;
}
.subnavBase.topLevel {
background-color: #000000;
position: fixed;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
bottom: 0;
padding: 35px 1% 0;
width: 98%;
margin: 0;
z-index: 999;
}
.subnavBase.topLevel .btn1 {
float: left;
position: relative;
top: -16px;
}
#subnav-wrapper {
margin-top: 92px;
}
.navactive #subnav-wrapper {
height: 50px !important;
}
#livesearch0 {
padding: 30px 0 25px;
}
#subnav-wrapper.search {
height: 117px;
}
#LSResult {
margin-top: 115px;
display: block !important;
}
.LSRow a {
font-size: 18px;
line-height: 25px;
}
.site-careers.stickyNav #portal-logo {
display: none;
}
}
@media screen and (max-width: 1100px) {
/* */
.content.colr2,
#portal-columns.colr2 .content {
padding-left: 4.3%;
padding-right: 4.3%;
width: 91.4%;
float: none;
}
.right.colr2,
#portal-columns.colr2 .right {
display: none;
}
/* */
#main-slideshow .hero-slide-caption {
bottom: 10%;
width: 80%;
margin: 0 10%;
}
#main-slideshow .hero-slide-desc p:first-child {
font-size: 1.0em;
}
#main-slideshow .owl-controls {
width: 98%;
margin: 0 1%;
}
.site-careers #main-slideshow .hero-slide-caption {
bottom: 18%;
}
.site-careers #main-slideshow .hero-slide-title {
margin-bottom: 0;
}
.template-contacts_by_region .offices {
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media screen and (max-width: 900px) {
.video-content #video-background {
top: -4px;
}
#main-slideshow .hero-slide,
#main-slideshow .owl-controls {
font-size: .8em;
}
#main-slideshow .hero-slide-image {
height: 500px;
}
#main-slideshow.video-content .hero-slide-image {
height: auto;
}
#main-slideshow .hero-slide-image img {
height: 100%;
width: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#main-slideshow.video-content .hero-slide-image img {
height: auto;
width: 100%;
}
#main-slideshow .hero-slide-caption {
bottom: 19%;
width: 80%;
margin: 0 10%;
}
#main-slideshow.video-content .hero-slide-caption {
width: 90%;
margin: 0 5%;
bottom: 0;
}
.site-careers #main-slideshow.video-content .hero-slide-caption {
bottom: 18%;
}
#main-slideshow .owl-controls {
width: 90%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin: 0;
}
.hero-slide-search {
width: 100%;
}
.hero-slide-search-input {
float: none;
width: 80%;
}
.hero-slide-search-button {
float: none;
margin: 10px auto;
}
.hp-transform-item {
float: none;
width: auto;
margin-bottom: 3em;
}
.hp-transform-item h3 {
margin-bottom: .6em;
}
#hp-transform-content .btn {
margin-bottom: 0;
}
#footer {
max-width: 100%;
}
#footer-nav-social {
left: 0;
}
#footer-text-logos,
#footer-nav-social,
#footer-copyright,
#footer-copyright-logo,
#footer-copyright-text,
#footer-site-actions {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
#footer-text-logos ul {
margin-bottom: 30px;
}
#footer-nav-social {
width: 90%;
margin: 0 auto;
}
#social-icons {
padding-top: 50px;
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 310px;
}
#footer-bottom {
margin-top: 50px;
}
#column-wrapper > .panels .portletWrapper {
padding-left: 4.3%;
padding-right: 4.3%;
}
#column-wrapper > .panels .portlet {
padding-bottom: 45px;
}
#column-wrapper > .panels .portletItem,
#column-wrapper > .panels .portletFooter {
float: none;
width: 100%;
}
#column-wrapper > .panels .portletFooter {
padding-top: 57px;
}
}
@media screen and (max-width: 800px) {
.content h2 {
width: 100%
}
/* */
.template-monthly_listing .content.col1,
.content.coll2 {
padding-left: 4.3%;
padding-right: 4.3%;
margin: 0;
width: 91.4%;
}
.left.coll2 {
display: none;
}
/* */
.left.col3 {
display: none;
}
.right.col3 {
padding-left: 4.3%;
padding-right: 4.3%;
margin: 0;
width: 91.4%;
}
.content.col3 {
padding-left: 4.3%;
padding-right: 4.3%;
margin: 0;
width: 91.4%;
}
#hp-solutions-content h2,
#hp-transform-content h2 {
font-size: 42px;
}
.template-search #search-field input[type='text'],
.template-search #search-field input {
width: 100%;
display: block;
margin-bottom: 20px;
}
.template-search #search-results-bar .search-results-matching {
width: 100%;
}
.template-search #search-results-bar .actionMenu {
margin-left: 0;
}
.template-search #searchResultsSort {
float: left;
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) {
#page-banner,
#page-banner .bg {
height: 200px;
}
#page-banner h1 {
max-width: none;
}
#page-banner .bannerContent {
padding-top: 15px;
}
#page-banner .titles {
float: none;
width: auto;
margin-top: 0;
display: inline-block;
}
#page-banner .titles.alone {
margin-top: 40px;
}
#page-banner section,
#hp-who-we-are-content .bannerContent {
display: none;
}
.noTrackingConsent #visual-portal-wrapper {
padding-top: 115px;
}
#header-notice .desktop {
display: none;
}
#header-notice .mobile {
display: block;
}
#header-notice .noticeWrapper {
display: block;
height: 85px;
}
#header-notice .noticeWrapper > div,
#header-notice p {
display: block;
height: auto;
}
#header-notice .infoIcon {
display: none !important;
}
#header-notice p {
font-size: 14px;
float: left;
width: 58%;
padding: 0 0 0 10px;
text-align: left;
}
#header-notice p strong {
font-size: 18px;
}
#header-notice .agreeButton {
width: 100px;
margin-right: 12px;
float: right;
}
#header-notice .agreeButton a {
width: 100px;
}
}
@media screen and (max-width: 700px) {
.template-contacts_by_region .offices {
-ms-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
#content-core ul.two-col-list {
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
#topbar-support {
margin-right: 0;
}
#topbar .headerSocialIcons {
display: none;
}
}
@media screen and (max-width: 600px) {
#topbar-sales,
#topbar-support {
margin-right: 1em;
}
#topbar .headerSocialIcons {
margin-left: 0;
}
#topbar .headerSocialIcons li {
margin: 0 3px;
}
.content .panels .cell {
width: 100%;
float: none;
margin: 0;
left: 0;
}
#hp-solutions-content h2,
#hp-transform-content h2 {
font-size: 28px;
}
#header-notice p {
font-size: 12px;
line-height: 16px;
}
#main-slideshow.video-content .hero-slide-title {
font-size: 1.8em;
}
}
@media screen and (max-width: 500px) {
#page-banner,
#page-banner .bg {
height: 150px;
}
#page-banner h1 {
font-size: 30px;
line-height: 30px;
}
#page-banner .titles,
#page-banner .titles.alone {
margin-top: 15px;
}
#main-slideshow .hero-slide-title,
.site-careers #main-slideshow .hero-slide-title {
margin-bottom: 17px;
}
#main-slideshow .hero-slide,
#main-slideshow .owl-controls {
font-size: .7em;
}
#main-slideshow .hero-slide-image {
height: 416px;
}
#main-slideshow.video-content .hero-slide-image {
height: auto;
}
#main-slideshow .hero-slide-image img {
height: 100%;
width: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#main-slideshow.video-content .hero-slide-image img {
height: auto;
width: 100%;
}
#main-slideshow .hero-slide-caption {
bottom: 26%;
width: 88%;
margin: 0 6%;
}
#main-slideshow.video-content .hero-slide-play {
border-radius: 25px;
font-size: 7px;
height: 50px;
line-height: 50px;
width: 50px;
}
#main-slideshow.video-content .hero-slide-play::after {
border-width: 14px;
border-left-width: 22px;
left: 68%;
}
#main-slideshow .owl-prev {
position: relative;
left: -5px;
}
#main-slideshow .owl-next {
position: relative;
left: 5px;
}
#related_items,
#download_items {
width: 100%;
box-sizing: border-box;
float: none;
}
}
@media screen and (max-width: 480px) {
.template-contacts_by_region .offices {
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.template-contacts_by_region .offices li {
display: list-item;
}
.subnavBase.topLevel {
padding: 0;
width: 100%;
bottom: -1px;
}
.subnavBase.topLevel .maincol {
text-align: center;
padding: 10px 1% 0;
height: 105px;
}
.subnavBase.topLevel .btn1 {
float: none;
position: static;
}
.subnavBase .headerSocialIcons {
clear: both;
float: none;
}
#footer-nav-social {
width: 100%;
}
#footer-nav-social td:first-of-type a {
margin-left: 0;
}
#footer-nav-social td:last-of-type a {
margin-right: 0;
}
}
@media screen and (max-width: 400px) {
.tabbed-nav .btn {
box-sizing: border-box;
width: 49%;
}
.tabs-2 {
width: 100%;
}
#footer-nav-social td {
font-size: .9em;
}
#footer #social-icons {
width: 278px;
}
#footer #social-icons li {
margin: 0 8.1%;
}
#footer #social-icons li:first-of-type {
margin-left: 0;
}
#footer #social-icons li:last-of-type {
margin-right: 0;
}
#header-notice p {
font-size: 12px;
}
#header-notice p strong {
font-size: 14px;
}
.site-careers .searchToggle::after {
content: '';
}
}