/****start classes for shopping cart *****/ [data-product-channel-key]{ cursor: pointer; } [data-product-channel-key] *{ pointer-events: none; } /****end classes for shopping cart *****/ /**** Modal close button issue on cms ****/ .icon-close:before { content: "" !important; } article{ margin: 0 !important; padding-top: 0 !important; } article p, article p a, #page_wildcard_rightrail article p, #page_wildcard_rightrail article p *, .mobile-touch article p li, .mobile-touch article p strong, .mobile-touch article p b, .mobile-touch article p *, #page_wildcard_rightrail.mobile-touch article p, #page_wildcard_rightrail.mobile-touch article p * { font-family: inherit; line-height: auto; } article p, article ul, article ol { line-height: auto; } #page_wildcard article p, #page_wildcard article ul, #page_wildcard article ol, #page_wildcard_header_footer article p, #page_wildcard_header_footer article ul, #page_wildcard_header_footer article ol, #page_wildcard_rightrail article p, #page_wildcard_rightrail article ul, #page_wildcard_rightrail article ol { padding: auto; line-height: auto; margin-bottom: foo; } ins{ transition: background-color 0.3s, color 0.3s; } @media (pointer: fine) { ins:hover{ background-color: black; color: white; } } .flex-wrap{ display: flex !important; flex-wrap: wrap; } .flex-end{ display: flex !important; flex-direction: row; align-items: flex-end; } .n2-appshell-styles p{ margin-bottom: initial; } n2-embed-block .row { background: initial; height: auto; } .nbc-basic-video-player .n2-icon.play-icon { margin-top: -40px; margin-left: -40px; height: 80px; width: 80px; background-color: rgba(255, 255, 255, 1); background-image: url(https://static.storied.co/oYg4A6xOMyPvQw0b/projects/JGbq8P4AEg21V9L4/assets/images/7feeb48f1dcaa5af2e58f4bc0ac3b9a7.n2optimized.png); background-size: 30px; } .nbc-basic-video-player .n2-icon.play-icon > svg { display:none; } .nbc-basic-video-player .n2-video .video-controls .button>div:hover { background-color: transparent !important; } .nbc-basic-video-player .n2-video .click-cover:hover .play-icon{ background-color: rgba(255, 255, 255, 1.0); } .nbc-basic-video-player .video-controls .duration, .nbc-basic-video-player .video-controls .current-time, .nbc-basic-video-player .video-controls .remaining-time{ display:none !important; } .nbc-basic-video-player .n2-video .video-controls .bar{ display:block !important; background-color: #83cabd !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; height: 10px !important; } .nbc-basic-video-player .n2-video .video-controls .handle{ display:none !important; } .nbc-basic-video-player .n2-video .video-controls .rail{ height: 10px !important; border-radius: 10px; } .nbc-basic-video-player .n2-video .video-controls .progress-bar{ transform: translateY(-2px); } .nbc-basic-video-player .n2-video .click-cover:hover .video-controls{ background-color: transparent !important; } n2-embed-block .nbc-basic-video-player .nbc-video-title, .main-content-container .nbc-video-title{ pointer-events: none !important; } .nbc-basic-video-player .n2-video .video-controls .play-button.playing>div{ background-image: url(https://static.storied.co/oYg4A6xOMyPvQw0b/projects/JGbq8P4AEg21V9L4/assets/images/d4f527978eb7d9ff6cb053406bf37bb8.n2optimized.png) !important; } .nbc-basic-video-player .n2-video .video-controls .play-button>div{ background-image: url(https://static.storied.co/oYg4A6xOMyPvQw0b/projects/JGbq8P4AEg21V9L4/assets/images/7aaad2fc7e5c8fcf9195dd5cd42de752.n2optimized.png) !important; } .nbc-basic-video-player.nbc-branded-video-player .n2-video .click-cover:hover .video-controls{ background-color: #000000 !important; } .nbc-basic-video-player.nbc-branded-video-player .n2-video .video-controls.full-controls{ width: calc(100% - 140px); height: 50px; border-radius: 0; left: 0; padding-left: 10px; padding-right: 10px; padding-top: 8px; background-color: #000000; } .nbc-basic-video-player.nbc-branded-video-player .n2-video .video-controls{ bottom: 0px !important; } .nbc-basic-video-player .n2-icon.play-icon { margin-top: -50px; margin-left: -50px; height: 70px; width: 70px; background-color: rgba(255, 255, 255, 1); background-image: url(https://static.storied.co/oYg4A6xOMyPvQw0b/projects/JGbq8P4AEg21V9L4/assets/images/7feeb48f1dcaa5af2e58f4bc0ac3b9a7.n2optimized.png); background-size: 20px; animation: opacity 1000ms ease-in; animation-delay: 0s; transition: 500ms; } .nbc-basic-video-player .n2-icon{ transition: 500ms; } @keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } .nbc-basic-video-player:hover { cursor: pointer; } .nbc-basic-video-player:hover .n2-icon { height: 75px; width: 75px; transition: 200ms; } .nbc-basic-video-player .n2-video .video-controls .button>div:hover { background-color: transparent !important; } .nbc-basic-video-player .n2-video .click-cover:hover .play-icon{ background-color: rgba(255, 255, 255, 1.0); } .nbc-basic-video-player .video-controls .duration, .nbc-basic-video-player .video-controls .current-time, .nbc-basic-video-player .video-controls .remaining-time{ display: none !important; } .nbc-basic-video-player .video-controls { opacity: 0 !important; transition-property: opacity; transition: opacity 500ms; } .nbc-basic-video-player:hover .video-controls { opacity: 1 !important; transition: opacity 500ms; } .nbc-basic-video-player .n2-video .video-controls .bar{ display:block !important; opacity: 0.7; background-color: #000000; border-top-left-radius: 10px; border-bottom-left-radius: 10px; height: 10px !important; } .nbc-basic-video-player .n2-video .video-controls .handle{ display:none !important; } .nbc-basic-video-player .n2-video .video-controls .rail{ height: 10px !important; border-radius: 10px; } .nbc-basic-video-player .n2-video .video-controls .progress-bar{ transform: translateY(-2px); } .nbc-basic-video-player .n2-video .click-cover:hover .video-controls{ background-color: transparent !important; } .nbc-basic-video-player .n2-embed-block .nbc-video-title, .main-content-container .nbc-video-title{ pointer-events: none !important; } .nbc-basic-video-player .n2-video .video-controls .play-button.playing>div{ background-image: url(https://static.storied.co/oYg4A6xOMyPvQw0b/projects/JGbq8P4AEg21V9L4/assets/images/d4f527978eb7d9ff6cb053406bf37bb8.n2optimized.png) !important; } .nbc-basic-video-player .n2-video .video-controls .play-button>div{ background-image: url(https://static.storied.co/oYg4A6xOMyPvQw0b/projects/JGbq8P4AEg21V9L4/assets/images/7aaad2fc7e5c8fcf9195dd5cd42de752.n2optimized.png) !important; } .nbc-basic-video-player.nbc-branded-video-player .n2-video .click-cover:hover .video-controls{ background-color: #000000 !important; } .nbc-basic-video-player.nbc-branded-video-player .n2-video .video-controls.full-controls{ width: calc(100% - 140px); height: 50px; border-radius: 0; left: 0; padding-left: 10px; padding-right: 10px; padding-top: 8px; background-color: #000000; } .nbc-basic-video-player.nbc-branded-video-player .n2-video .video-controls{ bottom: 0px !important; } /* custom button */ /* .n2-icon.play-icon { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; } */ .n2-icon.play-icon:before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: transparent; border: 20px #ffffff solid; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; animation-delay: 500ms; } /* .n2-icon.play-icon:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; transition: all 200ms; } .n2-icon.play-icon:hover:after { background-color: darken(#fa183d, 10%); } .n2-icon.play-icon img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; } .n2-icon.play-icon span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent; } */ @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .tile:hover .playbtn{ width: 50px; height: 50px; } .cta-3 { transition: all .2s ease-in-out; } .cta-3:hover { transition: all .2s ease-in-out; opacity: .5; } .grid-1{ transition: 300ms; } .grid-1:hover{ background-color: #E2E2E2 !important; transition: 300ms; color: #fff !important; } .btn-1{ opacity: 0 !important; transition: 300ms !important; } .grid-1:hover .btn-1{ opacity: 1 !important; transition: 300ms !important; } .grid-2{ color: #ffffff !important; transition: 300ms; } .grid-2:hover .btn-1{ opacity: 1 !important; transition: 300ms !important; } .img { transition: all 300ms ease; } .container-1:hover .img{ opacity: 0.8; transition: all 300ms ease; } .container-1:hover .url-1{ text-decoration: underline; } .url-1 { transition: all 300ms ease; } .url-1:hover { transition: all 300ms ease; color: gray; text-decoration: underline; } #spacer_5c92abce5fc9d , #spacer_5c92abce60080 , #spacer_5c92abce60468 , #spacer_15535448541438786b451{ height: 14vh !important; } /******************* Template Styles *********************/ .nbc-social-icon:hover{ background-color: #aaaaaa !important; } .play-icon{ opacity: 0 !important; } .portfolio-item{ transition: opacity 0.4s; } .portfolio-item:hover{ opacity: .9 !important; } .img { transition: all 300ms ease; } .container-1:hover .img{ opacity: 0.8; transition: all 300ms ease; } .arw-1 { transition: all .2s ease-in-out; } .arw-1:hover{ transform: scale(1.2); } .overlay-1 { transition: all 500ms ease; opacity: 0; } .container-1:hover .overlay-1 { transition: all 500ms ease; opacity: 1; } .container-1:hover .arw-1 { transform: scale(1.2) } .zoom-button:before{ position:absolute; color:#383736; top: 20%; left: 70%; opacity: 0; -webkit-transition: all 0.2s ease-in; } .zoom-button:hover:before{ left: 80%; opacity:1; } .zoom-button:hover { border: 0px #fff solid; -webkit-transform: scale(1.1,1.1); -webkit-transition: border 0.3s ease-out; -webkit-transition: transform 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550); } .tile .more:after, .cat-tile .more:after{ height: 3px !important; max-width: 0; transition: max-width 0.6s; margin: 0 auto; } .tile:hover .more:after, .cat-tile:hover .more:after{ background-color: #ffffff !important; width: 100% !important; max-width: 200px !important; visibility: visible !important; } .tile .active .more:after { background-color: #ffffff !important; width: 100% !important; max-width: 200px !important; visibility: visible !important; } .grid-1{ transition: 300ms; } .grid-1:hover{ background-color: #E2E2E2 !important; transition: 300ms; color: #fff !important; } .btn-1{ opacity: 0 !important; transition: 300ms !important; } .grid-1:hover .btn-1{ opacity: 1 !important; transition: 300ms !important; } .grid-2{ color: #ffffff !important; transition: 300ms; } .grid-2:hover .btn-1{ opacity: 1 !important; transition: 300ms !important; } .underline-button .label:after{ height: 3px !important; max-width: 0; transition: max-width 0.6s; margin: 0 auto; } .underline-button:hover .label:after{ background-color: #00345C !important; width: 100% !important; max-width: 150px !important; visibility: visible !important; } .fade-button:before{ content:"→"; position:absolute; color:#383736; top: 20%; left: 70%; opacity: 0; -webkit-transition: all 0.2s ease-in; } .fade-button:hover:before{ left: 80%; opacity:1; } .fade-button:hover { border: 0px #fff solid; -webkit-transform: scale(1.1,1.1); -webkit-transition: border 0.3s ease-out; -webkit-transition: transform 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550); } .arrow-button{ text-align:left; padding-left:17px; } .arrow-button:before{ content:"→"; position:absolute; color:#383736; left: 83%; opacity: 0; -webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550); } .arrow-button:hover:before{ left:84%; opacity:1; } .arrow-button:hover { width:170px; } .fill-button:hover { color: whitesmoke !important; } .fill-button:before { content: ""; position: absolute; background: #ec5d48; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; transition: top 0.09s ease-in; } .fill-button:hover:before { top: 0 !important; } .article_article__1bqG5 article{ background-color: transparent !important; } .today .article_article__1bqG5, .today .article_article__3xrIH { background-color: transparent !important; } /***** CMS fixes for pinning ******/ .cnbc-contents .cnbc-body ,.cnbc-body ,.cols1, .col1{ overflow: visible !important; } .social-rollover { background-color: transparent !important; } .social-rollover > *{ display:block !important; max-width: 40px !important; max-height: 40px !important; min-width: 40px !important; min-height: 40px !important; } .social-rollover, .social-rollover *{ transition: filter .3s, background-color 0.3s; } .social-rollover:hover{ background-color: white !important; } .social-rollover:hover *{ background-color: transparent !important; filter: invert(1) !important; border-color: black !important; } .rollover-outline { background-color: transparent !important; } .rollover-outline *{ transition: filter .3s, background-color 0.3s; } .rollover-outline:hover{ background-color: #000000 !important; border-color: #000000 !important; } .rollover-outline:hover *{ color: white !important; } .n2-widget-simpleimage{ display: block !important; } .n2-widget-simpleimage .n2-image-container img{ height: auto !important; } .n2-try-account-styles { height: auto; }