.list-lander-header .custom-image-header { max-width:900px; margin:0 auto } .list-lander-header .custom-image-header img { width:100% } .list-lander-header .custom-image-header { max-width:900px; margin:0 auto } .list-lander-header .custom-image-header img { width:100% } .list-lander-header .custom-image-header { max-width:900px; margin:0 auto } .list-lander-header .custom-image-header img { width:100% } .list-lander-header.has-bg-image { min-height:300px } .list-lander-header::after { content:'SCROLL FOR FULL LIST'; background:rgba(255,255,255,0.9); border:3px solid #fff; font:600 1.125rem/1 "Noto Sans",Helvetica,Arial,sans-serif; color:#000000; margin:0 auto; padding:20px 30px; position:relative; bottom:-32px; margin-bottom:75px } @media (max-width:480px) { .list-lander-header::after { padding:7px 20px; font-size:.85rem; bottom:8px } } @media (max-width:480px) { .list-lander-header.has-bg-image { min-height:125px; height:150px } .list-lander-header:first-child .csf-row-list { padding-top:0 } } .csf-row { min-height:0 } .csf-row:last-child { margin-bottom:80px } .csf-row .csf-row-list { padding:2rem 0 1rem; max-width:100% !important; width:95% } .csf-row.list-lander-full-video .csf-row-list,.csf-row.list-lander-full-gallery .csf-row-list,.csf-row.list-lander-full-article .csf-row-list,.csf-row.list-lander-list .csf-row-list { padding:0; max-width:100% !important; width:100% } .list-lander-title { margin-top:50px } .list-lander-title .csf-row-list .csf-column.head-text { font:600 24px/1.5 "Noto Sans",Helvetica,Arial,sans-serif; border-bottom:5px solid #2872a3; padding:0 7em 0 0; text-transform:uppercase; display:inline-block; width:auto } @media screen and (max-width:768px) { .list-lander-title .csf-row-list .csf-column.head-text { padding:0 2em; font-size:20px } } @media screen and (max-width:768px) { .list-lander-title .csf-row-list .csf-column.head-text { font-size:18px } } @media screen and (max-width:768px) { .list-lander-title .csf-row-list { text-align:center } } @media (max-width:480px) { .list-lander-title { margin-top:0 } } .csf-column .entity-block .avatar { border-radius:50%; overflow:hidden; width:1.5em; height:1.5em } .csf-column.video-block .video-block-entry { position:relative } .csf-column.video-block .video-block-entry .video-wrapper .video-container { z-index:2; max-height:650px } .csf-column.video-block .video-block-entry:after { content:' '; width:100%; height:50%; position:absolute; background-image:linear-gradient(-180deg,transparent 3%,#000 100%); bottom:0; z-index:0; pointer-events:none } .csf-column.video-block .csf-block .hed { position:absolute; bottom:20px; left:20px; padding:20px; background:rgba(255,255,255,0.75); border:2px solid #FFFFFF; z-index:1; pointer-events:none; font-size:1.6em } @media screen and (max-width:768px) { .csf-column.video-block .csf-block .hed { position:absolute; padding:10px; bottom:10px; left:10px; max-width:95%; font-size:1.3em; z-index:2 } } .csf-column .csf-playlist .video-container .ratio16x9 { max-height:650px } .csf-column .csf-playlist .video-container .vjs-has-started { z-index:2 } .csf-column .csf-playlist .video-container .current-video-title { position:absolute; bottom:20px; left:20px; padding:20px; background:rgba(255,255,255,0.75); border:2px solid #FFFFFF; color:#000; z-index:1; pointer-events:none } @media screen and (max-width:768px) { .csf-column .csf-playlist .video-container .current-video-title { position:absolute; padding:10px; bottom:10px; left:10px; max-width:95%; font-size:1.1em } } .csf-column .csf-playlist .video-container:after { content:' '; width:100%; height:50%; position:absolute; background-image:linear-gradient(-180deg,transparent 3%,#000 100%); bottom:0; z-index:0; pointer-events:none } .csf-column .csf-playlist .video-playlist { padding:1.7rem 0px 0rem; width:98%; margin:0 auto } .csf-column .csf-playlist .video-items { display:flex } .csf-column .csf-playlist .video-items .video-item { width:31.3333%; margin:0 1%; padding:0; cursor:pointer; background-color:#fff; flex:1 } .csf-column .csf-playlist .video-items .video-item .video-title { background-color:#fff; font-size:1.125rem; padding:5px 15px 10px } .csf-column.image-and-text .csf-block .text { bottom:20px; left:20px; padding:20px; background:rgba(255,255,255,0.75) !important; border:2px solid #FFFFFF; z-index:1; pointer-events:none; color:#000 !important; display:inline-table; } @media screen and (max-width:768px) { .csf-column.image-and-text .csf-block .text { position:absolute; padding:10px; bottom:10px; left:10px; max-width:95%; width:auto } } .csf-column.image-and-text .csf-block .block-image { margin-bottom:0 } .csf-column.image-and-text .csf-block .hed { display:inline-block; font-size:1.6em; padding-bottom:5px } @media screen and (max-width:768px) { .csf-column.image-and-text .csf-block .hed { font-size:1.3em } } .csf-column.image-and-text .csf-block .entity-block .avatar { width:1.5em; height:1.5em } @media screen and (max-width:768px) { .csf-column.image-and-text .csf-block .entity-block { margin-top:.25rem } .csf-column.image-and-text .csf-block .entity-block .avatar { width:1.2em; height:1.2em } } .csf-column.image-and-text.fs-layout-one .csf-block .text { color:#000 !important } @media screen and (max-width:768px) { .csf-column.fs-layout-one-fourth,.csf-column.fs-layout-one-half,.csf-column.fs-layout-one-third,.csf-column.fs-layout-three-fourths,.csf-column.fs-layout-two-thirds { padding-bottom:0 } .csf-column.image-and-text .csf-block .dek { display:none } } @media screen and (max-width:768px) { .list-lander-list { margin-bottom:30px } } .list-lander-list .csf-column.overlay .full-list { position:absolute; bottom:15px; left:0; right:0; margin:auto; background:none; border:none; text-align:center; font:600 18px "Noto Sans",Helvetica,Arial,sans-serif } @media screen and (max-width:768px) { .list-lander-list .csf-column.overlay .full-list { bottom:-30px } } .list-lander-list .csf-column.overlay .full-list a { color:#000; text-decoration:underline; padding:0 } .list-lander-list .csf-column.overlay .full-list a:after { display:none } .list-lander-list .csf-column.overlay .full-list:hover { background:none; border:none } .list-lander-list .csf-column.overlay .full-list:hover a { color:#000 } .list-lander-list .csf-column.overlay .list-filters { position:absolute; top:-8%; right:0 } @media screen and (max-width:768px) { .list-lander-list .csf-column.overlay .list-filters { position:relative } } .list-lander-list .csf-column.overlay .list-filters .filter { font:400 14px "Noto Sans",Helvetica,Arial,sans-serif; text-transform:uppercase } .list-lander-list .csf-column.overlay .list-filters .filter.active { font-weight:400; background-color:#2872a3 } .list-lander-list .csf-column.overlay .list-filters .filter:first-child { display:none } .list-lander-list .csf-column.overlay .list-filters .filter:last-child { margin-right:20px } .list-lander-list .csf-column.overlay .list-filters .filter .dropdown-wrapper .dropdown { padding:5px; right:0; text-align:right; left:-60px; top:-10px } .list-lander-list .csf-column.overlay .list-filters .filter .dropdown-wrapper .dropdown .dropdown-item { font:inherit; text-align:right } .list-lander-list .csf-column.overlay .list-filters .filter .dropdown-wrapper .dropdown .dropdown-item.active { background:#2872a3; font-weight:400; padding-right:15px } .list-lander-list .csf-column.overlay .list-filters .filter .dropdown-wrapper .dropdown .dropdown-item.active::after { content:"\f135"; display:inline-block; left:5px; position:relative; font-family:forbesicon; speak:none; font-style:normal; font-weight:400; font-variant:normal; line-height:1; text-decoration:inherit; text-rendering:optimizeLegibility; text-transform:none; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased } .list-lander-list .csf-column.overlay .overlay-list .overlay-item { width:20%; margin:0 0 -4px } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .overlay-item-info { height:50%; background-color:transparent; background-image:linear-gradient(-180deg,transparent 11%,rgba(0,0,0,0.85) 78%); transform:translate(0) } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .overlay-item-info .name { font:600 1.1rem/1.2rem "Noto Sans",Helvetica,Arial,sans-serif; position:absolute; bottom:15px } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .overlay-item-info .more-wrapper { display:none } @media screen and (max-width:768px) { .list-lander-list .csf-column.overlay .overlay-list .overlay-item { width:50%; display:inline-block; margin-bottom:-5px } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .item-image { width:100%; float:none } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .overlay-item-info { position:absolute; background-color:transparent; background-image:linear-gradient(-180deg,transparent 11%,rgba(0,0,0,0.85) 78%); text-align:left } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .overlay-item-info .more { display:none } .list-lander-list .csf-column.overlay .overlay-list .overlay-item .overlay-item-info .name { padding-left:0; bottom:10px; font-size:1em } } .list-lander-list .csf-column.overlay .carousel-nav .prev,.list-lander-list .csf-column.overlay .carousel-nav .next { color:#fff; font:600 1.125rem "Noto Sans",Helvetica,Arial,sans-serif; text-transform:uppercase; background-color:#2872a3; position:relative; z-index:2; padding:10px; width:18%; margin:0 1%; text-align:center } .list-lander-list .csf-column.overlay .carousel-nav .prev i,.list-lander-list .csf-column.overlay .carousel-nav .next i { font-size:1.45rem; position:relative; top:2px } @media screen and (max-width:768px) { .list-lander-list .csf-column.overlay .carousel-nav .prev,.list-lander-list .csf-column.overlay .carousel-nav .next { width:46%; margin:0 2% } } .list-lander-list .csf-column.overlay .carousel-nav .prev i { margin-right:3% } .list-lander-list .csf-column.overlay .carousel-nav .next i { margin-left:3% } .list-lander-list .csf-column.overlay .sub-head { display:none } @media screen and (max-width:768px) { .list-lander-list .csf-column.overlay { text-align:center } } .csf-overlay-modal .overlay-slide .more-link-wrapper .more-link { color:#000; font-weight:bold; text-decoration:underline } .fbs-modal.csf-overlay-modal .overlay-ad { margin-top:65px } .fbs-modal.csf-overlay-modal .modal-dialog .modal-close { top:0px; right:17px; color:#000 } .fbs-modal.csf-overlay-modal .modal-dialog .modal-close .icon-close { font-size:1.85em } .fbs-modal.csf-overlay-modal .modal-dialog .modal-close .icon-close:before { text-shadow:0px 1px 2px #fff } @media screen and (max-width:768px) { .fbs-modal.csf-overlay-modal .modal-dialog .modal-close { color:#fff } .fbs-modal.csf-overlay-modal .modal-dialog .modal-close .icon-close:before { text-shadow:0px 1px 2px #000 } } .fbs-modal.csf-overlay-modal .text { padding-left:15px } .fbs-modal.csf-overlay-modal .text .description { padding-top:5px; line-height:1.2em } @media screen and (max-width:768px) { .fbs-modal.csf-overlay-modal .text .description { margin-top:-7px; padding:5px } } .fbs-modal.csf-overlay-modal .text .description .basic-data { margin-bottom:5px } .fbs-modal.csf-overlay-modal .full-profile { top:325px; background-color:#fff; color:#000 !important; text-decoration:underline !important; text-transform:capitalize; padding:0; width:280px; font-size:1.125em } @media screen and (max-width:768px) { .fbs-modal.csf-overlay-modal .full-profile { width:auto; margin:5px 0 0 5px } } @media screen and (min-width:769px) { .fbs-modal.csf-overlay-modal .slick-next,.fbs-modal.csf-overlay-modal .slick-prev { background-color:#2872a3; font-size:1.125rem; text-transform:uppercase; font-weight:600; padding:12px 30px; width:auto; min-width:170px } .fbs-modal.csf-overlay-modal .slick-next .knob,.fbs-modal.csf-overlay-modal .slick-prev .knob { font-size:1.45rem; position:relative; top:2px } .fbs-modal.csf-overlay-modal .slick-next:before,.fbs-modal.csf-overlay-modal .slick-prev:before { opacity:1; font-size:1.125rem } .fbs-modal.csf-overlay-modal .slick-prev { right:180px } } .fbs-modal.csf-overlay-modal .avatar { width:260px } @media screen and (max-width:768px) { .fbs-modal.csf-overlay-modal .avatar { width:100% } } .fbs-modal.csf-overlay-modal .name { font-family:"Noto Sans",Helvetica,Arial,sans-serif; font-weight:700 } .fbs-modal.csf-overlay-modal .overlay-slide .inner-wrapper { font-family:"Noto Sans",Helvetica,Arial,sans-serif } .fbs-modal.csf-overlay-modal .modal-dialog-content { background-color:#fff; color:#000 } .fbs-modal.csf-overlay-modal .modal-dialog-content .inner-wrapper { background-color:transparent; background-image:linear-gradient(-180deg,rgba(255,255,255,0) 11%,#fff 78%); height:50% } .fbs-modal.csf-overlay-modal .modal-dialog-content .inner-wrapper .inner-name { position:absolute; bottom:15px; color:#000; font-weight:700; padding:0 .4em 0 } .list-lander-more .csf-row-list { padding:1.7rem 0px 0rem } @media screen and (max-width:768px) { .list-lander-more .csf-row-list { padding:0; width:100% } } .list-lander-more .related-articles { display:flex } .list-lander-more .related-articles .related-article { background-color:#fff; text-align:left; flex:1 } .list-lander-more .related-articles .related-article .entity-block { padding:0 15px; margin-bottom:20px } @media screen and (max-width:768px) { .list-lander-more .related-articles .related-article .entity-block { padding:0 } } @media screen and (max-width:480px) { .list-lander-more .related-articles .related-article .entity-block { display:none } } @media screen and (max-width:768px) { .list-lander-more .related-articles .related-article { clear:both; margin-bottom:2px } .list-lander-more .related-articles .related-article:after { clear:both } .list-lander-more .related-articles .related-article:after,.list-lander-more .related-articles .related-article:before { content:" "; display:table } } @media screen and (max-width:768px) { .list-lander-more .related-articles { display:block } } .list-lander-more .fs-h3.related-article-headline { font-size:1.125rem; padding:5px 15px 0 } @media screen and (max-width:768px) { .list-lander-more .fs-h3.related-article-headline { font-size:1.1rem; padding:8% 15px 0 } } @media screen and (max-width:480px) { .list-lander-more .fs-h3.related-article-headline { font-size:.9rem; padding:4% 15px 0; line-height:1.2rem } } .list-lander-more .fs-col-3-1 { width:31.3333%; margin:0 1%; padding:0 } @media screen and (max-width:768px) { .list-lander-more .fs-col-3-1 { width:100%; margin:0 } } .list-lander-more .csr-special-feature .fs-col-2-1 { padding:0; margin:0 1em } @media screen and (max-width:768px) { .list-lander-more .csr-special-feature { clear:both } .list-lander-more .csr-special-feature .related-article-image { width:45%; float:left; margin:0 15px 0 0 } .list-lander-more .csr-special-feature .fs-col-2-1 { margin:0 0 2px } } .list-lander-liscensing { margin-top:50px } .list-lander-liscensing .csf-row-list { padding:0; width:100% } .license-logo { width:100%; height:auto; padding:0 .5% .5% 0 } .license-logo * { box-sizing:border-box } .license-logo:after { content:""; display:table; clear:both } .license-logo .list-logo { width:25%; min-width:150px; background-size:cover; background-repeat:no-repeat; background-position:0 0; padding-left:2px; float:left } .license-logo .list-logo:before { content:''; display:block; padding-bottom:100% } .list-links { text-align:center; float:right; width:74% } .licensing-title { display:block; font:600 18px 'Open Sans',Helvetica,Arial,sans-serif; color:#fff; border-bottom:5px solid #fff; width:25%; text-align:center; margin:50px auto } .licensing-links { width:70%; margin:0 auto; clear:both } .licensing-link { width:25%; text-align:center; float:left; margin:0 auto; white-space:nowrap } .licensing-link.text-link { display:block; padding-top:5% } .licensing-link span { display:block; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:1.125rem; color:#FFFFFF; letter-spacing:0px; line-height:29px; text-decoration:underline } @media screen and (max-width:1200px) { .licensing-title { margin:20px auto } .licensing-link span { font-size:1rem } } @media screen and (max-width:1024px) { .licensing-title { font-size:1rem; margin:15px auto } .licensing-link span { font-size:.85rem } } @media screen and (max-width:768px) { .license-logo .list-logo { width:45% } .list-links { width:45% } .licensing-title { width:100%; border-bottom:none; text-align:left; font-size:.85rem; margin:3em auto .5em } .licensing-link,.licensing-links { width:100%; float:none; text-align:left } .licensing-link svg { display:none } } @media screen and (max-width:414px) { .licensing-title { margin-top: .5em } }