- 제출된 URL:
- https://screenpal.com/tool/video-player
- 보고서 완료:
링크 · 4개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://www.facebook.com/screenpal | |
| https://twitter.com/screenpalapp | |
| https://www.pinterest.com/screenpal/ | |
| https://www.linkedin.com/company/screenpal/ |
JavaScript 변수 · 159개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| optimizeEvent | function |
| trackGAEvent | function |
| trackGAEventWithOption | function |
| dataLayer | object |
| cachedAnalyticsEvents | object |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| warning | other |
|
| warning | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en-US"><head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#101429">
<link rel="apple-touch-icon" href="/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="180x180" href="/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="/touch-icon-ipad-retina.png">
<!-- SET: FAVICON -->
<link rel="shortcut icon" href="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/favicon.svg" type="image/svg+xml">
<link rel="shortcut icon" href="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/favicon.png" type="image/png">
<!-- END: FAVICON -->
<!-- SET: STYLESHEET -->
<style id="mega-menu-css">
.align-items-start {align-items: flex-start;}.business-solution a, .business-solution > div {color: #ffffff;}.business-solution {margin: 10px 0 0 20px;}.business-solution-list {margin: 0;}.business-solution-list li {margin: 5px 0;padding: 0;}.business-solution-list li img {margin-bottom: 0;width: 25px;}.col-3 {width: 25%;}.col-4 {width: 33%;}.col-5 {width: 33%;}.col-8 {width: 66%;}.col-9 {width: 75%;}.col-12 {width: 100%;}.d-flex {display: flex;}.business-pricing {border-color: #0e60fd;}.earn-badge {border-color: #259cfd;}.education-pricing {border-color: #f99c0b;}.view-all-tools {border-color: #3bff00;}.view-all-integrations {border-color: #e41a6f;}li > a:focus, li > a:focus-within {outline: none;}li > a:focus-visible {outline: thin dotted darkgrey;}.menu-card {background-color: #0e1126;border-radius: 7px;min-height: 70px;margin: 2rem 1rem;min-width: 180px;padding: 0.25rem 0.75rem 0.75rem 0.75rem;color: white;border-width: 1px;border-style: solid;}.m-1 {margin: 0.25rem !important;}.mega-menu-item-content {display: flex;align-items: start;}.mega-menu-item-content img {margin-right: 0.5rem;width: 36px;}.mega-menu-item-content p.title {font-size: 90%;font-weight: 400 !important;margin: 0;}.mega-menu-item-content p.description {font-size: small;margin: 0;}.mega-menu p.menu-card-title {font-size: 90%;font-weight: 400 !important;height: 30px;margin: 0;}.mega-menu p.menu-card-description {font-size: small;line-height: 1.5rem;margin: 0;}.mega-menu {position: relative;z-index: 3;}.mega-menu .mega-dropdown-menu a:hover {text-decoration: none;}#body {position: relative;}.navigation-overlay {position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 1;background-color: rgba(0, 0, 0, 0.25);}.navbar-default .navbar-nav > li > a.current:after, .navbar-default .navbar-nav > li > a:hover:after {width: 0 !important;}.mega-dropdown-container {position: absolute;text-align: left;top: 100%;transition: padding-top 0.2s ease;padding-top: 40px;}.mega-dropdown-container .title {text-transform: capitalize;}.product-menu .link-wrapper {margin: 1rem 0 0 0.5rem;min-width: 210px;}.product-menu .mega-dropdown-container {width: 910px;}.business-menu .link-wrapper {min-width: 200px;margin: 1rem;}.education-menu .link-wrapper {width: 210px;margin: 0.5rem;}.education-menu ul div:not(:first-child) .link-wrapper {margin: 0 0.5rem;}.product-menu ul div .link-wrapper:nth-child(3) {min-width: 250px;}.product-menu ul div:not(:first-child) .link-wrapper {margin: 0 0 0 0.5rem;}.resources-menu .mega-dropdown-menu, .education-menu .mega-dropdown-menu {padding: 0.5rem;}.resources-menu .link-wrapper {width: 210px;margin: 5px 0.5rem;}.resources-menu .link-wrapper:nth-child(2) {width: 250px;}.business-menu .mega-dropdown-container, .education-menu .mega-dropdown-container, .resources-menu .mega-dropdown-container {width: 750px;}.mega-dropdown-container.open {padding-top: 12px;}.mega-menu-content {background-color: #181d3d;box-shadow: 0 8px 16px rgba(45, 62, 70, 0.25);display: flex;flex: wrap;border-radius: 10px;border: 1px solid #4d5382;}.mega-dropdown-menu {line-height: 1.5;padding-top: 0;}.mega-dropdown-menu .col-xs-6 {margin-bottom: 0.25em;padding-top: 0;padding-bottom: 0.5em;}.mega-dropdown-menu li {margin: 0;}.mega-dropdown-menu li.screenpal-logo-item {padding-bottom: 0;}.mega-dropdown-menu.highlight-section .col-xs-6 {padding-bottom: 0.75em;padding-top: 0.25em;}.mega-dropdown-menu .blue-menu-item-bottom {margin-top: -30px;}.mega-dropdown-container .bottom-link {color: #ffffff;margin-bottom: 0;font-size: 80%;padding: 0 15px;}.mega-dropdown-container .bottom-link a {display: inline-block;padding: 5px 15px;width: 49.5%;}.mega-dropdown-container .bottom-link a:first-child {border-right: 1px solid #fff;}.mega-dropdown-container .bottom-link a, .mega-dropdown-container .bottom-link a .fa {color: #ffffff;transition: all 0.3s ease-in-out;}.mega-dropdown-container .bottom-link a:hover .fa {margin-left: 10px;}.mega-dropdown-menu .col-xs-6:nth-child(3), .mega-dropdown-menu .col-xs-6:nth-child(4) {margin-bottom: 0;}.mega-dropdown-menu:not(.highlight-section) .col-xs-6:first-child .mega-menu-item-content, .mega-dropdown-menu:not(.highlight-section) .col-xs-6:nth-child(2) .mega-menu-item-content {border-bottom: 1px solid #adaaaa;}.mega-dropdown-menu.highlight-section {background-color: #f6fafd;}.mega-dropdown-menu .mega-menu-item-content h4 {color: #fff;font-size: 16px;line-height: 25px;text-transform: none;}.mega-dropdown-menu .mega-menu-item-content svg:not(#education-badge):not(#screenpal-logo) {color: #cccccc;display: inline-block;height: 14px;width: auto;}.mega-dropdown-menu .mega-menu-item-content .mega-menu-link svg {color: inherit !important;}.main-nav-wrapper .mobileonly .badge {border-radius: 10px;color: #fff;font-size: 12px;font-weight: 700;line-height: 1.5;padding: 0 5px;display: inline-block;}.mega-dropdown-menu .mega-menu-item-content .badge, .footer_bg .badge {background-color: #f8bc02;border-radius: 10px;color: #ffffff;font-size: 12px;font-weight: bold;line-height: 1.5;padding: 0 5px;}.mega-dropdown-menu .mega-menu-item-content .badge.badge-light-blue {background-color: #7cc1e6;}.badge.badge-yellow {background-color: #f8bc02 !important;}.badge.badge-pink {background-color: #cf286d !important;}.mega-dropdown-menu.highlight-section img {-webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;transition: opacity 0.2s ease;}.mega-dropdown-menu.highlight-section img:hover {opacity: 0.75;}.mega-dropdown-menu .mega-menu-link {color: #fff;display: block;font-weight: bold;position: relative;}.mega-dropdown-menu .mega-menu-link.font-weight-normal {font-weight: normal;}.mega-dropdown-menu .mega-menu-link:hover, .mega-dropdown-menu .mega-menu-link.current {color: #d12771;}.mega-dropdown-menu li.header-item {height: 48px;}.mega-dropdown-menu li.gray-border-item {border-right: 1px solid #cccccc;}.mega-dropdown-menu .blue-menu-item, .mega-dropdown-menu .blue-menu-item .mega-menu-link {color: #ffffff;}.mega-dropdown-menu .blue-menu-item .mega-menu-link:hover {color: #549fd7;}.mega-dropdown-menu .fa {color: #cccccc;}.mega-dropdown-menu p {font-size: 80%;}.mb-0-5 {margin-bottom: 0.5em !important;}.mb-1 {margin-bottom: 1em !important;}.mt-0-5 {margin-top: 0.5em !important;}.mt-1 {margin-top: 1em !important;}.mt-2 {margin-top: 2em !important;}.mt-4 {margin-top: 4em !important;}.mr-0-5 {margin-right: 0.5em !important;}.mr-1 {margin-right: 1em !important;}.d-inline-flex {display: inline-flex !important;}.product-menu ul > div:nth-child(2), .education-menu ul > div:nth-child(2) {margin: 1rem 0;}.show-for-tablet {display: none;}.credits {color: #878d96;font-weight: normal;}.footer-bg-credits .credits {display: flex;justify-content: flex-end;}.footer-bg-credits .credits a {color: #878d96;font-weight: normal;text-decoration: none;}.footer-bg-credits .credits a:hover {color: #343a3f;text-decoration: none;}.footer-bg-credits .credits .pipe.hide-mobile {margin: 0 8px;}.footer-menu-container {display: flex;}.footer-menu-container .footer-menu-column {display: flex;flex-direction: column;margin: 0 auto;}.nav .blank-row {min-height: 20px;}.footer-menu-column .list-spacer {min-height: 40px;}.footer_bg ul.nav > li > a {font-weight: 300;}.footer-menu-container .footer-menu-column h4 {margin-bottom: 10px;}.menu-open {overflow: hidden;position:fixed;width: 100%;height: 90vh;}.mobile-nav-header .mobile-close-btn {right: 5px;top: 10px;position: absolute;}@media screen and (max-width: 901px) {.footer-menu-container {justify-content: space-between;}.footer-menu-container .footer-menu-column {display: flex;flex-direction: column;flex: 50%;align-content: space-around;flex-wrap: wrap;margin: 0;}.footer-menu-container .footer-menu-column h4 {margin-top: 35px;width: 185px;}.footer_bg .nav {width: 185px;}.footer-menu-container .footer-column-first .footer-menu-column:nth-child(1) h4, .footer-menu-container .footer-column-second .footer-menu-column:nth-child(1) h4 {margin-top: 0;}.footer-menu-container .footer-column-first.footer-menu-column {flex: 0 50%;}.footer-menu-container .footer-column-second.footer-menu-column {flex: 1 50%;}.footer-menu-container .footer-menu-column:nth-child(1) {order: 1;}.footer-menu-container .footer-menu-column:nth-child(2) {order: 3;}.footer-menu-container .footer-menu-column:nth-child(3) {order: 5;margin-top: -215px;}.footer-menu-container .footer-menu-column:nth-child(4) {order: 2;}.footer-menu-container .footer-menu-column:nth-child(5) {order: 4;}.footer_bg div.footer-menus {flex-wrap: wrap;}}@media screen and (min-width: 902px) {.footer-menu-container {justify-content: space-between;}.footer-menu-container .footer-column-first, .footer-menu-container .footer-column-second {display: flex;flex-wrap: wrap;}}.header .mobile-login a {color: #e6e7ef;}@media screen and (min-width: 1217px) {.mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(n + 1) {height: 90px;}}.mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3.short-container {height: 45px;}.mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3.lower-gray-bar {background: linear-gradient(#000c8b, #4589ff);}.menu-stretch {position: absolute;height: 45px;width: 200px;left: -200px;background: linear-gradient(#000c8b, #4589ff);top: 0px;}.header_lft .logo img {width: 200px;}.header_rgt .navbar-default .navbar-nav > li > a {font-size: 15px !important;}.mega-dropdown-menu .mega-menu-link p {font-weight: 300;}ul.mega-dropdown-menu.resources-dropdown li a, ul.mega-dropdown-menu.product-dropdown li a {text-decoration: none;display: block;width: 100%;height: 100%;}.header_bg {min-height: 80px;}.mobile-nav-header img {cursor: pointer;}.app-icons img {width: 135px;height: 40px !important;}.header .header_lft .logo img {height: 47px;}.header_rgt .navbar-default .navbar-toggle.hamburger-menu {background-color: transparent;}@media only screen and (max-width: 1160px) {.mega-dropdown-container {right: 0;}}@media only screen and (max-width: 1160px) and (min-width: 992px) {#mega_menu_plans .mega-menu-item-content.mt-4 {margin-top: 3.25vw !important;}.mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(9), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(10), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(11), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(12) {height: 120px;}}@media only screen and (max-width: 991px) and (min-width: 768px) {.mega-dropdown-container {right: 50%;}#mega_menu_plans .mega-menu-item-content.mt-4 {margin-top: 10px !important;}.social-bar .desktoponly {display: none;}.hide-for-tablet {display: none;}.show-for-tablet {display: inline-block;}.mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(9), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(10), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(11), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu.product-dropdown li.col-xs-3:nth-child(12) {height: 140px;}.main-nav-menu .navbar-collapse.collapse.in .mobile-menu-login, .main-nav-menu .navbar-collapse.collapse.show .mobile-menu-login {height: 140px;}}@media only screen and (max-width: 767px) {.mega-menu, .mega-dropdown-container {display: none;}.app-icons {justify-content: center;}.header_rgt .navbar-default#content-link {position: initial;display: flex;flex-direction: row-reverse;}}@media only screen and (min-width: 768px) and (max-width: 787px) {.mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu li.col-xs-3:nth-child(5), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu li.col-xs-3:nth-child(6), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu li.col-xs-3:nth-child(7), .mega-dropdown-container .mega-menu-content ul.mega-dropdown-menu li.col-xs-3:nth-child(8) {height: 120px;}}@media only screen and (max-width: 767px) {.stock .header .header_rgt {margin-top: 0;padding-top: 0;}.stock .header .header_rgt #content-link {position: relative;width: auto;margin-right: 10px;top: 16px;}.stock .header .header_rgt .navbar.navbar-default {width: auto;}.header_rgt .navbar-default .navbar-nav > li > a {color: #4a4a4a;}.footer-bg-credits .credits {justify-content: flex-start;flex-flow: column;text-align: left;}.footer-bg-credits .credits .pipe.hide-mobile {display: none;}.footer-bg-credits .container .col-sm-12.col-9 {width: 100%;}}@media screen and (max-width: 767px) {.nav.navbar-nav {overflow-y: scroll;}.childMenu .nav.navbar-nav {height: calc(100vh - 130px);padding-bottom: 75px;}.guestUser .childMenu .nav.navbar-nav {height: calc(100vh - 140px);}#profile-dropdown {width: 100vw;height: 100vh;position: fixed;top: 0;padding-top: 0;}.header_bg {min-height: 115px;}.header_bg a.mobile-login {font-size: var(--text-size-base);font-weight: var(--font-weight-bold);text-decoration: none;}}@media screen and (min-width: 992px) {.mobile-nav-header {display: none;position: absolute;left: -100vw;}.mobile-menu-login {display: none;}.mobile-view-content {display: none;}.app-icons.app-icons-mobile {display: none;}}.header a img.angle-right {width: 18px;}.header a .mobile-sub-menu img.angle-right {width: 9px;}.nav.navbar-nav div.dropdown-icon {display: inline-block;min-width: 10px;min-height: 15px;width: 10px;height: 15px;}.navbar-default .navbar-nav > li > a.current, .navbar-default .navbar-nav > li > a:hover {color: #d12771;text-decoration: none !important;}.mega-menu-content p {color: #fff;display: flex;align-items: center;justify-content: space-between;}.bottom-product-nav {background: #0043ce;height: 40px;}.header a.mega-menu-link {color: #fff;}.header a.mega-menu-link svg:not(#education-badge) {width: 10px;color: #fff;}.text-center {text-align: center;}.text-black {color: #000 !important;}.mega-menu-dropdown-image {border-radius: 7px;}.mega-dropdown-menu li.certified-educator {min-height: 100px;}.mega-menu-item-content p a.font-weight-normal {font-weight: normal;}@media only screen and (max-width: 767px) {.stock .header .header_rgt {min-height: 49px;}}.mx-2 {margin-left: 2rem;margin-right: 2rem;}.px-1 {padding-left: 1rem;padding-right: 1rem;}.mega-dropdown-menu li.certified-educator .mega-menu-item-content {position: absolute;background-color: #fff;height: 176px;width: 120%;top: -11px;padding-left: 15px;}#mega_menu_resources .mega-menu-content {min-height: 180px;}@media screen and (max-width: 1330px) {.mega-dropdown-menu li.certified-educator {min-height: 100px;}}@media screen and (max-width: 1305px) {}@media screen and (max-width: 1160px) {.mega-dropdown-menu li.certified-educator {min-height: 173px;}.mega-dropdown-menu li.certified-educator .mega-menu-item-content {height: 346px;}}@media screen and (max-width: 991px) {.mega-dropdown-menu li.certified-educator {min-height: 183px;}.mega-dropdown-menu li.certified-educator .mega-menu-item-content {height: 366px;}}.px-1 {padding-left: 1rem;padding-right: 1rem;}.header-wrap.sticky {height: 70px;}@media only screen and (max-width: 991px) {.footer_bg .footer-menus {display: flex;flex-wrap: nowrap;margin-bottom: 20px;}.header-wrap.sticky {height: 112px;}}@media screen and (min-width: 992px) {.mobile-login {display: none;}}@media screen and (max-width: 1640px) {.mega-dropdown-menu li.certified-educator .mega-menu-item-content {height: 197px;}}.mobile-back-btn svg {width: 15px;height: auto;vertical-align: middle;margin-bottom: 3px;}.navbar-separator {height: 44px;width: 1px;background: #3f4162;}.header_rgt .navbar-default .navbar-nav > li > a.my-content-navigation-link {color: var(--base-text-color);font-size: 15px;}.header_rgt .navbar-default .navbar-nav > li > a.my-content-navigation-link:hover {color: var(--sp-pink);}.header_rgt .navbar-default .navbar-nav > li > a.my-content-navigation-link:hover:after {top: -12px;}.fixed-bumper.visible-md.visible-lg {background-color: var(--sp-brand-blue-800);height: 70px;}.mx-5 {margin-left: 5rem !important;margin-right: 5rem !important;}a.mega-menu-link.blue-bar-link {font-weight: 400;}@media screen and (min-width: 991px) and (max-width: 1012px) {.fixed-bumper {height: 112px !important;}}.mobile-menu-border {border-bottom: solid 1px #232747;margin-top: 25px;}.log_sig ul li .btn {font-size: 15px;}#content-link ul.navbar-nav :not(.my-content-navigation-link):after {overflow-y: hidden;}.close-btn-wrapper {width: 40px;height: 40px;text-align: center;}ul.social {list-style: none !important;}.header_bg .main-nav-wrapper {margin-left: 45px;margin-right: 45px;}.main-nav-wrapper .header_rgt .navbar-default .navbar-nav > li > a {padding-left: 22px;padding-right: 22px;}.main-nav-wrapper .header {display: flex;}.main-nav-wrapper .header .header_lft {width: auto;}.main-nav-wrapper .header .header_rgt {flex: auto;display: flex;align-items: center;flex-direction: row-reverse;}.main-nav-wrapper .header .header_rgt .navbar-nav {margin-left: 0;}@media screen and (min-width: 1295px) {#mega_menu {margin-left: 22px;}}@media screen and (max-width: 1294px) {.main-nav-wrapper .header {flex-flow: column;}.main-nav-wrapper .header .header_lft {flex: 1 100%;}.main-nav-wrapper .header .header_rgt {flex: 2 100%;width: 100%;display: flex;flex-direction: row-reverse;align-items: center;margin-top: 0;}.main-nav-wrapper .header .header_lft .logo {display: flex;justify-content: center;height: 100%;}.header_rgt .main-nav-menu.navbar-default {flex: 1;}.header_bg .main-nav-wrapper {height: 160px;}.themify_builder_content-37884 div.tb_i98j339.module_row {padding-top: 140px;}}@media screen and (min-width: 902px) and (max-width: 1294px) {.main-nav-wrapper .header .header_rgt {padding-top: 16px;}}@media only screen and (min-width: 991px) and (max-width: 1223px) {.main-nav-wrapper .header .header_lft {margin-bottom: 15px;}}@media only screen and (max-width: 991px) {.header-wrap.sticky {height: 155px;}.app-icons.app-icons-desktop {display: none;}.app-icons.app-icons-mobile {display: flex;position: initial;flex-direction: column;margin-top: 80px;}}@media only screen and (max-width: 1080px) {.main-nav-wrapper .header_rgt .navbar-default .navbar-nav > li > a {padding-left: 0.75rem;padding-right: 0.75rem;}}@media only screen and (max-width: 900px) {.main-nav-wrapper .header_rgt .navbar-default .navbar-nav > li > a {padding-left: 5px;padding-right: 5px;}}@media only screen and (max-width: 767px) {.header_bg {min-height: 134px;}.header_bg .main-nav-wrapper {margin-left: 30px;margin-right: 30px;}.navbar {border-radius: 4px;}.navbar-header {float: left;}.navbar-collapse {width: auto;border-top: 0;-webkit-box-shadow: none;box-shadow: none;}.navbar-toggle {display: none;}.navbar-nav {float: left;margin: 0;}.navbar-nav > li {float: left;}.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}.navbar-nav.navbar-right:last-child {margin-right: -15px;}.navbar-right {float: right !important;}}img.lazy-hidden {opacity: 0 !important;}button.navbar-toggle {display: block;}.nav {padding-left: 0;margin-bottom: 0;list-style: none;}.nav > li {display: block;margin: 0;padding: 0;position: relative;}.nav > li > a {position: relative;display: block;padding: 10px 15px;}.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: #eee;}.navbar {position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}.navbar-collapse {padding-right: 15px;padding-left: 15px;overflow-x: visible;-webkit-overflow-scrolling: touch;border-top: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}.navbar-toggle:focus {outline: 0;}.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}.navbar-nav {margin: 7.5px -15px;}.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.navbar-default {background-color: #f8f8f8;border-color: #e7e7e7;}.navbar-default .navbar-nav > li > a {color: #777;border-radius: 1.5rem;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #333;background-color: transparent;}.navbar-default .navbar-toggle {border-color: #ddd;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd;}.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}.navbar-default .navbar-collapse {border: none;box-shadow: none;}#create-menu .dropdown-menu a {position: relative;padding: 15px 10px;margin: 0;display: block;font-size: 15px;line-height: 16px;color: #fff;font-weight: 700;font-style: normal;}@media only screen and (max-width: 901px) {.log_sig {display: none;}.header_rgt .main-nav-menu.navbar-default {top: 0;}.mobile-login {display: flex !important;justify-content: flex-end;}#example-navbar-collapse {width: 100vw;height: 101vh;position: fixed;padding-left: 0;padding-right: 0;max-height: 100vh;}.mobile-nav-header {min-height: 65px;background-color: #03103e;padding-top: 10px;display: block !important;}.mobile-logo {float: left;margin-left: 15px;margin-top: 5px;color: #fff;font-weight: 400;}.mobile-close-btn {float: right;margin-right: 10px;margin-top: 5px;}.header_rgt .navbar-default .navbar-nav > li.mobilemenu {text-align: left;width: 100vw;}.mobile-sub-menu {color: #aeaeae;position: absolute;right: 15px;top: 25px;}.navbar-collapse-business.in, .navbar-collapse-education.in, .navbar-collapse-product.in, .navbar-collapse-resources.in, .navbar-collapse-business.show, .navbar-collapse-education.show, .navbar-collapse-product.show, .navbar-collapse-resources.show {width: 100vw;height: 100vh;position: fixed;display: block;z-index: 9999999999999;top: 0;left: 0;background: #181d3d;}.mobilemenu a {font-weight: 400;}.mobilemenu p {font-weight: 100;font-size: 14px;margin-top: 10px;}.header_rgt .navbar-default .childMenu .navbar-nav > li.mobilemenu {border-bottom: none;}.header_rgt .navbar-default .childMenu .navbar-nav > li.mobilemenu.top-border {border-top: 1px solid #f4f4f7;}.mobile-menu-login {background-color: #03103e;width: 100%;padding-right: 10px;position: absolute;height: 75px;bottom: 5px;padding-top: 5px;}.mobile-menu-login .log_sig {display: initial;}.mobile-menu-login .log_sig .last a {color: #9b9fb2;border-radius: 50px;width: 150px;padding: 14px 18px;margin-top: 8px;font-size: 15px;text-align: end;}.mobilemenu .badge {color: #fff;background-color: #f0be41;border-radius: 50px;padding: 2px 3px;font-size: 12px;}.mobilemenu .badge.new-blue {background-color: #8dbfe2;}.header .dropdown-menu img.mobile-logo {width: 200px;height: auto;}.profile-menu-bottom {position: absolute;width: 100%;bottom: 0;}.mobile-view-content {background-color: #03103e;padding: 10px 20px;}.mobile-view-content a {color: #fff;}.mobile-view-content i {position: absolute;right: 10px;top: 20px;}.main-nav-menu .navbar-collapse .mobile-menu-login, .main-nav-menu .navbar-collapse .mobile-nav-header {display: none !important;}.main-nav-menu .navbar-collapse.collapse.in .mobile-menu-login, .main-nav-menu .navbar-collapse.collapse.in .mobile-nav-header, .main-nav-menu .navbar-collapse.collapse.show .mobile-menu-login, .main-nav-menu .navbar-collapse.collapse.show .mobile-nav-header {display: block !important;}.main-nav-menu .navbar-collapse.collapse.in .nav.navbar-nav, .main-nav-menu .navbar-collapse.collapse.show .nav.navbar-nav {height: 100vh;}.navbar {border-radius: 4px;}.navbar-header {float: left;}.navbar-collapse {width: auto;border-top: 0;-webkit-box-shadow: none;box-shadow: none;}.navbar-toggle {display: none;}.navbar-nav {float: left;margin: 0;}.navbar-nav > li {float: left;}.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}.navbar-nav.navbar-right:last-child {margin-right: -15px;}.navbar-right {float: right !important;}.header_lft {width: 300px;float: none;margin: 0 auto 0;padding-top: 0;padding-bottom: 5px;}.navbar-collapse {width: 100%;position: absolute;top: 0;left: 0;z-index: 998;}.header_lft {width: 300px;float: none;margin: 0 auto 0;padding-top: 0;padding-bottom: 5px;}.header_rgt .navbar-default .navbar-nav > li {margin: 0 0 0 0;background: var(--sp-brand-blue-800);padding: 0 0;}.header_rgt .navbar-nav {margin: 0 0 0 0 !important;padding: 0 0;}.header_rgt .navbar-default .navbar-nav > li > a {padding: 10px 10px 10px 20px;}.header_rgt .navbar-default .navbar-nav > li > a:hover {text-decoration: none;}.header_rgt #content-link .navbar-nav > li > a {padding: 14px 10px;line-height: 16px;}.log_sig ul li a {margin-top: 15px;padding: 8px;}.log_sig ul li a.btn {margin-top: 8px;}.navbar-default .navbar-nav > li > a:hover {text-decoration: none;color: #5f6a75;}.navbar-default .navbar-collapse {border: none;}.navbar-collapse {width: 100%;position: absolute;top: 0;left: 0;z-index: 998;background: #181d3d;}.header_rgt div.navbar-default:not(#content-link) {width: 100%;float: left;}.navbar-header .navbar-toggle {float: left;margin: -60px 0 0;padding: 9px;}.header_bg a.mobile-login {padding-top: 10px;}.header_rgt .dd .ddTitle .ddTitleText {padding: 10px 19px 10px 10px;}.header_rgt .ddcommon .ddArrow {top: 13px !important;}.header_rgt .dd {width: 180px !important;}.header_rgt .dd {margin-top: 3px;width: 32.5%;}#content-link li > a:hover {background-color: transparent !important;color: #0056b3 !important;}.header_rgt .navbar-default .navbar-nav > li.mobilemenu > a {color: #fff;font-size: 18px;font-weight: 300;padding: 25px 10px 0 20px;}.main-nav-wrapper .desktoponly, .main-nav-wrapper .nav .desktoponly {display: none;}.main-nav-wrapper .collapse.in .mobileonly, .main-nav-wrapper .collapse.in .nav .mobileonly, .main-nav-wrapper .collapse.show .mobileonly, .main-nav-wrapper .collapse.show .nav .mobileonly {display: block;}.navbar-header .navbar-toggle.hamburger-menu {margin: 0;}.main-nav-menu .navbar-collapse.collapse.in, .main-nav-menu .navbar-collapse.collapse.show {display: block !important;padding-bottom: 0;overflow: visible !important;}.header_rgt .navbar-default .navbar-nav > li.mobile-sub-menu-header {color: #a4a9ca;text-align: left;font-size: 14px;padding: 7px 0 7px 20px;background: var(--sp-brand-blue-800);width: 100%;}.main-nav-menu .navbar-collapse.show .mobile-menu-login {display: block !important;}.mobile-nav-header .mobile-logo {display: flex;}.mobile-nav-header .mobile-logo img {margin-right: 15px;}.page-privacy .header_bg.guestUser .main-nav-wrapper {height: 115px;}.page-privacy .header_bg.guestUser {min-height: 115px;}.header_rgt .navbar-default {position: relative;width: initial;top: initial;}}@media only screen and (min-width: 902px) {.navbar-default .navbar-nav > li > a.current:after {background-color: unset !important;}.navbar-default .navbar-nav > li > a.current {background-color: hsl(230, 44%, 11%);color: white;border-radius: 1.5rem;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:has(.mega-dropdown-container:hover) {background-color: hsl(230, 44%, 11%);color: white;border: 1px solid #d12771;border-radius: 1.5rem;}.navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li.mega-menu:hover > a:after {width: 100%;}.log_sig ul li a:not(.btn):after {background-color: #d12771;width: 0;transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);top: -12px;}.log_sig ul li.last a:hover:after {width: 100%;}.header_bg .main-nav-wrapper {margin-left: 25px;margin-right: 25px;}.header_rgt .main-nav-menu.navbar-default {flex: 1;}button.navbar-toggle {display: none;}.main-nav-wrapper .header .header_rgt ul.navbar-nav {display: flex;}.log_sig ul li a:not(.btn):after, .navbar-default .navbar-nav > li > a:after {content: "";bottom: -13px;display: inline-block;height: 5px;left: 0;position: absolute;-webkit-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);width: 0;}.navbar-default .navbar-nav > li > a.current:after, .navbar-default .navbar-nav > li > a:hover:after {width: 100%;}.navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li.mega-menu:hover > a:after, .log_sig ul li:hover a:not(.btn):after {width: 100%;}.main-nav-wrapper .mobileonly, .main-nav-wrapper .nav .mobileonly {display: none;}#example-navbar-collapse {display: block;}.main-nav-menu .navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}}@media screen and (min-width: 991px) and (max-width: 1294px) {.fixed-bumper.visible-md.visible-lg {height: 130px !important;}}@media screen and (max-width: 400px) {.footer-menu-container .footer-menu-column h4 {width: 160px;}.footer_bg .nav {width: 160px;}}.footer-iframe-wrapper iframe{display: block;width: 100%;height: 969px;max-width: 100%;max-height: 100%;border: none;}@media screen and (max-width: 800px) {.footer-iframe-wrapper iframe{height: 1000px;}}@media screen and (max-width: 768px) {.footer-iframe-wrapper iframe{height: 1865px;}}@media screen and (max-width: 680px) {.footer-iframe-wrapper iframe{height: 2545px;}}
</style>
<link rel="preconnect" href="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://cdn.amplitude.com">
<link rel="preconnect" href="https://connect.facebook.net">
<!-- END: STYLESHEET -->
<meta property="og:site_name" content="ScreenPal (Formerly Screencast-O-Matic)">
<meta property="fb:page_id" content="158210234220889">
<!-- Data Layer -->
<script type="text/javascript" async="" src="https://cdn.amplitude.com/libs/amplitude-4.5.2-min.gz.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-J7G603GGVL&l=dataLayer&cx=c&gtm=45He4bk0v77619525za200"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-MLJVZ8W"></script><script type="text/javascript">
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event': 'dlpush',
'UserId': '',
'UserLocale': 'en-US,en;q=0.9',
'UserRandom': '701520',
'UserType': 'Anonymous',
'forceCampaignName': '',
'forceCampaignSource': '',
'forceCampaignMedium': '',
});
function optimizeEvent(name) {
window.dataLayer.push({'event': 'optimize.' + name});
}
function trackGAEvent(cat, action) {
try {
dataLayer.push ({
'event':'trackGAEvent',
'cat':cat,
'action':action,
'optLable':"",
'optValue':""
});
}
catch(e) {
}
}
function trackGAEventWithOption(cat, action, optLabel, optValue) {
try {
dataLayer.push ({
'event':'trackGAEvent',
'cat':cat,
'action':action,
'optLable':optLable,
'optValue':optValue
});
}
catch(e) {
}
}
</script> <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MLJVZ8W');</script>
<!-- End Google Tag Manager -->
<script type="text/javascript">
var cachedAnalyticsEvents = [];
function analyticsSignup(a) { cachedAnalyticsEvents.push(function(){ analyticsSignup(a); }) }
function analyticsLogout() { cachedAnalyticsEvents.push(function(){ analyticsLogout(); }) }
function analyticsUserProperties(a) { cachedAnalyticsEvents.push(function(){ analyticsUserProperties(a); }) }
function analyticsIncUserProperty(a) { cachedAnalyticsEvents.push(function(){ analyticsIncUserProperty(a); }) }
function analyticsIncUserPropertyByNum(a,b) { cachedAnalyticsEvents.push(function(){ analyticsIncUserPropertyByNum(a,b); }) }
function analyticsEvent(a,b,c) { cachedAnalyticsEvents.push(function(){ analyticsEvent(a,b,c); }) }
function analyticsPOC(a,b,c) { cachedAnalyticsEvents.push(function(){ analyticsPOC(a,b,c); }) }
function analyticsRevenue(a,b,c,d) { cachedAnalyticsEvents.push(function(){ analyticsRevenue(a,b,c,d); }) }
function analyticsGetDeviceId(callback,repeat) { if (repeat) callback(null); else setTimeout(function(){analyticsGetDeviceId(callback,true);}, 1000); }
document.addEventListener("DOMContentLoaded", function() {
// Set up HTTP request
let xhr = new XMLHttpRequest();
// Setup our listener to process completed requests
xhr.onload = function () {
// Process analytics scripts return data
if (xhr.status >= 200 && xhr.status < 300) {
$("head").append(xhr.response);
} else {
console.log('Error adding async analytics.');
}
};
// Create and send request
xhr.open('GET', '/analytics_ajax');
xhr.send();
});
</script>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<!-- wp_header -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<style id="tb_inline_styles" data-no-optimize="1">.tb_animation_on{overflow-x:hidden}.themify_builder .wow{visibility:hidden;animation-fill-mode:both}[data-tf-animation]{will-change:transform,opacity,visibility}.themify_builder .tf_lax_done{transition-duration:.8s;transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sticky-active].tb_sticky_scroll_active{z-index:1}[data-sticky-active].tb_sticky_scroll_active .hide-on-stick{display:none}@media(min-width:1025px){.hide-desktop{width:0!important;height:0!important;padding:0!important;visibility:hidden!important;margin:0!important;display:table-column!important;background:0!important}}@media(min-width:769px) and (max-width:1024px){.hide-tablet_landscape{width:0!important;height:0!important;padding:0!important;visibility:hidden!important;margin:0!important;display:table-column!important;background:0!important}}@media(min-width:681px) and (max-width:768px){.hide-tablet{width:0!important;height:0!important;padding:0!important;visibility:hidden!important;margin:0!important;display:table-column!important;background:0!important}}@media(max-width:680px){.hide-mobile{width:0!important;height:0!important;padding:0!important;visibility:hidden!important;margin:0!important;display:table-column!important;background:0!important}}@media(max-width:680px){
.themify_map.tf_map_loaded{width:100%!important}
.ui.builder_button,.ui.nav li a{padding:.525em 1.15em}
.fullheight>.row_inner:not(.tb_col_count_1){min-height:0}
}</style><noscript><style>.themify_builder .wow,.wow .tf_lazy{visibility:visible!important}</style></noscript> <style id="tf_lazy_common" data-no-optimize="1">
img{
max-width:100%;
height:auto
}
.tf_fa,em tf-lottie,i tf-lottie{display:inline-block;vertical-align:middle}em tf-lottie,i tf-lottie{width:1.4em;height:1.4em}.tf_fa{width:1em;height:1em;stroke-width:0;stroke:currentColor;overflow:visible;fill:currentColor;pointer-events:none;text-rendering:optimizeSpeed;buffered-rendering:static}#tf_svg symbol{overflow:visible}.tf_lazy{position:relative;visibility:visible;display:block;opacity:.3}.wow .tf_lazy{visibility:hidden;opacity:1;position:static;display:inline}div.tf_audio_lazy audio{visibility:hidden;height:0;display:inline}.mejs-container{visibility:visible}.tf_iframe_lazy{transition:opacity .3s ease-in-out;min-height:10px}.tf_carousel .tf_swiper-wrapper{display:flex}.tf_carousel .tf_swiper-slide{flex-shrink:0;opacity:0;width:100%;height:100%}.tf_carousel .tf_lazy{contain:none}.tf_swiper-wrapper>br,.tf_lazy.tf_swiper-wrapper .tf_lazy:after,.tf_lazy.tf_swiper-wrapper .tf_lazy:before{display:none}.tf_lazy:after,.tf_lazy:before{content:'';display:inline-block;position:absolute;width:10px!important;height:10px!important;margin:0 3px;top:50%!important;right:50%!important;left:auto!important;border-radius:100%;background-color:currentColor;visibility:visible;animation:tf-hrz-loader infinite .75s cubic-bezier(.2,.68,.18,1.08)}.tf_lazy:after{width:6px!important;height:6px!important;right:auto!important;left:50%!important;margin-top:3px;animation-delay:-.4s}@keyframes tf-hrz-loader{0%{transform:scale(1);opacity:1}50%{transform:scale(.1);opacity:.6}100%{transform:scale(1);opacity:1}}.tf_lazy_lightbox{position:fixed;background:rgba(11,11,11,.8);color:#ccc;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999}.tf_lazy_lightbox .tf_lazy:after,.tf_lazy_lightbox .tf_lazy:before{background:#fff}.tf_vd_lazy,tf-lottie{display:flex;flex-wrap:wrap}tf-lottie{aspect-ratio:1.777}.tf_w.tf_vd_lazy video{width:100%;height:auto;position:static;object-fit:cover}
</style>
<script data-cfasync="false" data-no-defer="1" data-no-minify="1" data-no-optimize="1">var ewww_webp_supported=!1;function check_webp_feature(A,e){var w;e=void 0!==e?e:function(){},ewww_webp_supported?e(ewww_webp_supported):((w=new Image).onload=function(){ewww_webp_supported=0<w.width&&0<w.height,e&&e(ewww_webp_supported)},w.onerror=function(){e&&e(!1)},w.src="data:image/webp;base64,"+{alpha:"UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="}[A])}check_webp_feature("alpha");</script><script data-cfasync="false" data-no-defer="1" data-no-minify="1" data-no-optimize="1">var Arrive=function(c,w){"use strict";if(c.MutationObserver&&"undefined"!=typeof HTMLElement){var r,a=0,u=(r=HTMLElement.prototype.matches||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector,{matchesSelector:function(e,t){return e instanceof HTMLElement&&r.call(e,t)},addMethod:function(e,t,r){var a=e[t];e[t]=function(){return r.length==arguments.length?r.apply(this,arguments):"function"==typeof a?a.apply(this,arguments):void 0}},callCallbacks:function(e,t){t&&t.options.onceOnly&&1==t.firedElems.length&&(e=[e[0]]);for(var r,a=0;r=e[a];a++)r&&r.callback&&r.callback.call(r.elem,r.elem);t&&t.options.onceOnly&&1==t.firedElems.length&&t.me.unbindEventWithSelectorAndCallback.call(t.target,t.selector,t.callback)},checkChildNodesRecursively:function(e,t,r,a){for(var i,n=0;i=e[n];n++)r(i,t,a)&&a.push({callback:t.callback,elem:i}),0<i.childNodes.length&&u.checkChildNodesRecursively(i.childNodes,t,r,a)},mergeArrays:function(e,t){var r,a={};for(r in e)e.hasOwnProperty(r)&&(a[r]=e[r]);for(r in t)t.hasOwnProperty(r)&&(a[r]=t[r]);return a},toElementsArray:function(e){return e=void 0!==e&&("number"!=typeof e.length||e===c)?[e]:e}}),e=(l.prototype.addEvent=function(e,t,r,a){a={target:e,selector:t,options:r,callback:a,firedElems:[]};return this._beforeAdding&&this._beforeAdding(a),this._eventsBucket.push(a),a},l.prototype.removeEvent=function(e){for(var t,r=this._eventsBucket.length-1;t=this._eventsBucket[r];r--)e(t)&&(this._beforeRemoving&&this._beforeRemoving(t),(t=this._eventsBucket.splice(r,1))&&t.length&&(t[0].callback=null))},l.prototype.beforeAdding=function(e){this._beforeAdding=e},l.prototype.beforeRemoving=function(e){this._beforeRemoving=e},l),t=function(i,n){var o=new e,l=this,s={fireOnAttributesModification:!1};return o.beforeAdding(function(t){var e=t.target;e!==c.document&&e!==c||(e=document.getElementsByTagName("html")[0]);var r=new MutationObserver(function(e){n.call(this,e,t)}),a=i(t.options);r.observe(e,a),t.observer=r,t.me=l}),o.beforeRemoving(function(e){e.observer.disconnect()}),this.bindEvent=function(e,t,r){t=u.mergeArrays(s,t);for(var a=u.toElementsArray(this),i=0;i<a.length;i++)o.addEvent(a[i],e,t,r)},this.unbindEvent=function(){var r=u.toElementsArray(this);o.removeEvent(function(e){for(var t=0;t<r.length;t++)if(this===w||e.target===r[t])return!0;return!1})},this.unbindEventWithSelectorOrCallback=function(r){var a=u.toElementsArray(this),i=r,e="function"==typeof r?function(e){for(var t=0;t<a.length;t++)if((this===w||e.target===a[t])&&e.callback===i)return!0;return!1}:function(e){for(var t=0;t<a.length;t++)if((this===w||e.target===a[t])&&e.selector===r)return!0;return!1};o.removeEvent(e)},this.unbindEventWithSelectorAndCallback=function(r,a){var i=u.toElementsArray(this);o.removeEvent(function(e){for(var t=0;t<i.length;t++)if((this===w||e.target===i[t])&&e.selector===r&&e.callback===a)return!0;return!1})},this},i=new function(){var s={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};function n(e,t,r){return!(!u.matchesSelector(e,t.selector)||(e._id===w&&(e._id=a++),-1!=t.firedElems.indexOf(e._id)))&&(t.firedElems.push(e._id),!0)}var c=(i=new t(function(e){var t={attributes:!1,childList:!0,subtree:!0};return e.fireOnAttributesModification&&(t.attributes=!0),t},function(e,i){e.forEach(function(e){var t=e.addedNodes,r=e.target,a=[];null!==t&&0<t.length?u.checkChildNodesRecursively(t,i,n,a):"attributes"===e.type&&n(r,i)&&a.push({callback:i.callback,elem:r}),u.callCallbacks(a,i)})})).bindEvent;return i.bindEvent=function(e,t,r){t=void 0===r?(r=t,s):u.mergeArrays(s,t);var a=u.toElementsArray(this);if(t.existing){for(var i=[],n=0;n<a.length;n++)for(var o=a[n].querySelectorAll(e),l=0;l<o.length;l++)i.push({callback:r,elem:o[l]});if(t.onceOnly&&i.length)return r.call(i[0].elem,i[0].elem);setTimeout(u.callCallbacks,1,i)}c.call(this,e,t,r)},i},o=new function(){var a={};function i(e,t){return u.matchesSelector(e,t.selector)}var n=(o=new t(function(){return{childList:!0,subtree:!0}},function(e,r){e.forEach(function(e){var t=e.removedNodes,e=[];null!==t&&0<t.length&&u.checkChildNodesRecursively(t,r,i,e),u.callCallbacks(e,r)})})).bindEvent;return o.bindEvent=function(e,t,r){t=void 0===r?(r=t,a):u.mergeArrays(a,t),n.call(this,e,t,r)},o};d(HTMLElement.prototype),d(NodeList.prototype),d(HTMLCollection.prototype),d(HTMLDocument.prototype),d(Window.prototype);var n={};return s(i,n,"unbindAllArrive"),s(o,n,"unbindAllLeave"),n}function l(){this._eventsBucket=[],this._beforeAdding=null,this._beforeRemoving=null}function s(e,t,r){u.addMethod(t,r,e.unbindEvent),u.addMethod(t,r,e.unbindEventWithSelectorOrCallback),u.addMethod(t,r,e.unbindEventWithSelectorAndCallback)}function d(e){e.arrive=i.bindEvent,s(i,e,"unbindArrive"),e.leave=o.bindEvent,s(o,e,"unbindLeave")}}(window,void 0),ewww_webp_supported=!1;function check_webp_feature(e,t){var r;ewww_webp_supported?t(ewww_webp_supported):((r=new Image).onload=function(){ewww_webp_supported=0<r.width&&0<r.height,t(ewww_webp_supported)},r.onerror=function(){t(!1)},r.src="data:image/webp;base64,"+{alpha:"UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA==",animation:"UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA"}[e])}function ewwwLoadImages(e){if(e){for(var t=document.querySelectorAll(".batch-image img, .image-wrapper a, .ngg-pro-masonry-item a, .ngg-galleria-offscreen-seo-wrapper a"),r=0,a=t.length;r<a;r++)ewwwAttr(t[r],"data-src",t[r].getAttribute("data-webp")),ewwwAttr(t[r],"data-thumbnail",t[r].getAttribute("data-webp-thumbnail"));for(var i=document.querySelectorAll("div.woocommerce-product-gallery__image"),r=0,a=i.length;r<a;r++)ewwwAttr(i[r],"data-thumb",i[r].getAttribute("data-webp-thumb"))}for(var n=document.querySelectorAll("video"),r=0,a=n.length;r<a;r++)ewwwAttr(n[r],"poster",e?n[r].getAttribute("data-poster-webp"):n[r].getAttribute("data-poster-image"));for(var o,l=document.querySelectorAll("img.ewww_webp_lazy_load"),r=0,a=l.length;r<a;r++)e&&(ewwwAttr(l[r],"data-lazy-srcset",l[r].getAttribute("data-lazy-srcset-webp")),ewwwAttr(l[r],"data-srcset",l[r].getAttribute("data-srcset-webp")),ewwwAttr(l[r],"data-lazy-src",l[r].getAttribute("data-lazy-src-webp")),ewwwAttr(l[r],"data-src",l[r].getAttribute("data-src-webp")),ewwwAttr(l[r],"data-orig-file",l[r].getAttribute("data-webp-orig-file")),ewwwAttr(l[r],"data-medium-file",l[r].getAttribute("data-webp-medium-file")),ewwwAttr(l[r],"data-large-file",l[r].getAttribute("data-webp-large-file")),null!=(o=l[r].getAttribute("srcset"))&&!1!==o&&o.includes("R0lGOD")&&ewwwAttr(l[r],"src",l[r].getAttribute("data-lazy-src-webp"))),l[r].className=l[r].className.replace(/\bewww_webp_lazy_load\b/,"");for(var s=document.querySelectorAll(".ewww_webp"),r=0,a=s.length;r<a;r++)e?(ewwwAttr(s[r],"srcset",s[r].getAttribute("data-srcset-webp")),ewwwAttr(s[r],"src",s[r].getAttribute("data-src-webp")),ewwwAttr(s[r],"data-orig-file",s[r].getAttribute("data-webp-orig-file")),ewwwAttr(s[r],"data-medium-file",s[r].getAttribute("data-webp-medium-file")),ewwwAttr(s[r],"data-large-file",s[r].getAttribute("data-webp-large-file")),ewwwAttr(s[r],"data-large_image",s[r].getAttribute("data-webp-large_image")),ewwwAttr(s[r],"data-src",s[r].getAttribute("data-webp-src"))):(ewwwAttr(s[r],"srcset",s[r].getAttribute("data-srcset-img")),ewwwAttr(s[r],"src",s[r].getAttribute("data-src-img"))),s[r].className=s[r].className.replace(/\bewww_webp\b/,"ewww_webp_loaded");window.jQuery&&jQuery.fn.isotope&&jQuery.fn.imagesLoaded&&(jQuery(".fusion-posts-container-infinite").imagesLoaded(function(){jQuery(".fusion-posts-container-infinite").hasClass("isotope")&&jQuery(".fusion-posts-container-infinite").isotope()}),jQuery(".fusion-portfolio:not(.fusion-recent-works) .fusion-portfolio-wrapper").imagesLoaded(function(){jQuery(".fusion-portfolio:not(.fusion-recent-works) .fusion-portfolio-wrapper").isotope()}))}function ewwwWebPInit(e){ewwwLoadImages(e),ewwwNggLoadGalleries(e),document.arrive(".ewww_webp",function(){ewwwLoadImages(e)}),document.arrive(".ewww_webp_lazy_load",function(){ewwwLoadImages(e)}),document.arrive("videos",function(){ewwwLoadImages(e)}),"loading"==document.readyState?document.addEventListener("DOMContentLoaded",ewwwJSONParserInit):("undefined"!=typeof galleries&&ewwwNggParseGalleries(e),ewwwWooParseVariations(e))}function ewwwAttr(e,t,r){null!=r&&!1!==r&&e.setAttribute(t,r)}function ewwwJSONParserInit(){"undefined"!=typeof galleries&&check_webp_feature("alpha",ewwwNggParseGalleries),check_webp_feature("alpha",ewwwWooParseVariations)}function ewwwWooParseVariations(e){if(e)for(var t=document.querySelectorAll("form.variations_form"),r=0,a=t.length;r<a;r++){var i=t[r].getAttribute("data-product_variations"),n=!1;try{for(var o in i=JSON.parse(i))void 0!==i[o]&&void 0!==i[o].image&&(void 0!==i[o].image.src_webp&&(i[o].image.src=i[o].image.src_webp,n=!0),void 0!==i[o].image.srcset_webp&&(i[o].image.srcset=i[o].image.srcset_webp,n=!0),void 0!==i[o].image.full_src_webp&&(i[o].image.full_src=i[o].image.full_src_webp,n=!0),void 0!==i[o].image.gallery_thumbnail_src_webp&&(i[o].image.gallery_thumbnail_src=i[o].image.gallery_thumbnail_src_webp,n=!0),void 0!==i[o].image.thumb_src_webp&&(i[o].image.thumb_src=i[o].image.thumb_src_webp,n=!0));n&&ewwwAttr(t[r],"data-product_variations",JSON.stringify(i))}catch(e){}}}function ewwwNggParseGalleries(e){if(e)for(var t in galleries){var r=galleries[t];galleries[t].images_list=ewwwNggParseImageList(r.images_list)}}function ewwwNggLoadGalleries(e){e&&document.addEventListener("ngg.galleria.themeadded",function(e,t){window.ngg_galleria._create_backup=window.ngg_galleria.create,window.ngg_galleria.create=function(e,t){var r=$(e).data("id");return galleries["gallery_"+r].images_list=ewwwNggParseImageList(galleries["gallery_"+r].images_list),window.ngg_galleria._create_backup(e,t)}})}function ewwwNggParseImageList(e){for(var t in e){var r=e[t];if(void 0!==r["image-webp"]&&(e[t].image=r["image-webp"],delete e[t]["image-webp"]),void 0!==r["thumb-webp"]&&(e[t].thumb=r["thumb-webp"],delete e[t]["thumb-webp"]),void 0!==r.full_image_webp&&(e[t].full_image=r.full_image_webp,delete e[t].full_image_webp),void 0!==r.srcsets)for(var a in r.srcsets)nggSrcset=r.srcsets[a],void 0!==r.srcsets[a+"-webp"]&&(e[t].srcsets[a]=r.srcsets[a+"-webp"],delete e[t].srcsets[a+"-webp"]);if(void 0!==r.full_srcsets)for(var i in r.full_srcsets)nggFSrcset=r.full_srcsets[i],void 0!==r.full_srcsets[i+"-webp"]&&(e[t].full_srcsets[i]=r.full_srcsets[i+"-webp"],delete e[t].full_srcsets[i+"-webp"])}return e}check_webp_feature("alpha",ewwwWebPInit);</script>
<!-- This site is optimized with the Yoast SEO Premium plugin v22.6 (Yoast SEO v22.6) - https://yoast.com/wordpress/plugins/seo/ -->
<title>Free Online Video Player - ScreenPal</title>
<meta name="description" content="Host and share videos your way with ScreenPal's free online video player. No ads or watermarks. Full privacy controls. No download needed.">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="Free Online Video Player">
<meta property="og:description" content="Host and share videos your way with ScreenPal's free online video player. No ads or watermarks. Full privacy controls. No download needed.">
<meta property="og:url" content="https://screenpal.com/tool/video-player">
<meta property="og:site_name" content="ScreenPal">
<meta property="article:publisher" content="https://www.facebook.com/screenpal">
<meta property="article:modified_time" content="2024-10-24T22:42:30+00:00">
<meta property="og:image" content="https://media.screenpal.com/blog/wp-content/uploads/2023/05/Hosting-Copy-11%402x.webp">
<meta property="og:image:width" content="1556">
<meta property="og:image:height" content="1226">
<meta property="og:image:type" content="image/webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@screenpalapp">
<meta name="twitter:label1" content="Est. reading time">
<meta name="twitter:data1" content="14 minutes">
<!-- / Yoast SEO Premium plugin. -->
<link rel="canonical" href="https://screenpal.com/tool/video-player"><link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/sp-corporate-child-21033-1/css/custom-themify-modules.min.css?ver=6.5.2" as="style"><link rel="stylesheet" id="custom-themify-modules-css" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/sp-corporate-child-21033-1/css/custom-themify-modules.min.css?ver=6.5.2" media="all">
<style id="jetpack-sharing-buttons-style-inline-css">
.jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em}
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css">
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--sp-blue: #0F62FE;--wp--preset--color--sp-light-blue: #A6C8FF;--wp--preset--color--sp-orange: #D12771;--wp--preset--color--sp-yellow: #F7B500;--wp--preset--color--sp-gray: #878D96;--wp--preset--color--sp-dark-gray: #343A3F;--wp--preset--color--sp-light-gray: #DDE1E6;--wp--preset--color--sp-teal: #0072C3;--wp--preset--color--sp-green: #24A148;--wp--preset--color--sp-red: #FA4D56;--wp--preset--color--sp-purple: #8A3FFC;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/hummingbird-assets/51bfa1dc9da77e981bbd143e691baba4.css" as="style"><link rel="stylesheet" id="wphb-1-css" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/hummingbird-assets/51bfa1dc9da77e981bbd143e691baba4.css" media="all">
<style id="wphb-1-inline-css">
.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}div.heateor_sss_vertical_sharing a.heateor_sss_button_instagram span{background:#EDF5FF!important;}div.heateor_sss_floating_follow_icons_container a.heateor_sss_button_instagram span{background:#EDF5FF}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{background-color:#EDF5FF!important;background:#EDF5FF!important;color:#252459;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}@media screen and (max-width:991px) {.heateor_sss_vertical_sharing{display:none!important}}.single-post .heateor_sss_sharing_container {
display: none;
}
.single-post .heateor_sss_sharing_ul a span {
padding: 5px!important;
}
.heateor_sss_sharing_ul a{
margin-bottom: 5px;
}
.heateor_sss_sharing_ul a,
.heateor_sss_sharing_ul a:hover {
background: transparent!important;
}div.heateorSssSharingArrow{display:none}
</style>
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fBBc4.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfBBc4.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu4mxK.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fBBc4.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxIIzI.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2" as="font" type="font/woff2" crossorigin="">
<style>html {height: auto;min-height: 100%;position: relative;font-family: "Roboto";-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}div, ul, li, h4, p, form, input {margin: 0;padding: 0;}img, fieldset {border: 0 }img {max-width: 100%;}img:not(.lazy-hidden) {height: auto;}iframe {max-width: 100%;}.ie8 img {width: auto }a {text-decoration: underline;outline: 0;color: #654e9c }a:hover {text-decoration: none }small {font-size: 87% }blockquote {font-size: 1.2em;line-height: 1.4em;padding: .8em 2em 1em;margin: 0 0 1.2em;position: relative }blockquote:before {content: '\201C';font-size: 3.3em;position: absolute;margin-left: -.5em;margin-top: .2em }ins {text-decoration: none }ul, ol {margin: 1em 0 1.4em 1.6em;padding: 0 }li {margin: 0 0 .5em 0;padding: .5em 0 }input, textarea, select, input[type=search], button {font-size: 100%;font-family: inherit }textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {background-color: #eaf3f7;border: 0;padding: .5em;margin: .4em 0;max-width: 100%;-webkit-appearance: none;}input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel] {width: 15em }input[type=number] {width: 7em }textarea {width: 100%;min-height: 8em }textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus {outline: 0;background-color: #eee }input[type=reset], input[type=submit], button {background-color: #f06544;color: #fff;border: 0;padding: 7px 20px;cursor: pointer;border-radius: 5px;-webkit-appearance: none }input[type=reset]:hover, input[type=submit]:hover, button:hover {background-color: #000;color: #fff }body {background-color: #fff;color: #343A3F ;font-size: 16px;font-family: 'Roboto';line-height: 36px;font-weight: initial;margin: 0;word-wrap: break-word;-webkit-font-smoothing: inherit;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body.page, body.single-tool, body.single-create {background-color: #fff;color: #343A3F ;font-size: 16px;font-family: 'Roboto';line-height: 36px;margin: 0;word-wrap: break-word;-webkit-font-smoothing: inherit;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body.page h3, body.single-tool h3, body.single-create h3 {padding: 0;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mx-2 {margin-left: 2rem!important;margin-right: 2rem!important;}iframe {border: 0;}a {background: transparent;}a:active, a:hover {outline: 0;}a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}strong {font-weight: bold;}img {border: 0;}img {vertical-align: middle;}button {margin: 0;font: inherit;color: inherit;}button {overflow: visible;}button {text-transform: none;}button {-webkit-appearance: button;cursor: pointer;}button::-moz-focus-inner {padding: 0;border: 0;}button {font-family: inherit;font-size: inherit;line-height: inherit;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}ul {margin-top: 0;margin-bottom: 10px;}p {margin: 0 0 1.2em;padding: 0;font-weight: 300;}p.footer-formerly {color: #FFF;font-size: 14px;}.clear {clear: both }.left {float: left }.right {float: right }.textleft {text-align: left }.textright {text-align: right }.textcenter {text-align: center }.alignleft {float: left;margin-right: 30px }.alignright {float: right;margin-left: 30px }.aligncenter {text-align: center;display: block;margin-left: auto;margin-right: auto }.full_width #layout {width: 100%;}.full_width .themify_builder_row .row_inner, .pagewidth {width: 1160px;margin: 0 auto;}.full_width .themify_builder_row.fullwidth .row_inner {width: 100%;}.pagewidth {width:1170px }.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}.row {margin-right: -15px;margin-left: -15px;}.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-12, .col-sm-4, .col-sm-12, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-10, .col-lg-2, .col-lg-3, .col-lg-6, .col-lg-10, .col-lg-12, .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-5ths, .col-xs-6, .col-xs-7, .col-xs-12 {float: left;}.col-xs-3 {width: 25%;}.col-xs-4 {width: 33.33333333%;}.col-xs-5 {width: 41.66666667%;}.col-xs-5ths {width: 20%;}.col-xs-6 {width: 50%;}.col-xs-7 {width: 58.33333333%;}.col-xs-8 {width: 66.66666667%;}.col-xs-12 {width: 100%;}.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}.btn:focus, .btn:active:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}.btn:hover, .btn:focus {color: #333;text-decoration: none;}.btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}.collapse {display: none;}.nav {padding-left: 0;margin-bottom: 0;list-style: none;}.nav > li {display: block;margin: 0;padding: 0;position: relative;}.nav > li > a {position: relative;display: block;padding: 10px 15px;}.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: #eee;}.navbar {position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}.navbar-collapse {padding-right: 15px;padding-left: 15px;overflow-x: visible;-webkit-overflow-scrolling: touch;border-top: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);}.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}.navbar-toggle:focus {outline: 0;}.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;}.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}.navbar-nav {margin: 7.5px -15px;}.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.navbar-default {background-color: #f8f8f8;border-color: #e7e7e7;}.navbar-default .navbar-nav > li > a {color: #777;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #333;background-color: transparent;}.navbar-default .navbar-toggle {border-color: #ddd;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd;}.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}.navbar-default .navbar-collapse {border-color: #e7e7e7;}.container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after {display: table;content: " ";}.container:after, .row:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {clear: both;}ul {list-style: none;}.clear {clear: both;font-size: 1px;line-height: 1px;display: block;height: 0;}.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content {display: block }.pad_last {padding: 0 !important;}.no_bg {background: none !important;}a {color: #0F62FE;text-decoration: none;outline: 0 none;}a:hover {color: #7CC1E6;text-decoration: none;}body:not([class*="post-type-"]) .post .entry-content a {background: linear-gradient(to bottom, #F9BC05 0%, #F9BC05 100%) repeat-x 0 100%;background-size: 2px 2px;color: #000000;text-decoration: none;transition: background-size .2s !important;}body:not([class*="post-type-"]) .post .entry-content a:hover {background-size: 4px 50px;color: #000000;}.container {padding: 0;}.row {margin: 0;}.header_bg {padding: 0;margin: 0;background: #181d3d;}.header {padding: 12px 0;margin: 0;}.header strong {font-weight: bold;}.header a, .header a:hover {text-decoration: none;}.header_lft {padding: 7px 0 0 0;margin: 0;}.header a img, .header a svg {height: auto;}.logo {display: table;}.logo, .logo a img {padding-top: 2px;margin: 0;}.logo a {padding: 0;margin: 0;display: table-cell;line-height: 1;vertical-align: middle;}.logo a {padding: 0;margin: 0;}a, .header_rgt a:after, button {-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;}.mb-4 {margin-bottom: 4rem;}.p-0 {padding: 0!important;}.text-left {text-align: left!important;}.blog-top-author-credit {margin-top: 15px;position: absolute;}.blog-top-author-credit img {border-radius: 50px;}.header-top {background-color: #0F62FE ;}.header-top .nav > li {margin: 0;padding: 0;}.header-top .nav > li > a {color: #FFFFFF ;font-family: 'Roboto';font-size: 14px;font-weight: bold;line-height: 1;padding-top: 10px;padding-bottom: 10px;text-decoration: none;text-transform: uppercase;}.header-top .nav > li > a:hover {background-color: #FFFFFF ;color: #0F62FE ;}.header-top .nav > li > a:focus {background-color: #7CC1E6;}.nav > li, .header_rgt, .header_rgt .navbar-default .navbar-nav > li {padding: 0;margin: 0;}.header_rgt .navbar-nav {margin: 0 0 0 10px;}.header_rgt .navbar-default .navbar-nav > li > a {margin: 0;font-family: 'Roboto';line-height: 16px;color: #4A4A4A;font-weight: 700;font-style: normal;padding-left: 14px;padding-right: 14px;}.header_rgt .navbar-default {background: none;border: 0;float: left;padding: 0;margin: 0;min-height: inherit;}.header_rgt .navbar-default .navbar-toggle, .header_rgt .navbar-default .navbar-toggle:hover {border-color: transparent;background-color: #F27C59;}.navbar-default .navbar-nav > li > a:hover {color: #0F62FE;text-decoration: none !important;}.header_rgt .navbar-default {float: left;padding: 0;margin: 0;min-height: inherit;}.header_rgt .navbar-default .navbar-nav > li {padding: 0;margin: 0;}.header_rgt .navbar-default .navbar-nav > li > a {margin: 0;font-family: 'Roboto';line-height: 16px;color: #FFF ;font-weight: 700;font-style: normal;}.header_rgt .navbar-default {background: none;border: 0;}.header_rgt .navbar-default .navbar-toggle, .header_rgt .navbar-default .navbar-toggle:hover {border-color: transparent;background-color: #D12771 ;}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: none;color: #ffffff;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.current {text-decoration: none !important;}.header_rgt .container-fluid {padding: 0;margin: 0;}.main_content, .main_content_bg {padding: 0;margin: 0;}.navbar-collapse {padding: 0;}.ddcommon ul li {margin: 0;line-height: 23px;}.menudd {line-height: 1;}#content {width: 71%;float: left;padding: 5% 0;}.full_width .themify_builder_row .row_inner, .pagewidth {width: 1160px;margin: 0 auto;}.pagewidth {-moz-box-sizing: border-box;box-sizing: border-box;width: 1170px;}#sidebar {width: 23%;float: right;padding: 5% 0;padding-left: 4%;font-size: .938em;line-height: 1.8622em;}#sidebar .secondary {width: 47%;}.sidebar-none #content {width: 100%;float: none;}#content, #sidebar {padding: 50px 0;}.search #content {padding-top: 0;}.full_width #content {padding: 0;width: auto;float: none;}.single-integrations #content {padding: 0;}.post-type-archive-integrations #content {padding: 50px 0;}.banner #content {position: relative;}body:not(.logged-in) .banner #content {overflow: hidden;}.banner #content .banner-sidebar {height: 250px;}.banner #content .banner-top {height: 50px;}#marketing_banner_close {color: #FFFFFF;cursor: pointer;height: 30px;position: absolute;right: 16px;top: 10px;z-index: 99;}.blog-nav {margin: 1em 0 0 0;padding-bottom: 10px;}.blog-nav > div {padding-left: 0;padding-right: 0;}.blog-nav .nav > li > a {background-color: transparent;color: #878D96 ;font-size: 14px;font-weight: bold;padding-top: 11px;text-decoration: none;text-transform: uppercase;}.blog-nav .nav > li > a:hover, .blog-nav .nav > li.current-menu-item > a, .blog-nav .nav > li > a:active {background-color: transparent;color: #001D6C ;}.date-post-created {font-size: 12px;color: #878D96;font-weight: 300;}.read-time {font-size: 12px;color: #343A3F;font-weight: 300;}.featured-blog {position: relative;padding-top: 50px;margin-bottom: 60px;}.loadinglightbox {background: white;background-image: url(//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/loading.gif);background-position: center center;background-repeat: no-repeat;}.loadinglightboxDoneLoading {background: white;}.header_mail:hover {color: #ffffff;text-decoration: underline;}.main_content_bg {padding: 0;margin: 0;}.main_content {padding: 0;margin: 0;}.header_rgt .navbar-default .navbar-nav > li > a {text-decoration: none;}.header_rgt .navbar-default .navbar-nav > li > a:hover {text-decoration: underline;}#usermenu {margin-left: 19px;}.header_rgt .ddcommon .ddChild li:hover span {text-decoration: underline;}#searchform {position: relative;}#searchform-wrap {float: none;margin: 0;width: 100%!important;}#searchform #s {border-radius: 20px;margin: 0;padding: 8px 8px 8px 20px;background-color: #fff;border: 1px solid #dddddd;font-size: 16px;line-height: 22px;width: 100%;}#searchform input {padding: 12px 12px 12px 39px;background-color: #fff;border: 1px solid #dddddd;}#searchform input::placeholder {color: #878D96 ;}#searchform input::-moz-placeholder {color: #878D96 ;}#searchform input::-webkit-input-placeholder {color: #878D96 ;}#searchform input:-ms-input-placeholder {color: #878D96 ;}#searchform .search-icon {position: absolute;top: 10px;right: 14px;color: #ddd;width: 20px;height: 20px;}.log_sig ul {list-style: none;padding: 0;margin: 0;}.log_sig ul li {padding: 0;margin: 0 0 0 10px;float: left;}.log_sig .last {margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}.log_sig {padding: 0;margin: 0;float: right;position: relative;z-index: 999;}.log_sig ul {list-style: none;padding: 0;margin: 0;}.log_sig ul li a {position: relative;padding: 15px 10px;margin: 0;display: block;font-size: 15px;line-height: 16px;color: #FFF;font-weight: 700;font-style: normal;}.log_sig ul li a:hover, .log_sig ul li a.active {color: #D12771;}.log_sig ul li .btn {background-color: #C03970;border-radius: 25px ;color: #FFFFFF !important;padding: 14px 18px;}.log_sig ul li .btn:hover, .log_sig ul li .btn:active {background-color: #a53160;}.navbar-collapse {padding: 0;}.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}input, select {margin: 0;font: inherit;color: inherit;}select {text-transform: none;}input::-moz-focus-inner {padding: 0;border: 0;}input {line-height: normal;}input, select {font-family: inherit;font-size: inherit;line-height: inherit;}input {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;border-radius: 0;outline: none;}.borderRadius {-moz-border-radius: 8px;border-radius: 8px;}.borderRadiusTp {-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;}.ddcommon {position: relative;display: -moz-inline-stack;zoom: 1;display: inline-block;*display: inline;cursor: default;}.ddcommon ul {padding: 0 !important;margin: 0 !important;}.ddcommon ul li {list-style-type: none;}.ddcommon .clear {clear: both;}.ddcommon .shadow {-moz-box-shadow: 5px 5px 5px -5px #888888;-webkit-box-shadow: 5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}.ddcommon input.text {color: #7e7e7e;padding: 0 0 0 0;position: absolute;background: #fff;display: block;width: 98%;height: 98%;left: 2px;top: 0;border: none;display: none !important;}.ddOutOfVision {position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;}.borderRadius .shadow {-moz-box-shadow: 5px 5px 5px -5px #888888;-webkit-box-shadow: 5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}.borderRadius .border {-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}.ddcommon .divider {width: 0;height: 100%;position: absolute;}.ddcommon .ddArrow {display: inline-block;position: absolute;top: 10px;right: 10px;}.ddcommon .ddArrow:hover {background-position: 0 0;}.ddcommon .ddTitle {padding: 0;position: relative;display: inline-block;width: 100%;}.ddcommon .ddTitle .ddTitleText {display: block;}.ddcommon .ddTitle .description {display: block;}.ddcommon .ddChild {position: absolute;display: none;width: 100%;overflow-y: auto;overflow-x: hidden;zoom: 1;z-index: 999;}.ddcommon .ddChild li {clear: both;}.dd {margin: 11px 0 0 0;outline: none;float: left;}.dd .divider {right: 24px;}.dd .ddArrow {margin-top: 0;background: url(//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/arrow5.png) no-repeat;width: 14px;height: 10px;}.dd .ddTitle {color: #000;background: #ffffff;border-radius: 8px;}.dd .ddTitle .ddTitleText {padding: 7px 24px 7px 10px;font-size: 14px;line-height: 14px;color: #272a2f;font-weight: normal;font-style: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.dd .ddTitle .description {font-size: 12px;color: #666;}.ddcommon .ddChild {border: 1px solid #c3c3c3;background-color: #fff;left: 0;height: auto !important;}.ddcommon .ddChild li {padding: 5px;background-color: #fff;border-bottom: 1px solid #c3c3c3;}.ddcommon .ddChild li .ddlabel {font-size: 12px;line-height: 12px;color: #272a2f;font-weight: normal;font-style: normal;}.header_rgt .ddcommon .ddChild {border: none;border-top: 1px solid #272a2f;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7px 0 7px 0;}.header_rgt .dd {width: 30.5% !important;float: right;margin: 1px 0 0 0;z-index: 999;position: relative;}.header_rgt .ddcommon .ddChild li .ddlabel {font-size: 15px;line-height: 15px;}.header_rgt .ddcommon .ddChild li {border: none !important;padding: 8px 5px 8px 18px;}.header_rgt .ddcommon .ddChild li:hover {background: none;text-decoration: underline;cursor: pointer;}.header_rgt .dd .ddArrow {background: url(//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/arrow5.png) no-repeat;}.header_rgt .dd .ddTitle .ddTitleText {border: solid 1px #4A4A4A;font-size: 15px;line-height: 15px;border-radius: 5px;padding: 12px 21px 13px 17px;letter-spacing: 0.8px;}.header_rgt .ddcommon .ddArrow {right: 5%;top: 17px;}.ddcommon .ddChild li.selected {background-color: #d5d5d5;color: #000;}.ddcommon .ddChild li .ddlabel {color: #3e454c;}.locale_select_container .dd {width: 274px !important;}.locale_select_container .dd .ddTitleText {padding: 6px 24px 7px 27px !important;background: url(//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/locale_globe.png) 6px 5px no-repeat;}button, input {margin: 0;font: inherit;color: inherit;}button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}input, button {font-family: inherit;font-size: inherit;line-height: inherit;}.btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}.btn-default {color: #333;background-color: #fff;border-color: #ccc;}.btn-default:hover, .btn-default:focus, .btn-default:active, .open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;}.btn-default:active, .open > .dropdown-toggle.btn-default {background-image: none;}.open > .dropdown-menu {display: block;}.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}#create-menu > button {margin-top: 0 !important;}.dropdown-toggle:focus {outline: 0;}.dropdown-menu {position: absolute;top: 100%;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;}.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #262626;text-decoration: none;background-color: #f5f5f5;}.btn-group {position: relative;display: inline-block;vertical-align: middle;}.btn-group > .btn {position: relative;float: left;}.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active {z-index: 2;}.btn-group > .btn:focus {outline: 0;}.btn-group .btn + .btn {margin-left: -1px;}.btn-group > .btn:first-child {margin-left: 0;}.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {outline: 0;}.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}.btn .caret {margin-left: 0;}.loops-wrapper.list-large-image .post.has-post-date {margin-bottom: 3em;padding-left: 0;}.loops-wrapper > .post {margin-bottom: 3em;padding-left: 0;margin-left: 0;}.loops-wrapper.list-large-image .post-image {max-width: initial!important;float: unset!important;margin: 0 0 1.3em 0!important;text-align: center;}.blog .post-content, .loops-wrapper .post-content {min-height: 300px;}.post-title {font-size: 28px;line-height: 36px;margin: 0 0 0.5em;padding: 0;font-weight: lighter;}.post-title a {color: #343A3F ;text-decoration: none;}article.type-post .post-image img {height: 215px;width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: bottom;border-radius: 15px;object-fit: cover;}.featured-blog article.type-post .post-image img {height: 350px;object-fit: contain;}.fuzzy-bottom {}.fuzzy-bottom:before {-webkit-box-shadow: 0 0 3px 1px #a4a4a4;-moz-box-shadow: 0 0 3px 1px #a4a4a4;box-shadow: 0 0 3px 1px #a4a4a4;content:"";position: absolute;height: 0;width: 20000px;left: -2000px;z-index: 1;}.subscribe-field {background-color: #0F62FE;color: #FFF;margin: 5em 0;}.subscribe-field:before {content:"";background-color:#0F62FE;position: absolute;height: 207px;width: 20000px;left: -2000px;margin-top: -50px;}.subscribe-field h2, .subscribe-field a {color: #FFF;}.subscribe-field h2 {font-size: 36px;line-height: 50px;}.subscribe-field .subscribe-input-container {display: flex;flex-direction: column;}.subscribe-field .subscribe-btn {background-color: #FFF;color: #0F62FE;border-radius: 50px;width: 100%;}.blog .post-content, .loops-wrapper .post-content.short-post-content {min-height: 215px;}.single-release_note .post-image {margin-bottom: 1em;}.post-meta {text-transform: uppercase;font-size: .85em;line-height: 1.6em;margin: 0 0 .5em;padding: 0;margin-bottom: 20px;margin-top: 25px;font-family: "Roboto";}.post-meta a {text-decoration: none;}.post-date {margin: 0 0 .5em;display: block;}.post-meta .post-category {border-radius: 3px;color: #4a4a4a;display: inline-block;font-weight: 700;line-height: 1.25;margin-right: 10px;padding: 3px 8px;border: 1px solid #4a4a4a;font-size: 12px;margin-bottom: 12px;}.post-meta .post-category.sp-blue {background-color: transparent!important ;color: #4D5382;border-color: #4D5382;}.post-meta .post-category.sp-light-blue {background-color: transparent!important ;color: #97BFFF;border-color: #97BFFF;}.post-meta .post-category.sp-dark-orange {background-color: transparent!important ;color: #BD2C00;border-color: #BD2C00;}.post-meta .post-category.sp-orange {background-color: transparent!important ;color: #F27D59;border-color: #F27D59;}.post-meta .post-category.sp-gray {background-color: transparent!important ;color: #82848c;border-color: #82848c;}.post-meta .post-category.sp-dark-gray {background-color: transparent!important ;color: #26282B;border-color: #26282B;}.post-meta .post-category.sp-light-gray {background-color: transparent!important ;color: #EFEFE0;border-color: #EFEFE0;}.post-meta .post-category.sp-teal {background-color: transparent!important ;color: #D8E9DD;border-color: #D8E9DD;}.post-meta .post-category.sp-green {background-color: transparent!important ;color: #53C874;border-color: #53C874;}.post-meta .post-category.sp-red {background-color: transparent!important ;color: #FF2438;border-color: #FF2438;}.post-meta .post-category.sp-yellow {background-color: transparent!important ;color: #F7B500;border-color: #F7B500;}.post-meta .post-category.sp-blue:hover {background-color: #4D5382!important;color: #FFF;}.post-meta .post-category.sp-light-blue:hover {background-color: #97BFFF!important;color: #FFF;}.post-meta .post-category.sp-dark-orange:hover {background-color: #BD2C00!important;color: #FFF;}.post-meta .post-category.sp-orange:hover {background-color: #F27D59!important;color: #FFF;}.post-meta .post-category.sp-gray:hover {background-color: #82848C!important;color: #FFF;}.post-meta .post-category.sp-dark-gray:hover {background-color: #26282B!important;color: #FFF;}.post-meta .post-category.sp-light-gray:hover {background-color: #EFEFE0!important;color: #FFF;}.post-meta .post-category.sp-teal:hover {background-color: #D8E9DD!important;color: #FFF;}.post-meta .post-category.sp-green:hover {background-color: #53C874!important;color: #FFF;}.post-meta .post-category.sp-red:hover {background-color: #FF2438!important;color: #FFF;}.post-meta .post-category.sp-yellow:hover {background-color: #F7B500!important;color: #FFF;}.post-meta .post-date {color: #878D96 ;display: block;font-size: 12px;margin: 0.5em 0;}#content.list-post.single-post {width: 100%;padding-top: 0;}#content.single-post article.main-article {display: flex;justify-content: center;align-items: center;}#content.single-post article .post-content {max-width: 780px;}#content.single-post article .post-content p {font-size: 18px;line-height: 28px;}#content.single-post article .post-content p, #content.single-post article .post-content span {font-weight: 300!important;}.read-more-container .read-more-btn {border: 1px solid #33B1FF;border-radius: 50px;background-color: #FFF;padding: 10px 80px;color: #33B1FF;margin-bottom: 50px;}.read-more-container {text-align: center;}#content .pagenav a.number, #content .pagenav span.number {border-radius: 50px;background-color: rgb(24, 29, 50);color: rgb(230, 231, 239);font-weight: 300;border: 1px solid rgb(92, 95, 112);margin: 0 5px;}.pagenav a:not(.page-numbers):after {display: none;}#content .pagenav span.current {background-color: rgb(77, 85, 132);font-weight: 600;color: #FFFFFF;border: none;padding-top: 11px;}#content.category-page {padding-bottom: 0;}.category-page .subscribe-field {margin-bottom: 0;}.single-post .single-blog-image {position: relative;}.single-post .single-blog-image img {border-radius: 0 0 15px 15px;margin-left: -55px;}.single-post .blog-header {display: flex;}.single-post .blog-header .single-blog-image {margin-right: 20px;}.single-post-layout.pagewidth {width: 100%;max-width: 100%;margin: 0;}.single-tutorial div a {color: #0F62FE;}.blog-header {margin-bottom: 8rem;background: linear-gradient(0deg, rgba(255,255,255,1) 34%, rgba(237,245,255,1) 34%);}.thankyouPageWrap div.tyBackgroundBg {background-color: initial;}@media screen and (max-width: 1595px) {.blog-header {background: linear-gradient(0deg, rgba(255,255,255,1) 23%, rgba(237,245,255,1) 23%);}}@media screen and (max-width: 1504px) {.blog-header {background: linear-gradient(0deg, rgba(255,255,255,1) 14%, rgba(237,245,255,1) 14%);}}@media screen and (max-width: 1330px) {.blog-header {background: linear-gradient(0deg, rgba(255,255,255,1) 6%, rgba(237,245,255,1) 6%);}}@media screen and (max-width: 680px) {.list-post .single-blog-info .post-meta {padding-left: 0;}}@media screen and (max-width: 991px) {.single-post .single-blog-image img {margin: 0;}}.single-post .single-blog-info {margin-top: 75px;}.single-blog-info h1 {font-size: 54px;line-height: 54px;}.single-blog-info .post-meta .post-category {background-color: #FFF!important;}.author-credit {width: 100%;background-color: #F5F2FE;padding: 30px 80px;}h1, h2, h3, h4, h5, h6 {color: #343A3F ;font-family: "Roboto";}html body {font-family: "Roboto";font-weight: 300;}body h1 {font-size: 48px;font-family: "Roboto";line-height: 58px;font-weight: 700;letter-spacing: 0;color: #343a3f;}body h2 {font-family: "Roboto", sans-serif;font-size: 40px;line-height: 46px;font-weight: 700;letter-spacing: 0;color: #343a3f;}body h3 {padding: initial;font-family: "Roboto", sans-serif;margin-top: 0;margin-bottom: 0.5rem;font-size: 28px;line-height: 38px;font-weight: 100;letter-spacing: 0;color: #343a3f;}body h4 {font-size: 22px;font-family: "Roboto";line-height: 32px;font-weight: 500;letter-spacing: 0;color: #343a3f;text-transform: none;}body h5 {font-family: "Roboto", sans-serif;font-size: 20px;line-height: 30px;font-weight: 500;letter-spacing: 0;color: #343a3f;}body h6 {font-size: 18px;font-family: "Roboto";line-height: 28px;font-weight: 500;letter-spacing: 0;color: #343a3f;}.page-title {margin: 1em 0 0;font-size: 3em;font-weight: 700;line-height: 1.5;padding: 0;text-align: center;}div.post-title.related-blog-title {font-weight: 300;}.page-description {letter-spacing: 0;margin-bottom: 40px;text-align: center;}.post-title {font-size: 28px;line-height: 36px;margin: 0 0 0.5em;padding: 0;font-weight: lighter;}.release-note-subtitle {font-weight: normal;padding: .5em 0;margin-bottom: 1em;text-transform: none;font-family: 'Roboto';}.post-type-archive-release_note .release_note ul {line-height: 1.5;}.tutorial-banner {padding: 10px 0;margin-top: 9px;text-align: center;}.tutorial-banner .som-btn {border: 2px solid transparent;border-radius: 25px;color: #FFFFFF ;font-size: 16px;font-weight: 600;padding: 5px 10px;text-decoration: none;}.tutorial-banner-text {color: #FFFFFF ;margin-right: 5px;}.som-btn-transparent {background-color: transparent;border-color: #FFFFFF !important;}.som-btn-transparent {background-color: transparent;border-color: #FFFFFF !important;}.som-btn-transparent:hover {color: #FFFFFF ;}.breadcrumb a {text-decoration: none;}.list-inline {padding-left: 0;margin-left: -5px;list-style: none;}.list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;}.footer_bg .social {margin: 0 0 0 -5px;}.footer_bg .social li {margin: .5em 0;border-radius: 50%;height: 50px;width: 50px;text-align: center;}.credits .pipe {margin: 0 4px;}.footer_bg {box-shadow: 0 -10px 30px 10px rgba(0, 0, 0, 0.1);color: #FFF;margin: 0;}.footer_bg .footer p {padding: 0;margin: 0 0 20px;display: block;float: none;font-size: 16px;line-height: 1.25;letter-spacing: 0.25px;}.footer_bg .footer p a, .credits > a {color: #878D96;font-weight: normal;text-decoration: none;}.footer_bg .footer p a:hover, .credits > a:hover {color: #343A3F;text-decoration: none;}.footer-bg-credits {background-color: #FFF;color: #878D96;}.release-notes-body .footer-bg-credits .credits a {color: #878D96;font-weight: normal;text-decoration: none;}.footer-logo-cta {text-align: center;padding-bottom: 40px;}.footer-logo-cta svg {width: 240px;height: auto;}.footer-logo-cta h3 {color: #FFF;margin-top: 15px;font-size: 34px;}.credits {margin: 25px 0;text-align: right;}.footer_bg .nav {margin: 0;}.footer_bg .nav > li {padding: 0;}.footer_bg .nav > li > a {color: #FFF;font-weight: normal;padding: 0;text-decoration: none;}.footer_bg .nav > li > a:hover, .footer_bg .nav > li > a:focus {background-color: transparent;color: #FFF;}.footer_bg .social a {color: #FFFFFF ;}.footer_bg .social a .fa-stack-2x {text-shadow: 0 1px #0F62FE , 0 -1px #0F62FE , 1px 0 #0F62FE , -1px 0 #0F62FE ;}.footer_bg .social a .fa-inverse {color: #82A8F8;height: 20px;vertical-align: text-top;}.footer_bg .social a:hover .fa-stack-2x, .footer_bg .social a:focus .fa-stack-2x {background-color: #DDE1E6 ;}.footer_bg .social .desktoponly {color: #343A3F ;text-transform: uppercase;}.footer_bg h4 {color: #FFF;font: normal 1.25em/1.25em 'Roboto';padding: 0;margin-bottom: 20px;text-transform: none;}.footer_bg .social-bar {background-color: #DDE1E6 ;border-bottom: 1px solid #0F62FE ;margin-bottom: 40px;}.footer_bg .badge.badge-inverse {background-color: transparent;border-radius: 0;color: #F8BC02;font-size: 11px;font-weight: 400;padding: 0;}.footer_bg .footer-menus {border-top: solid 1px #FFF;padding-top: 40px;}.footer_bg .footer-menus .footer-menu {display: flex;flex-direction: column;margin-bottom: 20px;}.app-icons {margin: 4px 0;bottom: -250px;position: absolute;left: -15px;z-index: 10000;}.app-icon {display: inline-block;position: relative;line-height: 1.1;margin: .5em 0;min-width: 135px;}.app-icon:first-child {margin-right: 10px;}.app-icon > a {color: #fff;display: flex;padding: 5px 10px;align-items: center;text-decoration: none;}.ui.builder_button, .ui.nav li a, .ui.module-tab .tab-nav li a, .ui.window > div {padding: .625em 1.25em;}#som_locale_select {background-color: #051754;border-radius: 5px;padding: 10px 10px;font-weight: 100;border: 1px solid #5E6D9E;}.ui.module-accordion.separate.rounded li.current .accordion-title {border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;}@media print {* {color: #000 !important;text-shadow: none !important;background: transparent !important;-webkit-box-shadow: none !important;box-shadow: none !important;}a, a:visited {text-decoration: underline;}a[href]:after {content: " (" attr(href) ")";}a[href^="javascript:"]:after {content: "";}img {page-break-inside: avoid;}img {max-width: 100% !important;}.navbar {display: none;}select {background: #fff !important;}.btn > .caret {border-top-color: #000 !important;}}@media (min-width: 992px) and (max-width: 1199px) {.visible-md {display: block !important;}.hidden-md {display: none !important;}.post-content {margin-top: 100px;}}@media (min-width: 1200px) {.visible-lg {display: block !important;}.hidden-lg {display: none !important;}}@media (min-width: 768px) {.container {width: 750px;}.col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12 {float: left;}.col-sm-3 {width: 25%;}.col-sm-4 {width: 33.33333333%;}.col-sm-5ths {width: 20%;float: left;}.footer .col-sm-5ths, .footer .col-md-5ths {min-height: 235px;}.col-sm-6 {width: 50%;}.col-sm-12 {width: 100%;}.navbar {border-radius: 4px;}.navbar-header {float: left;}.navbar-collapse {width: auto;border-top: 0;-webkit-box-shadow: none;box-shadow: none;}.navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}.navbar-toggle {display: none;}.navbar-nav {float: left;margin: 0;}.navbar-nav > li {float: left;}.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}.navbar-nav.navbar-right:last-child {margin-right: -15px;}.navbar-right {float: right !important;}}@media (min-width: 992px) {.container {width: 970px;}.col-md-2, .col-md-3, .col-md-4, .col-md-5ths, .col-md-6, .col-md-8, .col-md-10 {float: left;}.col-md-2 {width: 16.66666667%;}.col-md-3 {width: 25%;}.col-md-4 {width: 33.33333333%;}.col-md-5ths {width: 20%;}.col-md-6 {width: 50%;}.col-md-8 {width: 66.66666667%;}.col-md-10 {width: 83.33333333%;}}@media (min-width: 1200px) {.container {width: 1170px;}.col-lg-2, .col-lg-5ths, .col-lg-6, .col-lg-10 {float: left;}.col-lg-10 {width: 83.33333333%;}.col-lg-6 {width: 50%;}.col-lg-5ths {width: 20%;}.col-lg-3 {width: 25%;}.col-lg-2 {width: 16.66666667%;}}@media only screen and (min-width: 1171px) and (max-width: 1300px) {.container {width: 93%;}}@media screen and (max-width: 1200px) {.full_width .themify_builder_row .row_inner, .pagewidth {width: 96% }.full_width .themify_builder_row.fullwidth .row_inner {width: 100% }}@media only screen and (max-width: 1199px) {.header a img {height: auto;margin-top: 0 !important;}.header_rgt .navbar-nav {margin-left: 4px !important;}}@media only screen and (min-width: 992px) and (max-width: 1170px) {.container {width: 93%;}.header-wrap .logo {min-height: 46px;}.header_rgt .navbar-default .navbar-nav > li {margin: 0;}}@media only screen and (min-width: 1024px) {.ddcommon .ddArrow {top: 14px;}.locale_select_container .dd .ddTitleText {padding: 12px 24px 11px 27px !important;background: url(//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/locale_globe.png) 6px 10px no-repeat;}}@media only screen and (min-width: 992px) {.header-wrap.sticky {position: fixed;top: 0;width: 100%;z-index: 100;}.header .header_lft {min-height: 46px;padding: 0;}.header_lft .logo {display: table;height: 46px;}.header_lft .logo a {display: table-cell;vertical-align: middle;}.header_lft .logo a svg {vertical-align: middle;margin-top: -4px;}}@media only screen and (min-width: 768px) and (max-width: 991px) {.visible-sm {display: block !important;}.hidden-sm {display: none !important;}.container {width: 93%;}.header_lft {width: 215px;float: none;margin: 0 auto 10px;}.header_rgt {float: none;}.header_rgt .navbar-default {float: left;}.header_rgt .navbar-default .navbar-nav {margin-left: 0 !important;}.header_rgt .navbar-default .navbar-nav > li {margin: 0;}.header_rgt .navbar-default .navbar-nav > li > a {padding-left: 10px;padding-right: 10px;}.header_rgt .navbar-default {float: none;}.header_rgt .navbar-default .navbar-nav {float: left;}.header_rgt .dd {width: 135px !important;}.footer p {font-size: 14px;line-stacking: 14px;}.app-icons {bottom: -785px;}}@media only screen and (max-width: 991px) {.footer-menus {display: flex;flex-wrap: wrap;margin-bottom: 20px;}.subscribe-field:before {height: 360px;}.single.single-post .blog-nav {padding-bottom: 0;margin-bottom: 8px;}.single.single-post .single-blog-image {display: none;}}@media only screen and (min-width: 768px) {.log_sig ul li a:not(.btn):after, .navbar-default .navbar-nav > li > a:after {content: "";bottom: -13px;display: inline-block;height: 5px;left: 0;position: absolute;-webkit-transition: width .5s cubic-bezier(.77, 0, .175, 1);-moz-transition: width .5s cubic-bezier(.77, 0, .175, 1);transition: width .5s cubic-bezier(.77, 0, .175, 1);width: 0;}.navbar-default .navbar-nav > li > a.current:after, .navbar-default .navbar-nav > li > a:hover:after {width: 100%;}.navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li.mega-menu:hover > a:after, .log_sig ul li:hover a:not(.btn):after {width: 100%;}.mobileonly, .nav .mobileonly {display: none;}}@media only screen and (max-width: 767px) {.full_width .themify_builder_row .row_inner, .pagewidth {width: 90% }.page-home .homepage-banner {padding-top: 125px !important;}.banner_lft a span {top: 45%;}.banner #content .banner-top {height: 100px;}.header_lft {width: 300px;float: none;margin: 0 auto 0;padding-top: 0;padding-bottom: 5px;}.navbar-collapse {width: 100%;position: absolute;top: 0;left: 0;z-index: 998;}.row-round-bottom {border-radius: 0;}.archive article.type-integrations .post-content {margin-bottom: 40px;height: initial;}.visible-xs {display: block !important;}.hidden-xs {display: none !important;}.desktoponly, .nav .desktoponly {display: none !important;}.container {width: 93%;}.logo {width: 200px;margin: 0 auto;}.header_lft {width: 300px;float: none;margin: 0 auto 0;padding-top: 0;padding-bottom: 5px;}.header_rgt .navbar-default .navbar-nav > li {margin: 0 0 0 0;background: none;padding: 0 0;}.header_rgt .navbar-nav {margin: 0 0 0 0 !important;padding: 0 0;}.header_rgt .navbar-default .navbar-nav > li > a {padding: 10px 10px 10px 20px;}.header_rgt .navbar-default .navbar-nav > li > a:hover {text-decoration: none;}.header_rgt #content-link .navbar-nav > li >a {padding: 14px 10px;line-height: 16px;}.log_sig ul li a {margin-top: 15px;padding: 8px;}.log_sig ul li a.btn {margin-top: 8px;}.navbar-default .navbar-nav > li > a:hover {text-decoration: none;color: #5f6a75;}.navbar-default .navbar-collapse {border: none;}.navbar-collapse {width: 100%;position: absolute;top: 0;left: 0;z-index: 998;background: #181d3d;}.navbar-header .navbar-toggle {float: left;margin: -60px 0 0;padding: 9px;}.header_bg a.mobile-login {padding-top: 10px;}.header_rgt .dd .ddTitle .ddTitleText {padding: 10px 19px 10px 10px;}.header_rgt .ddcommon .ddArrow {top: 13px !important;}.header_rgt .dd {width: 180px !important;}.header_rgt .dd {margin-top: 3px;width: 32.5%;}#content-link li > a:hover {background-color: transparent !important;color: #0056b3 !important;}.footer p {float: none;margin: 0 auto 15px;}.footer .col-sm-5ths, .footer .col-md-5ths {margin-bottom: 20px;}.footer_bg .social {margin: 0;text-align: center;}.app-icons {bottom: -600px;left: 105%;}.footer_bg {padding-top: 100px;}.single-post .blog-header {flex-direction: column;}.single-post .blog-header .single-blog-image {margin: auto;}.release-notes-wrapper .release-notes-head .mobile-filter-menu .btn-group.mobileonly {margin-top: 0;}}@media screen and (max-width: 680px) {.col4-1, .col4-2, .col2-1, .col4-3, .col3-1, .col3-2, .footer-widgets .col4-1, .footer-widgets .col3-1 {margin-left: 0;width: 100%;max-width: 100% }h1 {font-size: 48px;}h2 {font-size: 36px }h3 {font-size: 24px;}.has-fixed-header #pagewrap {padding-top: 60px }.mobile_menu_active #site-logo {font-size: 25px }.mobile_menu_active #site-description {display: none }.shortcode.loops-wrapper.list-post .post, .shortcode.loops-wrapper.grid4 .post, .shortcode.loops-wrapper.grid3 .post, .shortcode.loops-wrapper.grid2 .post, .shortcode.grid2-thumb .post, .shortcode.list-thumb-image .post, .shortcode.list-large-image .post, .loops-wrapper.list-post .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid2 .post, .loops-wrapper.grid2-thumb .post, .loops-wrapper.list-thumb-image .post, .loops-wrapper.list-large-image .post {width: auto;margin-left: 0;float: none }.loops-wrapper.grid4 .post img, .loops-wrapper.grid3 .post img, .loops-wrapper.grid2 .post img {width: 100% }.loops-wrapper.list-post .post-title, .loops-wrapper.grid4 .post-title, .loops-wrapper.grid3 .post-title, .loops-wrapper.grid2 .post-title, .loops-wrapper.grid2-thumb .post-title, .loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-large-image .post-title, .loops-wrapper.slider .post-title {font-size: 1.4em }.loops-wrapper.list-post .post-image, .loops-wrapper.grid4 .post-image, .loops-wrapper.grid3 .post-image, .loops-wrapper.grid2 .post-image, .loops-wrapper.list-large-image .post-image {float: none;position: static;width: auto;margin: 0 0 1em;overflow: visible }.loops-wrapper.grid2-thumb .post-content, .loops-wrapper.list-thumb-image .post-content {overflow: visible }.loops-wrapper.slider .post-content {position: static;background-color: #000;padding-top: 10px;padding-bottom: 5px }.loops-wrapper.slider .post-meta {position: static }.post-nav .prev, .post-nav .next {display: block;width: 100%;clear: both;margin-bottom: 10px }.single .post-nav {padding-left: 0 }.loops-wrapper.list-post .post, .single-post .list-post .post {padding-left: 0 }.list-post .post .post-date-wrap, .single .post .post-date-wrap {position: static;float: left;margin-right: 15px }.list-post .post-title, .single .post .post-title {line-height: 1.25em;}.featured-area {height: 375px }.loops-wrapper.list-post .has-post-date .post-meta, .loops-wrapper.list-post .has-post-date .post-title {padding-left: 124px }.sidebar-none.full_width .col-full .loops-wrapper.grid4 .post-title {font-size: 1.9em }.subscribe-field:before {height: 400px;}}.header_bg.scrolled {background: rgba(0,17,64,.85)!important;transition: background-color 200ms linear;}@media screen and (min-width: 681px) {.footer-logo-cta {padding-top: 40px;}}@media screen and (min-width: 681px) and (max-width: 767px) {.stats-banner-child h2 {display: flex;justify-content: center;}.footer-logo-cta {padding-top: 120px;}}@media screen and (min-width: 681px) and (max-width: 879px) {.stats-banner-child h2 {height: 105px;}}.stats-banner-child p {line-height: 23px;}@media only screen and (max-width: 590px) {.footer p, .footer_rgt {width: 100%;margin: 0;padding: 0;text-align: center;}.footer p {margin-top: -5px;margin-bottom: 10px;}.subscribe-field:before {height: 440px;}}@media only screen and (max-width: 479px) {.single .post figure.alignleft, .single .post figure.alignright {width: 100% !important;float: none;}.single .post figure.alignleft img, .single .post figure.alignright img {width: 100%;}.footer p {font-size: 12px;line-height: 12px;padding: 0;margin: 0 auto 10px;}}@media only screen and (max-width: 449px) {.hidden-xs-portrait {display: none;}}@media screen and (max-width: 778px){.themify_builder_content-13978 .tb_3taf95.module-text.module h1 {font-size: 46px;line-height: 54px;}}@media screen and (max-width: 991px) {.featured-blog div {padding: 0;}.featured-blog article.type-post .post-image img {height: 350px;border-radius: 0;}.blog-header > * {padding:0;}.single-post .single-blog-image img {border-radius: 0;}.nav.navbar-nav.dropdown-menu li {border-bottom: solid 1px #AeaEae;padding-bottom: 7px;}ul.nav.navbar-nav.dropdown-menu {padding-bottom:0;padding-top: 0;}}.release-notes-body {background-color: #101429;color: #FFF;}.release-notes-body h1.page-title, .release-notes-body a, .release-notes-body .post-title.entry-title a {color: #fff;}.release-notes-body h1.page-title, .whats-new-link, h1.page-title.search-page-title {padding-top: 50px;}.release-notes-body h5.page-description {color: #878d96;}.release-notes-body .footer-bg-credits a {color: #878d96;font-weight: 300;}.release-notes-body .release-note-subtitle, .release_note .release-date, .release-notes-content .release-date {color: #FFF;}.release-notes-body .release-notes-wrapper {border-radius: 0 0 50px 50px;}.release-notes-body #blog-menu {float: none;text-align: center;margin: 20px auto;margin-bottom: 75px;}.release-notes-body #blog-menu li {border: solid 1px #FFF;border-radius: 5px;margin: 0 5px;}.release-notes-body #blog-menu li a {padding: 5px;}div.release-notes-body div.mobile-filter-menu #blog-menu li.release-notes-menu:not(.current-menu-item) a {color: #878D96;}div.release-notes-body div.mobile-filter-menu #blog-menu li.release-notes-menu:not(.current-menu-item) {background-color: #181D3D;}.release-notes-body #blog-menu li.release-notes-menu.sp-blue {border: solid 1px #4D5382;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-blue a {color: #4D5382;}.release-notes-body #blog-menu li.release-notes-menu.sp-light-blue {border: solid 1px #97BFFF;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-light-blue a {color: #97BFFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-orange {border: solid 1px #F27D59;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-orange a {color: #F27D59;}.release-notes-body #blog-menu li.release-notes-menu.sp-dark-orange {border: solid 1px #BD2C00;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-dark-orange a {color: #BD2C00;}.release-notes-body #blog-menu li.release-notes-menu.sp-yellow {border: solid 1px #F7B500;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-yellow a {color: #F7B500;}.release-notes-body #blog-menu li.release-notes-menu.sp-gray {border: solid 1px #82848c;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-gray a {color: #82848c;}.release-notes-body #blog-menu li.release-notes-menu.sp-dark-gray {border: solid 1px #26282B;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-dark-gray a {color: #26282B;}.release-notes-body #blog-menu li.release-notes-menu.sp-light-gray {border: solid 1px #EFEFE0;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-light-gray a {color: #EFEFE0;}.release-notes-body #blog-menu li.release-notes-menu.sp-teal {border: solid 1px #D8E9DD;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-teal a {color: #D8E9DD;}.release-notes-body #blog-menu li.release-notes-menu.sp-green {border: solid 1px #53C874;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-green a {color: #53C874;}.release-notes-body #blog-menu li.release-notes-menu.sp-red {border: solid 1px #FF2438;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-red a {color: #FF2438;}.release-notes-body #blog-menu li.release-notes-menu.sp-white {border: solid 1px #FFFFFF;background-color: transparent;}.release-notes-body #blog-menu li.release-notes-menu.sp-white a {color: #FFFFFF;}.release-notes-body #blog-menu li.release-notes-menu.current-menu-item {border: solid 1px #4d9bf6;background-color: #4d9bf6;}.release-notes-body #blog-menu li.release-notes-menu.current-menu-item a {color: #181d3d;}.release-notes-body #blog-menu li.release-notes-menu.sp-blue a:hover {background-color: #4D5382!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-light-blue a:hover {background-color: #97BFFF!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-dark-orange a:hover {background-color: #BD2C00!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-orange a:hover {background-color: #F27D59!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-gray a:hover {background-color: #82848C!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-dark-gray a:hover {background-color: #26282B!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-light-gray a:hover {background-color: #EFEFE0!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-teal a:hover {background-color: #D8E9DD!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-green a:hover {background-color: #53C874!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-red a:hover {background-color: #FF2438!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-yellow a:hover {background-color: #F7B500!important;color: #FFF;}.release-notes-body #blog-menu li.release-notes-menu.sp-white a:hover {background-color: #FFFFFF!important;color: transparent;}.release-notes-body #searchform #s {background:transparent;}.mt-3 {margin-top: 3em!important;}.mt-1 {margin-top: 1em!important;}.release-notes-body .search-title {color: #FFF;}.release-notes-body .release-notes-wrapper.short-wrapper {background-color: #181d3d;border-radius: 0 0 50px 50px;}.release-notes-title {text-align:center;font-weight: 900;margin-bottom: 6em;}.whats-new-link {text-align: center;font-size: 12px;}.whats-new-link a {color: #0F62FE!important;font-weight: 600;}.release-info-wrapper {background-color: #181d3d;border-radius: 20px;padding: 25px;}.release-info-wrapper h6, h6.release-date-title {font-size: 12px;color: #A4A9CA;}.learn-more .more-link {color: #FFF;}.learn-more .more-link .version-arrow {width: 15px;height: 15px;color: #FFF;position: absolute;top: 2px;}.release-notes-wrapper .learn-more .more-link, .release-notes-wrapper .entry-content a {position: relative;font-weight: 600;background: none!important;color: #FFF!important;}.release-notes-wrapper #content .pagenav a.firstp, .release-notes-wrapper #content .pagenav a.prevp, .release-notes-wrapper #content .pagenav a.nextp, .release-notes-wrapper #content .pagenav a.lastp {background-color: transparent;}.release-notes-wrapper #content .pagenav a.number, .release-notes-wrapper #content .pagenav span.number {}.release-notes-head {background-color: #181d3d;border-radius: 0 0 50px 50px;}.release-notes-content {background-color: #101429;}@media screen and (min-width: 768px) {.release-notes-body #blog-menu {display: table;}}@media screen and (max-width: 991px) {.blog-nav {margin: 1em;padding-bottom: 35px;}}@media only screen and (max-width: 767px) {.fuzzy-bottom:before {width: 100%;}.subscribe-field:before {width: 100%;}.featured-blog:before {width: 100vw;left: -30px;}.single-blog-info > *:not(div) {padding-left: 15px!important;}}#top_banner_container a {color: #0F62FE;text-decoration: none;background-color: transparent;}.integrations-body {background-color: #181d3d;padding-top: 25px;}.integrations-body h1.page-title, .integrations-body .page-description, .integrations-body .blog-nav .nav > li > a {color: #FFF;}.integrations-body .blog-nav .nav > li.current-menu-item > a {color: #D12771;}.integrations-body .content-wrap.bg-brand-blue-900 {background-color: #0E1126;}.integrations-body article.type-integrations {opacity: 99%;}.integrations-body h2.post-title.entry-title a {font-weight: 500;color: #02080D;}.integrations-body .learn-more .more-link {color: #02080d;}.integrations-body .learn-more .more-link .version-arrow {color: #02080d;top: 7px;left: 40px;}.integrations-body article.type-integrations .post-title {min-height: inherit;}.archive .integrations-body article.type-integrations .post-content {height: 325px;}figure.integration-logo a img {width: 75px;height: 75px;min-width: 75px;min-height: 75px;max-width: initial;}@media (min-width: 992px) and (max-width: 1199px) {.archive .integrations-body article.type-integrations .post-content {margin-top: 0px;}}.release-notes-title-wrapper {background-color: #181d3d;width: 100vw;left:0;top: 0;position:absolute;border-radius: 0 0 50px 50px;}.release-notes-content-wrapper {margin-top:200px }.featured-blog-background {width: 100vw;background-color: #EDF5FF;height: 470px;position: absolute;top: 0;}@media screen and (max-width: 1199px) {.featured-blog-background {height: 550px;}}@media screen and (max-width: 991px) {.featured-blog-background {height: 700px;}.fuzzy-bottom {display: none;}}@media screen and (max-width: 846px) {.featured-blog-background {height: 745px;}}@media screen and (max-width: 586px) {.featured-blog-background {height: 800px;}}@media (max-width: 679px) {.featured-blog-background {left: -58px;}}@media only screen and (min-width: 680px) and (max-width: 959px) {.featured-blog-background {left: -65px;}}@media only screen and (min-width: 960px) and (max-width: 1125px) {.featured-blog-background {left: -62px;}}@media only screen and (min-width: 1126px) and (max-width: 1200px) {.featured-blog-background {left: -73px;}}@media only screen and (min-width: 1201px) and (max-width: 1245px) {.featured-blog-background {left: -43px;}}@media (min-width: 1200px) {.featured-blog-background {left: calc(-1 * ((100vw - 1170px) / 2));}}.pagenav a, .pagenav span {font-family: Roboto, sans serif;}.pagenav span.current:before {content: "";margin-left: -100%;}.pagenav a.number:before {content: "";margin-left: -20%;}.pagenav span.current:after, .pagenav a.number:after {content: "";margin-right: -100%;}.pagenav .number:not(.firstp):not(.prevp):not(.nextp):not(.lastp), #content .pagenav span.number.current {width: 40px;height: 40px;white-space: nowrap;overflow: hidden;}.pagenav .nextp, .pagenav .prevp {border-radius: 50px;background-color: rgb(24, 29, 50);color: rgb(230, 231, 239);font-weight: lighter;border: 1px solid rgb(92, 95, 112);height: 40px;width: 40px;padding-top: 2px;padding-left: 11px;font-size: 30px;}#content .lastp, #content .firstp {display: none;}.integrations-body #blog-menu.dropdown-menu.nav > li > a {color: #82848C;}.integrations-body #blog-menu.dropdown-menu.nav > li.current-menu-item > a {color: #D12771;}.tb_8bu9806 div.col6-1.sub_column.module_column.tf_box {width: 14%;}.tb_8bu9806 div.col6-1.sub_column.module_column.tf_box:not(:first-child) {margin-left: 10px;}body:not([class*="post-type-"]) .blog-body .post .entry-content a {color: #0F62FE;text-decoration: underline;background: transparent;}.themify_builder_content-15478 .tb_yrl2218.module-typewriter.module.typewriter-yellow-highlight .typewriter-main-tag .typewriter-span * {background-color: #FABD05;}.entry-header-background > div {display: flex;flex-flow: row;}.entry-header-background > div > .first, .entry-header-background > div > .last {flex: 50%;}.tb_f2o7144 h3, .tb_xj36646 h3, .tb_pw5l52 h3, .tb_bc3f300 h3, .tb_n8ux200 h3, .tb_xdro902 h3 {font-weight: 100;}.tb_381m859 .tb_clzj808, div.tb_bopl649 {text-align: center;}.tb_5axk253 .s1 b {font-size: 22px;}.tb_kcfp562 h2 {font-weight: bold;}.tb_vj7x563 a {text-decoration: underline;}.tb_vj7x563 a:hover {color: rgba(180, 191, 225, 1);text-decoration: none;}.tb_b2h8086 em {font-weight: 400;}.tb_b2h8086 em a, .tb_l8eb36 .tb_col_count_2 .last a, a {text-decoration: underline;color: #000000;}div a {color: #0F62FE;text-decoration: underline;}.tb_b2h8086 em a:hover, .tb_l8eb36 .tb_col_count_2 .last a:hover, .testimonial-content a:hover, a:hover {color: #0f62fe;text-decoration: none;}.tb_l8eb36 .tb_col_count_2 {display: flex;}.tb_l8eb36 .tb_col_count_2 .first {flex: 25%;}.tb_l8eb36 .tb_col_count_2 .last {flex: 75%;}.tb_l8eb36 .tb_col_count_2 h2 {line-height: 46px;}.tb_pb2o539 h3.testimonial-title {font-family: "Roboto";font-weight: 100;letter-spacing: 0px;font-size: 28px;line-height: 38px;}.tb_47wv568 .tb_0sjn459 {float: right;}.tb_waot501 h3, .single-integrations-page h3, .tb_mdgj114 h3 {font-weight: 100;}.tb_zdza960 h2 {font-weight: bold;}.tb_gkq1535 h3, .tb_nait799 h3, .tb_d0b6779, .tb_d0b6779 h3, .tb_lbfi947 h3, .tb_5g81230 h3 {font-weight: 100;}.tb_gkq1535 .module-icon span, .tb_nait799 .module-icon span, .tb_lbfi947 .module-icon span {margin-left: 0.3em;font-weight: 300;}.tb_shle687 h3 {font-weight: 300;}.tb_nyfb647 h4 a {font-weight: 400;font-size: 22px;}@media (max-width: 959px) {.tb_3t2k935 .gutter-none>.module_column.col6-1, .tb_7e30175 .gutter-none>.module_column.col6-1, .tb_u199335 .gutter-none>.module_column.col6-1 {width: 33.333%;margin-top: 25px;}.tb_22in867 .tb_col_count_6>.module_column.col6-1 {width: 31.2%;margin-top: 25px;}.tb_w1nw158 .gutter-narrow>.module_column.col6-1 {width: 32%;margin-top: 25px;}.tb_w1nw158 .gutter-narrow {display: flex;flex-flow: wrap;}.tb_3t2k935 .col_align_top>.module_column, .tb_7e30175 .col_align_top>.module_column, .tb_w1nw158 .col_align_bottom>.module_column, .tb_22in867 .col_align_top>.module_column, .tb_u199335 .col_align_top>.module_column {align-items: flex-start;align-content: flex-start;}.tb_3t2k935 .row_inner, .tb_3t2k935 .module_column, .tb_3t2k935 .subrow_inner, .tb_7e30175 .row_inner, .tb_7e30175 .module_column, .tb_7e30175 .subrow_inner, .tb_mza5854 .row_inner, .tb_mza5854 .module_column, .tb_mza5854 .subrow_inner, .tb_22in867 .row_inner, .tb_22in867 .module_column, .tb_22in867 .subrow_inner, .tb_u199335 .row_inner, .tb_u199335 .module_column, .tb_u199335 .subrow_inner {display: flex;flex-flow: wrap;}.tb_3t2k935 .module_column.col6-1, .tb_7e30175 .module_column.col6-1 {width: 31.2%;margin-top: 25px;}.tb_u8ao855 .tb_o8tb855, .tb_u8ao855 .tb_2o3a856 {flex: 100%;}.tb_qbag855 a.ui.builder_button {padding: 12px 31px;}.entry-header-background .module_column.col4-2, .entry-header-background .module_column.col2-1 {width: initial!important;}.entry-header-background > div > .first {flex: 100%;}.entry-header-background > div > .last {flex: initial;}.tb_f2o7144 .tb_col_count_3, .tb_xj36646 .tb_col_count_3, .tb_pw5l52 .tb_col_count_3, .tb_bc3f300 .tb_col_count_3, .tb_n8ux200 .tb_col_count_3, .tb_xdro902 .tb_col_count_3 {display: flex;flex-direction: column;}.tb_c0jh649 .gutter-narrow {display: flex;justify-content: center;}.tb_1oc0960 .tb_col_count_2 {display: flex;flex-flow: column-reverse;}.tb_1oc0960 .last {flex: 1 100%;}.tb_1oc0960 .first {flex: 2 100%;}}.screenpal-announcement-banner {color: #fff;background-color: #6929C4;font-weight: 300;padding: 1.5rem 1rem;display: flex;align-items: center;line-height: initial;}.screenpal-announcement-banner a {color: #fff;font-weight: 600;display: inline-flex;align-items: center;}.screenpal-announcement-banner:after {display: none;width: 0;height: 0;}.screenpal-announcement-banner a:hover {color: #ccc;}.screenpal-announcement-banner a svg {margin-left: .5rem;}.screenpal-announcement-banner.in-hero-banner {border-radius: 10px;justify-content: space-between;}@media screen and (max-width: 1199px) {.screenpal-announcement-banner.in-hero-banner {flex-direction: column;}.screenpal-announcement-banner a {margin-top: .5rem;}}.screenpal-announcement-banner {color: #fff;background-color: #6929C4;font-weight: 300;padding: 1.5rem 1rem;display: flex;align-items: center;line-height: initial;}.screenpal-announcement-banner a {color: #fff;font-weight: 600;display: inline-flex;align-items: center;margin-left: 2.5rem;text-decoration: none;}.screenpal-announcement-banner a:hover {color: #ccc;}.screenpal-announcement-banner a svg {margin-left: 0.5rem;}.screenpal-announcement-banner.below-hero-banner {justify-content: center;}.screenpal-announcement-banner:after {display: none;width: 0;height: 0;}.page-tutorials h3 {font-weight: 100;}.tf-far-clock-o {margin-top: 6px;}body .widgettitle {letter-spacing: 0;text-transform: none;}.page-tutorials .module-icon.rounded img {border-radius: 8px;background-color: #f7f7f7;max-width: 148px;padding: 9px;}.page-tutorials .module-icon span {margin-left: 0.3em;margin-right: 0.6em;}@media screen and (min-width: 767px) {.footer-bg-credits .container .col-3 {width: 25%!important;}.footer-bg-credits .container .col-9 {width: 75%!important;}}@media (max-width: 680px) {.tb_3t2k935 .gutter-none>.module_column.col6-1, .tb_7e30175 .gutter-none>.module_column.col6-1, .tb_u199335 .gutter-none>.module_column.col6-1, .tb_22in867 .tb_col_count_6>.module_column.col6-1, .tb_22in867 .tb_col_count_6>.module_column.col6-1, .tb_w1nw158 .gutter-narrow>.module_column.col6-1 {width: 48%;margin-top: 0;}.tb_l8eb36 .tb_col_count_2 {flex-flow: column;}}div.module-icon span {margin: 0;}#screencast h1 {font-weight: 500;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/05/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/05/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-weight: 100;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-weight: 300;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-weight: 500;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-weight: 700;font-display: swap;src: url(https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2024/04/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}.blue-check-bg {background: no-repeat url("../images/plans/icons/blue-check.svg");}.dark-blue-check-bg {background: no-repeat url("../images/plans/icons/dark-blue-check.svg");}.light-blue-halfmoon-bg {background: no-repeat url("../images/plans/icons/light-blue-halfmoon.svg");}.light-blue-check-bg {background: no-repeat url("../images/plans/icons/light-blue-check.svg");}.pink-check-bg {background: no-repeat url("../images/plans/icons/pink-check.svg");}.purple-halfmoon-bg {background: no-repeat url("../images/plans/icons/purple-halfmoon.svg");}.purple-check-bg {background: no-repeat url("../images/plans/icons/purple-check.svg");}.desktop-icon {background: no-repeat url("../images/plans/icons/desktop.svg");}.facebook-icon {background: no-repeat url("../images/plans/icons/facebook-icon.svg");}.twitter-icon {background: no-repeat url("../images/plans/icons/twitter-icon.svg");}.google-classroom-icon {background: no-repeat url("../images/plans/icons/google-classroom-icon.svg");}.email-icon {background: no-repeat url("../images/plans/icons/email-icon.svg");}.microsoft-teams-icon {background: no-repeat url("../images/plans/icons/microsoft-teams-icon.svg");}.facebook-twitter-google-classroom-email {background: no-repeat left 0% bottom 50% url("../images/plans/icons/facebook-icon.svg"), no-repeat left 25% bottom 50% url("../images/plans/icons/twitter-icon.svg"), no-repeat left 50% bottom 50% url("../images/plans/icons/google-classroom-icon.svg"), no-repeat left 75% bottom 50% url("../images/plans/icons/email-icon.svg");}.screenpal-youtube-google-drive {background: no-repeat left 0% bottom 50% / 22px 22px url("../images/plans/icons/screenpal-icon.svg"), no-repeat left 20% bottom 50% url("../images/plans/icons/youtube-icon.svg"), no-repeat left 40% bottom 50% url("../images/plans/icons/google-drive-icon.svg");}.screenpal-youtube-google-drive-dropbox-vimeo {background: no-repeat left 0% bottom 50% / 22px 22px url("../images/plans/icons/screenpal-icon.svg"), no-repeat left 20% bottom 50% url("../images/plans/icons/youtube-icon.svg"), no-repeat left 40% bottom 50% url("../images/plans/icons/google-drive-icon.svg"), no-repeat left 60% bottom 50% url("../images/plans/icons/dropbox-icon.svg"), no-repeat left 80% bottom 50% url("../images/plans/icons/vimeo-icon.svg");}.microsoft-teams-zoom-webex {background: no-repeat left 7% bottom 50% / 22px 22px url("../images/plans/icons/microsoft-teams-icon.svg"), no-repeat left 27% bottom 50% / 22px 22px url("../images/plans/icons/zoom-icon.svg"), no-repeat left 47% bottom 50% / 22px 22px url("../images/plans/icons/webex-icon.svg");}.facebook-twitter-google-classroom-email-microsoft-teams {background: no-repeat left 0% bottom 50% / 22px 22px url("../images/plans/icons/facebook-icon.svg"), no-repeat left 20% bottom 50% url("../images/plans/icons/twitter-icon.svg"), no-repeat left 40% bottom 50% url("../images/plans/icons/google-classroom-icon.svg"), no-repeat left 60% bottom 50% url("../images/plans/icons/email-icon.svg"), no-repeat left 80% bottom 50% url("../images/plans/icons/microsoft-teams-icon.svg");}.right-positioned-image {background-position: right 3% bottom 50%;}.left-positioned-image {background-position: left 7% bottom 50%;}.show-bg-images {width: 100%;display: block;height: 100%;}#body figure.post-image h2 a {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}.blog-nav div.btn-group.mobileonly button {color: #61636B;}.blog-nav div.btn-group.mobileonly {margin: 5px 0 0 5px;}.blog-nav div.btn-group.mobileonly.open {width: 100%;}#blog-menu.nav.navbar-nav.dropdown-menu li {width: 100%;}@media only screen and (min-width: 767px) {.mobile-view {background: none;}}@media only screen and (max-width: 767px) {.desktop-view {background: none;}.left-positioned-image {background-position: left 50% bottom 50%;}.microsoft-teams-zoom-webex {background: no-repeat left 50% top 5% / 22px 22px url("../images/plans/icons/microsoft-teams-icon.svg"), no-repeat left 50% top 45% / 22px 22px url("../images/plans/icons/zoom-icon.svg"), no-repeat left 50% top 85% / 22px 22px url("../images/plans/icons/webex-icon.svg");}}@media only screen and (min-width: 768px) and (max-width: 901px) {div.blog-nav {margin: 7em 0 0 0;padding-top: 5rem;}}@media only screen and (min-width: 902px) and (max-width: 1294px) {div.blog-nav {margin-top: 0;padding-top: 0;}}@media only screen and (max-width: 1294px) {div.blog-nav {margin-top: 95px;}}@media only screen and (max-width: 1223px) {div.blog-nav {margin-top: 100px;}}@media only screen and (max-width: 1012px) {div.blog-nav {margin-top: 0;padding-top: 15px;}}.hide {display: none!important;}@media only screen and (max-width: 767px) {.mobile-filter-menu {background-color: transparent;}.mobile-filter-menu .mobileonly, .mobile-filter-menu .filter-display, .mobile-filter-menu #searchform {height: 100%;}.mobile-filter-menu .mobileonly {display: flex;}.mobile-filter-menu .filter-display {border-radius: 50px 0 0 50px;width: 80px;text-align: left;border-right: 0;background: transparent;color: #A2A9B0;overflow: hidden;white-space: nowrap;display: block;text-overflow: clip;}.mobile-filter-menu .filter-display:active {background-color: transparent;}.mobile-filter-menu #blog-menu-toggle {background-color: transparent;color: #A2A9B0;border-left: none;border-radius: 0;}.release-notes-body #searchform #s {border-radius: 0 50px 50px 0;}.search-container {display: flex;flex-direction: row;}.search-container #searchform-wrap {margin: 0;}.release-notes-body .mobile-filter-menu #blog-menu li {border: none;border-bottom: solid 1px #AeaEae;border-radius: 0;padding-top: 7px;width: 100%;}.release-notes-body .mobile-filter-menu #blog-menu li:not(.current-menu-item) {border: none !important;border-bottom: solid 1px #878D96 !important;color: #878D96 !important;}.release-notes-body .mobile-filter-menu #blog-menu {background-color: #101429;}::-webkit-input-placeholder {color: #A2A9B0;}:-moz-placeholder {color: #A2A9B0;opacity: 1;}::-moz-placeholder {color: #A2A9B0;opacity: 1;}:-ms-input-placeholder {color: #A2A9B0;}::-ms-input-placeholder {color: #A2A9B0;}::placeholder {color: #A2A9B0;}}.footer-iframe-wrapper iframe{display: block;width: 100%;height: 969px;max-width: 100%;max-height: 100%;border: none;}@media screen and (max-width: 800px) {.footer-iframe-wrapper iframe{height: 1000px;}}@media screen and (max-width: 768px) {.footer-iframe-wrapper iframe{height: 1865px;}}@media screen and (max-width: 680px) {.footer-iframe-wrapper iframe{height: 2545px;}}
</style><script type="text/javascript" src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/js/jquery.custom.min.js" id="jquery-js"></script><script>$.fn.ajaxSend = function () {};
$.fn.ajaxComplete = function () {}
</script>
<script id="jquery-js-after">
$ = jQuery;
jQuery.fn.themifySideMenu = function() {}; jQuery.fn.isotope = function() {};
</script>
<script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/hummingbird-assets/45d3de523c024ec58b12d6291f590fc2.js" id="wphb-2-js"></script>
<style>img#wpstats{display:none}</style>
<style type="text/css" id="SP_customizer_css">
#announcement_bar_slider .announcement_content .action-button { background-color: #ffffff; color: #21b627; border-radius: 25px; }
#announcement_bar_slider .announcement_content .action-button:hover { background-color: #ffffff; color: #21b627; }
.themify_announcement .announcement_container .close { color: #ffffff; }
.themify_announcement .announcement_container .close:hover { color: #878787; }
#tutorials_sidebar { background-color: #f7f7f7; padding-top: 60px; padding-bottom: 44px; }
#tutorials_channel_sidebar { background-color: #f7f7f7; padding-top: 60px; padding-bottom: 31px; }
</style>
<link rel="prefetch" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/themify-corporate/themify/themify-builder/js/modules/accordion.min.js?ver=7.3.3" as="script" fetchpriority="low"><link rel="prefetch" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/themify-corporate/themify/js/modules/themify.sidemenu.min.js?ver=7.3.3" as="script" fetchpriority="low"><link rel="preload" fetchpriority="high" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/themify-concate/3372390112/themify-3576819891.min.css" as="style"><link fetchpriority="high" id="themify_concate-css" rel="stylesheet" href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/themify-concate/3372390112/themify-3576819891.min.css"> <!-- noindex_here -->
<link rel="stylesheet" href="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/css/font-awesome.min.css" type="text/css">
<!-- Begin non-render-blocking scripts from include/analytics -->
<script>
var analyticsImpls = [];
var eventCallbacks = 0;
var eventCallback = 0;
function analyticsSignup(id) {
for(var i=0; i<analyticsImpls.length; i++)
analyticsImpls[i]['analyticsSignup'](id);
}
function analyticsLogout() {
for(var i=0; i<analyticsImpls.length; i++)
analyticsImpls[i]['analyticsLogout']();
}
function analyticsUserProperties(propertiesArray) {
for(var i=0; i<analyticsImpls.length; i++)
analyticsImpls[i]['analyticsUserProperties'](propertiesArray);
}
function analyticsIncUserProperty(name) {
analyticsIncUserPropertyByNum(name,1);
}
function analyticsIncUserPropertyByNum(name,num) {
for(var i=0; i<analyticsImpls.length; i++)
analyticsImpls[i]['analyticsIncUserProperty'](name, num);
}
function analyticsEvent(name, propertiesArray, callback) {
eventCallbacks = 0;
eventCallback = callback;
if (callback) {
setTimeout(function () {
if (eventCallback) {
eventCallback();
eventCallback = undefined;
}
}, 2000);
}
for(var i=0; i<analyticsImpls.length; i++) {
analyticsImpls[i]['analyticsEvent'](name, propertiesArray, function () {
eventCallbacks++;
if (eventCallbacks==analyticsImpls.length)
if (eventCallback) {
eventCallback();
eventCallback=undefined;
}
});
}
}
function analyticsRevenue(productId, price, transactionId, coupon, ignore) {
for(var i=0; i<analyticsImpls.length; i++)
analyticsImpls[i]['analyticsRevenue'](productId, price, transactionId, coupon, ignore);
}
function analyticsGetDeviceId(callback) {
var timeout = setTimeout(function () {
callback(undefined);
}, 2000);
var a = analyticsImpls.slice(0);
_analyticsReportGetDeviceId(a,function(dId) {
clearTimeout(timeout);
callback(dId);
},undefined);
}
function _analyticsReportGetDeviceId(a,realcallback,result) {
var o = a.shift();
if (!o) {
realcallback(result);
return;
}
o['analyticsGetDeviceId'](function(id) {
var newresult = result;
if (id) {
if (newresult)
newresult+=","+id;
else
newresult=id;
}
_analyticsReportGetDeviceId(a,realcallback,newresult);
});
}
</script>
<script>
var ampDeviceId;
var ampWaitingFunc;
(function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
;r.type="text/javascript";r.async=true
;r.src="https://cdn.amplitude.com/libs/amplitude-4.5.2-min.gz.js"
;r.onload=function(){if(e.amplitude.runQueuedFunctions){
e.amplitude.runQueuedFunctions()}else{
console.log("[Amplitude] Error: could not load SDK")}}
;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
;function s(e,t){e.prototype[t]=function(){
this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
var o=function(){this._q=[];return this}
;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
;return this}
;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c
;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
;function v(e){function t(t){e[t]=function(){
e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
e=(!e||e.length===0?"$default_instance":e).toLowerCase()
;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
;e.amplitude=n})(window,document);
analyticsImpls.push({
analyticsSignup: function (id) {
},
analyticsLogout: function () {
},
analyticsUserProperties: function (propertiesArray) {
try {
var p = ampCloneObjectForAnalytics(propertiesArray, true);
if (!p)
return;
// Anytime they setup the email address we'll also add the hasEmail property
if (p['email'])
p['hasEmail'] = true;
amplitude.getInstance().setUserProperties(p);
}
catch (e) {
}
},
analyticsIncUserProperty: function (name, num) {
try {
var identify = new amplitude.Identify().add(name, num);
amplitude.getInstance().identify(identify);
}
catch (e) {
}
},
analyticsEvent: function (name, propertiesArray, callback) {
try {
var p = ampCloneObjectForAnalytics(propertiesArray, false);
// Always add timestamp to event
p['timestamp'] = parseInt((new Date().getTime())/1000);
if (!p['referrer'])
p['referrer'] = document.referrer;
if (!p['from'])
p['from'] = window.location.href;
// For events that have the word "visit" in them, we want to measure timing data.
// This includes time to first byte, time the server took, and the total time
// it took the page to load.
if(name.toLowerCase().includes('visit')){
const TIME_TO_FIRST_BYTE = 'timeToFirstByteSec';
const SERVER_REQUEST_TIME = 'serverRequestTimeSec';
const PAGE_LOAD_TIME = 'pageLoadTimeSec';
const NETWORK_TIME = 'networkTimeSec';
let performanceObserver;
(performanceObserver = new PerformanceObserver((entryList) => {
// First measure the time to first byte.
const [pageNav] = entryList.getEntriesByType('navigation');
// Divide by 1000 since time provided in milliseconds.
p[TIME_TO_FIRST_BYTE] = (pageNav.responseStart/1000).toFixed(2);
// Next retrieve the server time which will be detected by PerformanceObserver
// via the Server-Timing header that gets set in RequestTimingMiddleware.php
for (const entry of entryList.getEntries()) {
entry.serverTiming.forEach((serverTiming) => {
if(serverTiming.name === 'serverRequestTime'){
p[SERVER_REQUEST_TIME] = serverTiming.duration;
}
});
}
const runOnLoaded = () => {
// We use setTimeout here to make sure the browser has fully loaded. This makes sure we get accurate timing data from
// performance.getEntriesByType('navigation'), particularly for the loadEventEnd time.
setTimeout(() => {
const [navigation] = performance.getEntriesByType('navigation');
if (navigation) {
// Divide by 1000 since time provided in milliseconds.
p[PAGE_LOAD_TIME] = ((navigation.loadEventEnd - navigation.startTime)/1000).toFixed(2);
// We already have total time so make sure we also have the server time before
// we try to calculate network time.
if(p[SERVER_REQUEST_TIME] !== 0) {
// And finally measure the network time which is the total time for the request to finish
// (excluding browser render time) minus the server time. Note that we need to divide
// the first part of the calculation below by 1000 because it is in ms.
p[NETWORK_TIME] = (((navigation.responseEnd - navigation.startTime)/1000) - p[SERVER_REQUEST_TIME]).toFixed(2);
}
amplitude.getInstance().logEvent(name, p, callback);
}
}, 0);
}
// Measure when the page fully loads which is the total time.
if (document.readyState === 'complete') {
// Page is already loaded, so we're firing this event after that has already happened which
// is the case in free.blade.php which fires after an iframe loads.
runOnLoaded();
} else {
// Page hasn't fully loaded so waiting
window.addEventListener('load', runOnLoaded);
}
// We only care about navigation updates so after first update we can bail and if document isn't
// complete then the load listener will finish up sending the event.
performanceObserver.disconnect();
})).observe({
type: 'navigation',
buffered: true
});
}else{
amplitude.getInstance().logEvent(name, p, callback);
}
}
catch (e) {
}
},
analyticsRevenue: function (productId, price, transactionId, coupon) {
try {
var revenue = new amplitude.Revenue().setProductId(productId).setPrice(price);
amplitude.getInstance().logRevenueV2(revenue);
}
catch (e) {
}
},
analyticsGetDeviceId: function (func) {
try {
if (ampDeviceId)
func(ampDeviceId);
else
ampWaitingFunc = func;
}
catch (e) {
}
}
});
function ampCloneObjectForAnalytics(o, checkNoKeys) {
var temp = {};
var foundKeys = false;
if (o) {
for (var key in o) {
temp[key] = o[key];
foundKeys = true;
}
}
if (checkNoKeys && !foundKeys)
return undefined;
return temp;
}
</script>
<script type="text/javascript">
amplitude.getInstance().init("b8f8ea09796156c24f937f0c2368c584", null, {
includeUtm: true,
includeReferrer: true,
saveParamsReferrerOncePerSession: false,
includeGclid: true
}, function (instance) {
amplitude.getInstance().setUserId(null);
ampDeviceId = instance.options.deviceId;
if (ampDeviceId)
ampDeviceId = 'amp-' + ampDeviceId;
if (ampWaitingFunc) {
ampWaitingFunc(ampDeviceId);
ampWaitingFunc = undefined;
}
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event' : 'dlpush',
'DeviceId': ampDeviceId,
});
var userProps = {};
analyticsUserProperties(userProps);
});
</script>
<script>
$.each(window.cachedAnalyticsEvents || [], function() { this(); });
</script>
<script async="" src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/themify-corporate/js/themify.script.min.js?ver=7.1.8"></script><script async="" src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/themify-corporate/themify/themify-builder/js/themify.builder.script.min.js?ver=7.3.3"></script></head>
<body class="tool-template-default single single-tool postid-69758 skin-default sidebar-none full_width no-home tb_animation_on webp-support app-not-installed top-banner-open">
<script data-cfasync="false" data-no-defer="1" data-no-minify="1" data-no-optimize="1">if(typeof ewww_webp_supported==="undefined"){var ewww_webp_supported=!1}if(ewww_webp_supported){document.body.classList.add("webp-support")}</script>
<svg id="tf_svg" style="display:none"><defs><symbol id="tf-ti-arrow-right" viewBox="0 0 32 32"><path d="M29.56 15.94 15.75 2.13l-1.38 1.3L25.95 15H1.87v1.88h24.07L14.37 28.44l1.38 1.37z"></path></symbol><symbol id="tf-fas-plus-circle" viewBox="0 0 32 32"><path d="M16 .5q6.44 0 10.97 4.53T31.5 16t-4.53 10.97T16 31.5 5.03 26.97.5 16 5.03 5.03 16 .5zm9 17.25v-3.5q0-.75-.75-.75H18.5V7.75q0-.75-.75-.75h-3.5q-.75 0-.75.75v5.75H7.75q-.75 0-.75.75v3.5q0 .75.75.75h5.75v5.75q0 .75.75.75h3.5q.75 0 .75-.75V18.5h5.75q.75 0 .75-.75z"></path></symbol><symbol id="tf-fas-minus-circle" viewBox="0 0 32 32"><path d="M16 .5q6.44 0 10.97 4.53T31.5 16t-4.53 10.97T16 31.5 5.03 26.97.5 16 5.03 5.03 16 .5zm-8.25 18h16.5q.75 0 .75-.75v-3.5q0-.75-.75-.75H7.75q-.75 0-.75.75v3.5q0 .75.75.75z"></path></symbol></defs></svg><script> </script><div id="pagewrap" class="hfeed site">
<style type="text/css">
#top_banner {
background-color: #E41A6F;
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
position: fixed;
top: -50px;
left: 0;
right: 0;
color: #ffffff;
width: 100%;
-webkit-transition: top 0.5s ease;
transition: top 0.5s ease;
z-index: 100;
}
#top_banner.top-banner-open {
top: 0 !important;
}
#top_banner_container {
height: 50px;
text-align: center;
padding: 7px 10px;
}
#banner_close {
cursor: pointer;
height: 30px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
#top_banner .som-btn {
margin-left: 5px;
padding: 5px 15px;
text-decoration: none;
}
body, .header-wrap.sticky {
-webkit-transition: margin-top 0.5s ease;
transition: margin-top .5s ease;
}
body.top-banner-open, .header-wrap.sticky.top-banner-open {
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
body.top-banner-open, .header-wrap.sticky.top-banner-open {
margin-top: 0 !important;
}
#top_banner {
position: relative;
min-height: 85px;
}
div.header {
position: relative;
}
.header_bg a.mobile-login {
right: 0;
}
}
</style>
<div id="top_banner" class="top-banner-open">
<div id="top_banner_container">
<a href="#" id="banner_close">
<svg viewport="0 0 15 15" version="1.1" style="height: 16px; width: 16px;" xmlns="http://www.w3.org/2000/svg">
<line x1="1" y1="16" x2="16" y2="1" stroke="#ffffff" stroke-width="2"></line>
<line x1="1" y1="1" x2="16" y2="16" stroke="#ffffff" stroke-width="2"></line>
</svg>
</a>
Limited time: <strong>Save 25%!</strong> <a class="som-btn som-btn-cta" style="background-color: #181d3d; color: #ffffff;" href="/plans?cta=site-top-banner">Save now</a>
</div>
</div>
<style>
@media only screen and (max-width: 768px) {
.main-nav-wrapper .header .header_rgt {
padding-top: 0;
}
}
@media only screen and (max-width: 901px) {
.main-nav-wrapper .header {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.main-nav-wrapper .header .header_rgt {
flex: 0 25%;
}
.main-nav-wrapper .header .header_lft {
flex: 1 100%;
}
.main-nav-wrapper .header .mobile-login {
flex: 2 25%;
}
.header-wrap.sticky {
height: 91px;
}
}
</style>
<style>
@media only screen and (max-width: 767px) {
.header_rgt .navbar.navbar-default {
position: relative;
}
.navbar-header .navbar-toggle {
margin: -46px 0 0;
}
}
</style>
<div class="fixed-bumper visible-md visible-lg"></div>
<div class="header-wrap sticky top-banner-open">
<div class="header_bg guestUser">
<div class="main-nav-wrapper">
<div class="row">
<div class="header">
<div class="mobile-login" style="display:none;">
<a href="/register">Sign Up</a>
</div>
<div class="header_lft col-lg-2 col-md-2 col-sm-12">
<div class="logo">
<a href="/">
<img class="lazy-user mobile-logo lazy-loaded" src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/sp_logo_light.svg" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/sp_logo_light.svg" width="200" height="45" alt="Screenpal logo">
</a>
</div>
</div>
<div class="header_rgt col-lg-10 col-md-10 col-sm-12 col-xs-12" role="navigation">
<div class="log_sig">
<ul>
<li class="last"><a href="/login">Log In</a></li>
<li><style>
.btn {
border-radius: 20px;
color: var(--base-text-color);
font-weight: var(--font-weight-light);
font-size: var(--text-size-base);
line-height: var(--text-line-height-base);
padding: 0.375rem 1rem;
}
.btn:hover {
color: var(--color-primary-text-hover);
}
.btn:focus {
color: var(--color-primary-text-focus);
}
.btn:active {
color: var(--color-primary-text-active);
}
.btn:disabled, .btn.disabled {
color: var(--color-primary-text-disabled);
}
.btn.btn-component {
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn.btn-primary, button.btn-primary {
background-color: var(--color-primary-background)!important;
border-color: var(--color-primary-border)!important;
box-shadow: unset!important;
color: var(--color-primary-text)!important;
}
.btn.btn-primary:hover, button.btn-primary:hover {
background-color: var(--color-primary-hover)!important;
border-color: var(--color-primary-border-hover)!important;
color: var(--color-primary-text-hover)!important;
}
.btn.btn-primary:focus, button.btn-primary:focus {
background-color: var(--color-primary-focus)!important;
border-color: var(--color-primary-border-focus)!important;
color: var(--color-primary-text-focus)!important;
}
.btn.btn-primary:active, button.btn-primary:active {
background-color: var(--color-primary-active)!important;
border-color: var(--color-primary-border-active)!important;
color: var(--color-primary-text-active)!important;
outline: unset!important;
}
.btn.btn-primary:disabled, button.btn-primary.disabled {
background-color: var(--color-primary-disabled)!important;
border-color: var(--color-primary-border-disabled)!important;
color: var(--color-primary-text-disabled)!important;
}
.btn-outline-primary:not(:disabled):not(.disabled) {
background-color: var(--color-primary-outline-background);
border-color: var(--color-primary-outline-border);
color: var(--color-primary-outline);
}
.btn-outline-primary:not(:disabled):not(.disabled):hover {
background-color: var(--color-primary-outline-background-hover);
border-color: var(--color-primary-outline-border-hover);
color: var(--color-primary-outline-hover);
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
background-color: var(--color-primary-outline-background-active);
border-color: var(--color-primary-outline-border-active);
color: var(--color-primary-outline-active);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
background-color: var(--color-primary-outline-background-disabled);
border-color: var(--color-primary-outline-border-disabled);
color: var(--color-primary-outline-disabled);
}
.btn-outline-primary:hover svg {
color: var(--sp-white);
}
.btn.btn-secondary, button.btn-secondary {
background-color: var(--color-secondary-background);
border-color: var(--color-secondary-border);
box-shadow: none;
color: var(--color-secondary-text);
}
.btn.btn-secondary:hover, button.btn-secondary:hover {
background-color: var(--color-secondary-background-hover);
border-color: var(--color-secondary-border-hover);
box-shadow: none;
color: var(--color-secondary-text-hover);
}
.btn.btn-secondary:active, button.btn-secondary:active {
background-color: var(--color-secondary-background-active);
color: var(--color-secondary-text-active);
border-color: var(--color-secondary-border);
box-shadow: none;
}
.btn.btn-secondary:focus, button.btn-secondary:focus {
background-color: var(--color-secondary-background-focus);
color: var(--color-secondary-text-focus);
border-color: var(--color-secondary-border-focus);
}
.btn.btn-secondary:disabled, button.btn-secondary.disabled {
background-color: var(--color-secondary-background-disabled);
color: var(--color-secondary-text-disabled);
border-color: var(--color-secondary-border-disabled);
box-shadow: none;
}
.btn.btn-danger,
.btn.btn-delete {
background-color: var(--sp-red-500);
border-color: var(--sp-red-500);
color: var(--sp-white);
}
.btn.btn-danger:hover,
.btn.btn-delete:hover {
background-color: var(--sp-red-700);
border-color: var(--sp-red-700);
}
.btn.btn-danger:active,
.btn.btn-delete:active {
background-color: var(--sp-red-900);
border-color: var(--sp-red-900);
}
.btn.btn-danger:focus,
.btn.btn-delete:focus {
background-color: var(--sp-red-800);
border-color: var(--sp-red-800);
}
.btn.btn-danger:disabled, .btn.btn-danger.disabled,
.btn.btn-delete:disabled, .btn.btn-delete.disabled {
background-color: var(--sp-red-400);
border-color: var(--sp-red-300);
color: var(--sp-red-50);
}
.btn.btn-info {
background-color: var(--sp-blue-500);
border-color: var(--sp-blue-500);
color: var(--sp-white);
}
.btn.btn-info:hover {
background-color: var(--sp-blue-700);
border-color: var(--sp-blue-700);
}
.btn.btn-info:active {
background-color: var(--sp-blue-900)!important;
border-color: var(--sp-blue-900)!important;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem hsl(207 75% 29% / 50%);
}
.btn.btn-info:focus {
background-color: var(--sp-blue-800);
border-color: var(--sp-blue-800);
}
.btn.btn-info:disabled, .btn.btn-info.disabled {
background-color: var(--sp-blue-400)!important;
border-color: var(--sp-blue-300)!important;
color: var(--sp-blue-50)!important;
}
.btn.btn-toggle, .btn.btn-toggle.off {
background-color: var(--toggle-button-background-color-off);
border-color: var(--toggle-button-border-color-off);
color: var(--toggle-button-text-color-off);
}
.btn.btn-toggle:hover, .btn.btn-toggle.off:hover {
background-color: var(--toggle-button-background-color-off-hover);
border-color: var(--toggle-button-border-color-off-hover);
}
.btn.btn-toggle:active, .btn.btn-toggle.off:active {
background-color: var(--toggle-button-background-color-off-active);
border-color: var(--toggle-button-border-color-off-active);
}
.btn.btn-toggle:focus, .btn.btn-toggle.off:focus {
background-color: var(--toggle-button-background-color-off-focus);
border-color: var(--toggle-button-border-color-off-focus);
}
.btn.btn-toggle.off:disabled, .btn.btn-toggle.off.disabled,
.btn.btn-toggle:disabled, .btn.btn-toggle.disabled {
background-color: var(--toggle-button-background-color-off-disabled);
border-color: var(--toggle-button-border-color-off-disabled);
color: var(--toggle-button-text-color-off-disabled);
}
.btn.btn-toggle.on {
background-color: var(--toggle-button-background-color-on);
border-color: var(--toggle-button-border-color-on);
color: var(--toggle-button-text-color-on);
}
.btn.btn-toggle.on:hover {
background-color: var(--toggle-button-background-color-on-hover);
border-color: var(--toggle-button-border-color-on-hover);
}
.btn.btn-toggle.on:active {
background-color: var(--toggle-button-background-color-on-active);
border-color: var(--toggle-button-border-color-on-active);
}
.btn.btn-toggle.on:focus {
background-color: var(--toggle-button-background-color-on-focus);
border-color: var(--toggle-button-border-color-on-focus);
}
.btn.btn-toggle.on:disabled, .btn.btn-toggle.on.disabled {
background-color: var(--toggle-button-background-color-on-disabled);
border-color: var(--toggle-button-border-color-on-disabled);
color: var(--toggle-button-text-color-on-disabled);
}
.btn-toggle > .toggle-icon {
display: block;
width: 1rem;
height: 1rem;
margin-right: 0.5rem;
}
.btn-toggle.off > .toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='none' d='M0 0h44v44H0V0Z'/%3E%3Cpath fill='none' stroke='%23B4BAE1' d='M43 22c0 11.598-9.402 21-21 21S1 33.598 1 22 10.402 1 22 1s21 9.402 21 21Z'/%3E%3C/svg%3E");
}
.btn-toggle.off:hover > .toggle-icon,
.btn-toggle.off:focus > .toggle-icon,
.btn-toggle.off:active > .toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='none' d='M0 0h44v44H0V0Z'/%3E%3Cpath fill='none' stroke='%23fff' d='M43 22c0 11.598-9.402 21-21 21S1 33.598 1 22 10.402 1 22 1s21 9.402 21 21Z'/%3E%3C/svg%3E");
}
.btn-toggle.off:disabled > .toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='none' d='M0 0h44v44H0V0Z'/%3E%3Cpath fill='none' stroke='%237E8291' d='M43 22c0 11.598-9.402 21-21 21S1 33.598 1 22 10.402 1 22 1s21 9.402 21 21Z'/%3E%3C/svg%3E");
}
.btn-toggle.on > .toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='none' d='M0 0h44v44H0V0Z'/%3E%3Cpath fill='%2304050B' fill-rule='evenodd' d='M6.62 6.62a21.75 21.75 0 1 1 30.76 30.76A21.75 21.75 0 0 1 6.62 6.62Zm14.59 22.796 11-11a2.41 2.41 0 0 0-3.405-3.405l-9.3 9.297-3.795-3.796a2.41 2.41 0 0 0-3.405 3.404l5.5 5.5a2.393 2.393 0 0 0 1.7.7 2.386 2.386 0 0 0 1.705-.7Z'/%3E%3C/svg%3E");
}
.btn-toggle.on:disabled > .toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='none' d='M0 0h44v44H0V0Z'/%3E%3Cpath fill='%237E8291' fill-rule='evenodd' d='M6.62 6.62a21.75 21.75 0 1 1 30.76 30.76A21.75 21.75 0 0 1 6.62 6.62Zm14.59 22.796 11-11a2.41 2.41 0 0 0-3.405-3.405l-9.3 9.297-3.795-3.796a2.41 2.41 0 0 0-3.405 3.404l5.5 5.5a2.393 2.393 0 0 0 1.7.7 2.386 2.386 0 0 0 1.705-.7Z'/%3E%3C/svg%3E");
}
.btn.btn-component.btn-image {
padding: 0 0 0 0;
border-radius: 50%;
}
.btn.btn-component.btn-image img {
width: unset;
height: unset;
margin: 0 0 0 0;
}
.btn.btn-cta {
background-color: var(--button-cta-background-color);
border-color: transparent;
box-shadow: none;
color: var(--button-cta-text-color);
}
.btn.btn-cta:hover {
background-color: var(--button-cta-background-color-hover);
color: var(--button-cta-text-color-hover);
}
.btn.btn-cta:active, button.btn-cta:active {
background-color: var(--button-cta-background-color-active);
color: var(--button-cta-text-color-active);
}
.btn.btn-cta:focus, button.btn-cta:focus {
background-color: var(--button-cta-background-color-focus);
color: var(--button-cta-text-color-focus);
}
.btn.btn-cta:disabled, button.btn-cta.disabled {
background-color: var(--button-cta-background-color-disabled);
color: var(--button-cta-text-color-disabled);
}
.btn.btn-cta-secondary {
background-color: var(--button-cta-secondary-background-color);
border-color: transparent;
box-shadow: none;
color: var(--button-cta-secondary-text-color);
}
.btn.btn-cta-secondary:hover {
background-color: var(--button-cta-secondary-background-color-hover);
color: var(--button-cta-secondary-text-color-hover);
}
.btn.btn-cta-secondary:active, button.btn-cta-secondary:active {
background-color: var(--button-cta-secondary-background-color-active);
color: var(--button-cta-secondary-text-color-active);
}
.btn.btn-cta-secondary:focus, button.btn-cta-secondary:focus {
background-color: var(--button-cta-secondary-background-color-focus);
color: var(--button-cta-secondary-text-color-focus);
}
.btn.btn-cta-secondary:disabled, button.btn-cta-secondary.disabled {
background-color: var(--button-cta-secondary-background-color-disabled);
color: var(--button-cta-secondary-text-color-disabled);
}
.btn.annotation-button {
border-radius: 4px;
padding: 0.75rem;
}
.btn-checkbox {
background-color: var(--color-button-checkbox-background);
border-color: var(--color-button-checkbox-border);
color: var(--color-button-checkbox-text);
font-size: var(--text-size-base);
font-weight: var(--font-weight-light);
border-radius: 20px;
padding: 4px 20px;
margin-bottom: 0.5rem;
cursor: pointer;
}
.btn-checkbox:hover {
background-color: var(--color-button-checkbox-background-hover);
border-color: var(--color-button-checkbox-border-hover);
color: var(--color-button-checkbox-text-hover);
}
.btn-checkbox-check {
background-color: var(--color-button-checkbox-background-checked);
border-color: var(--color-button-checkbox-border-checked);
color: var(--color-button-checkbox-text-checked);
}
.btn-checkbox-check:hover {
background-color: var(--color-button-checkbox-background-checked-hover);
border-color: var(--color-button-checkbox-border-checked-hover);
color: var(--color-button-checkbox-text-checked-hover);
}
.btn-checkbox > [data-toggle="tooltip"] {
color: var(--color-button-checkbox-text);
}
.btn-checkbox-check > [data-toggle="tooltip"] {
color: var(--color-button-checkbox-text-checked);
}
.btn-details-inactive,
.btn-details-inactive:hover {
cursor: default;
background-color: #E1E1E1;
border-color: #AEAEAE;
color: var(--sp-white);
}
.btn-direct-copy {
margin-right: 1rem;
}
.btn-disabled,
.btn-disabled:hover {
background-color: var(--color-primary-disabled);
color: var(--color-primary-text-disabled);
border-color: var(--color-primary-outline-disabled);
pointer-events: none;
}
.btn-filter-dropdown{
border:1px solid;
margin-bottom: 1px;
text-align: left;
}
.btn.btn-component > img,
.btn.btn-component > i,
.btn.btn-component > svg {
display: inline-block;
margin-right: 0.5rem;
height: 1rem;
width: 1rem;
}
.btn.btn-component > .toggle-icon {
height: 1rem;
width: 1rem;
}
.btn-orange, .btn-warning {
background-color: var(--sp-orange);
border-color: var(--sp-orange);
color: var(--sp-white);
}
.btn-reorder {
border: 1px solid #0F62FE;
color: #0F62FE;
width: 100%;
max-width: 200px;
line-height: 1.5;
background-color: var(--sp-white);
}
.btn-reorder:hover {
background-color: #0F62FE;
border-color: #0F62FE;
color: var(--sp-white);
}
.btn-switch {
background-color: var(--sp-white);
border: 1px solid #0F62FE;
color: #0F62FE;
font-size: 12px;
border-radius: 15px;
padding: 4px 20px;
}
.btn-view button {
border: transparent;
background: transparent;
}
.btn-view button:active {
outline-width: 0;
}
/*.btn.btn-link {*/
/* color: var(--link-text-color);*/
/* text-decoration: none;*/
/*}*/
.btn-link:hover {
color: var(--link-text-color-hover);
}
.btn-link:active {
color: var(--link-text-color-active);
}
.btn.btn-link.danger {
color: var(--color-danger-text);
}
.btn-link.danger:hover {
color: var(--color-danger-text-hover);
}
.btn-link.danger:active {
color: var(--color-danger-text-active);
}
.btn-upgrade {
background-color: var(--upgrade-button-background-color);
border-color: var(--upgrade-button-border-color);
color: var(--upgrade-button-text-color);
}
.btn-upgrade:hover {
background-color: var(--upgrade-button-background-color-hover);
border-color: var(--upgrade-button-border-color-hover);
color: var(--upgrade-button-text-color-hover);
}
.btn.btn-clear,
.btn.btn-clear:hover,
.btn.btn-clear:active,
.btn.btn-clear:focus,
.btn.btn-clear:disabled {
background-color: transparent;
border-color: transparent;
color: unset;
margin: 0;
padding: 0;
}
.btn.btn-clear > i,
.btn.btn-clear > img,
.btn.btn-clear > svg {
margin: 0 0 0 0;
height: unset;
}
.input-group .btn > img,
.input-group .btn > i {
margin: 0 0 0 0;
}
.btn.btn-signup {
background-color: var(--signup-button-background-color);
border-color: var(--signup-button-border-color);
color: var(--signup-button-text-color);
font-weight: var(--font-weight-regular);
}
.btn.btn-signup:hover {
background: var(--signup-button-background-color-hover);
border-color: var(--signup-button-border-color-hover);
color: var(--signup-button-text-color-hover);
}
.btn-navbar-login {
color: var(--navbar-login-button-text-color);
font-weight: var(--font-weight-medium);
}
.btn-navbar-login:hover {
color: var(--navbar-login-button-text-color-hover);
}
.btn.btn-upload {
border: 1px solid var(--upload-button-border-color);
border-radius: 5px;
height: 30px;
line-height: 17px;
}
.btn.btn-upload:hover {
color: var(--upload-button-text-color-hover);
}
.user-bubble-image {
object-fit: cover;
}
:root, [data-theme="dark"] {
/* ScreenPal Brand Blue & variants */
--sp-brand-blue-h: 232;
--sp-brand-blue: hsl(232 21% 39%); /* #4E5377 */
--sp-brand-blue-950: hsl(232 48% 3%); /* #04050B */
--sp-brand-blue-900: hsl(232 46% 10%); /* #0E1126 */
--sp-brand-blue-800: hsl(232 44% 17%); /* #181D3D */
--sp-brand-blue-700: hsl(232 41% 23%); /* #222851 */
--sp-brand-blue-600: hsl(232 32% 33%); /* #3A4070 */
--sp-brand-blue-500: hsl(232 21% 39%); /* #4E5377 */
--sp-brand-blue-400: hsl(232 26% 41%); /* #4D5382 */
--sp-brand-blue-300: hsl(232 43% 79%); /* #B4BAE1 */
--sp-brand-blue-200: hsl(232 100% 91%); /* #D0D6FF */
--sp-brand-blue-100: hsl(232 23% 85%); /* #D0D3E2 */
--sp-brand-blue-50: hsl(232 21% 92%); /* #E6E7EF */
/* Blues */
--sp-blue: hsl(207 100% 57%); /* #239DFF */
--sp-blue-950: hsl(207 73% 3%); /* #02080D */
--sp-blue-900: hsl(207 73% 6%); /* #04101A */
--sp-blue-800: hsl(207 75% 17%); /* #0B2F4C */
--sp-blue-700: hsl(207 75% 29%); /* #124F81 */
--sp-blue-600: hsl(207 75% 43%); /* #1B76C0 */
--sp-blue-500: hsl(207 100% 57%); /* #239DFF */
--sp-blue-400: hsl(217 100% 80%); /* #97BFFF */
--sp-blue-300: hsl(217 100% 87%); /* #BDD6FF */
--sp-blue-200: hsl(217 100% 91%); /* #D1E3FF */
--sp-blue-100: hsl(217 100% 95%); /* #E6EFFF */
--sp-blue-50: hsl(217 100% 97%); /* #F0F6FF */
/* Grays */
--sp-gray: hsl(227 4% 53%); /* #82848C */
--sp-gray-950: hsl(216 6% 9%); /* #161718 */
--sp-gray-900: hsl(220 6% 16%); /* #26282b */
--sp-gray-800: hsl(222 6% 23%); /* #37393E */
--sp-gray-700: hsl(222 5% 32%); /* #4E5056 */
--sp-gray-600: hsl(226 5% 40%); /* #61636B */
--sp-gray-500: hsl(227 4% 53%); /* #7E8291 */
--sp-gray-400: hsl(229 4% 63%); /* #9D9EA4 */
--sp-gray-300: hsl(231 4% 72%); /* #B5B6BA */
--sp-gray-200: hsl(232 3% 83%); /* #D2D3D5 */
--sp-gray-100: hsl(234 3% 88%); /* #DFE0E1 */
--sp-gray-50: hsl(228 3% 94%); /* #EFEFF0 */
/* White & Black */
--sp-white: hsl(0 100% 100%); /* #FFFFFF */
--sp-black: hsl(0 0% 0%); /* #000000 */
/* Purples */
--sp-purple: hsl(271 51% 50%); /* #803EBF */
--sp-purple-950: hsl(271 97% 5%); /* #0D0019 */
--sp-purple-900: hsl(271 92% 10%); /* #1A0231 */
--sp-purple-800: hsl(271 85% 20%); /* #34085E */
--sp-purple-700: hsl(271 75% 30%); /* #4E1386 */
--sp-purple-600: hsl(271 63% 40%); /* #6826A6 */
--sp-purple-500: hsl(271 51% 50%); /* #803EBF */
--sp-purple-400: hsl(264 100% 71%); /* #A76DFF */
--sp-purple-300: hsl(264 85% 75%); /* #B489F5 */
--sp-purple-200: hsl(264 60% 80%); /* #C6ADEB */
--sp-purple-100: hsl(264 45% 90%); /* #E3DAF1 */
--sp-purple-50: hsl(264 25% 95%); /* #F2EFF5 */
/* Pinks */
--sp-pink: hsl(334 69% 49%); /* #D12771 */
--sp-pink-600: hsl(334 74% 36%); /* #A01853 */
--sp-pink-500: hsl(334 69% 49%); /* #D12771 */
--sp-pink-400: hsl(334 82% 63%); /* #EE5397 */
--sp-pink-300: hsl(334 60% 48%); /* #A53160 */
--sp-pink-200: hsl(332 65% 57%); /* #C03970 */
/* Reds */
--sp-red: hsl(355 100% 57%); /* #FF2438 */
--sp-red-950: hsl(355 100% 7%); /* #240003 */
--sp-red-900: hsl(355 100% 17%); /* #570007 */
--sp-red-800: hsl(355 100% 27%); /* #8A000B */
--sp-red-700: hsl(355 100% 37%); /* #BD0010 */
--sp-red-600: hsl(355 100% 47%); /* #F00014 */
--sp-red-500: hsl(355 100% 57%); /* #FF2438 */
--sp-red-400: hsl(355 100% 72%); /* #FF717E */
--sp-red-300: hsl(357 85% 76%); /* #F68E93 */
--sp-red-200: hsl(357 70% 80%); /* #F0A8AC */
--sp-red-100: hsl(357 55% 84%); /* #EDC0C2 */
--sp-red-50: hsl(357 40% 88%); /* #EDD4D5 */
--color-danger-text: var(--sp-red-500);
--color-danger-text-hover: var(--sp-red-400);
--color-danger-text-active: var(--sp-red-600);
/* Greens */
--sp-green: hsl(137 52% 55%); /* #53C874 */
--sp-green-950: hsl(137 87% 7%); /* #02210B */
--sp-green-900: hsl(137 77% 15%); /* #094419 */
--sp-green-800: hsl(137 67% 25%); /* #156A2D */
--sp-green-700: hsl(137 62% 35%); /* #229141 */
--sp-green-600: hsl(137 57% 45%); /* #31B456 */
--sp-green-500: hsl(137 52% 55%); /* #53C874 */
--sp-green-400: hsl(137 47% 65%); /* #7CD094 */
--sp-green-300: hsl(137 42% 75%); /* #A4DAB4 */
--sp-green-200: hsl(137 37% 80%); /* #B9DFC4 */
--sp-green-100: hsl(137 32% 84%); /* #C9E3D1 */
--sp-green-50: hsl(137 27% 88%); /* #D8E9DD */
--color-success-text: var(--sp-green-600);
--color-success-text-hover: var(--sp-green-500);
--color-success-text-active: var(--sp-green-700);
/* Oranges */
--sp-orange: hsl(14 85% 57%); /* #EF6034 */
--sp-orange-950: hsl(14 100% 7%); /* #240800 */
--sp-orange-900: hsl(14 100% 17%); /* #571400 */
--sp-orange-800: hsl(14 100% 27%); /* #8A2000 */
--sp-orange-700: hsl(14 100% 37%); /* #BD2C00 */
--sp-orange-600: hsl(14 100% 47%); /* #F03800 */
--sp-orange-500: hsl(14 85% 57%); /* #EF6034 */
--sp-orange-400: hsl(14 85% 65%); /* #F27D5A */
--sp-orange-300: hsl(14 85% 76%); /* #F6A68E */
--sp-orange-200: hsl(14 70% 80%); /* #F0B9A8 */
--sp-orange-100: hsl(14 55% 84%); /* #EDCAC0 */
--sp-orange-50: hsl(14 40% 88%); /* #EDDAD4 */
--color-warning-text: var(--sp-orange-500);
--color-warning-text-hover: var(--sp-orange-400);
--color-warning-text-active: var(--sp-orange-600);
/* Yellows */
--sp-yellow: hsl(44, 100%, 48%); /* #F7B500 */
--sp-yellow-600: hsl(44, 100%, 39%); /* #C79200 */
--sp-yellow-500: hsl(44, 100%, 48%); /* #F7B500 */
--sp-yellow-400: hsl(44, 88%, 57%); /* #F2BF33 */
/* Generic color variables */
--color-cta: var(--sp-pink-400);
--color-cta-hover: var(--sp-pink-300);
--color-cta-active: var(--sp-pink-500);
--color-danger: var(--sp-red-500);
--color-danger-hover: var(--sp-red-400);
--color-danger-active: var(--sp-red-600);
--color-info: var(--sp-blue-500);
--color-info-hover: var(--sp-blue-400);
--color-info-active: var(--sp-blue-600);
--color-success: var(--sp-green-600);
--color-success-hover: var(--sp-green-500);
--color-success-active: var(--sp-green-700);
--color-warning: var(--sp-orange-500);
--color-warning-hover: var(--sp-orange-400);
--color-warning-active: var(--sp-orange-600);
--color-draft: var(--sp-gray-400);
/* Input/Control element focus rings */
--sp-element-focus-ring-color: hsl(207 100% 57% / 50%);
--sp-jstree-item-background-color: hsl(206 62% 59% / 6%);
--ai-input-border-color: var(--sp-blue-500);
--ai-error-border-color: hsl(354, 70%, 54%);
--ai-generate-button-default-left: var(--sp-purple-400);
--ai-generate-button-default-right: var(--sp-blue-500);
--ai-generate-button-hover-left: var(--sp-purple-300);
--ai-generate-button-hover-right: var(--sp-blue-400);
--ai-generate-button-down-left: var(--sp-purple-500);
--ai-generate-button-down-right: var(--sp-blue-600);
--ai-generate-button-complete-left: var(--sp-green-700);
--ai-generate-button-complete-right: var(--sp-blue-500);
--ai-generate-button-error-left: var(--sp-red-800);
--ai-generate-button-error-right: var(--sp-red-950);
--ai-generate-button-disabled-text: var(--sp-black);
--ai-generate-button-disabled-background: var(--sp-gray-500);
/* Element Colors */
--body-background-color: var(--sp-brand-blue-700);
--loading-page-background-color: var(--sp-brand-blue-900);
--base-text-color: var(--sp-brand-blue-50);
--label-text-color: var(--base-text-color);
--separator-color: var(--sp-brand-blue-500);
--navbar-separator-color: var(--sp-brand-blue-500);
--divider-line-color: var(--separator-color);
--divider-label-color: var(--sp-brand-blue-300);
--stand-alone-page-navbar-background-color: var(--sp-brand-blue-900);
--stand-alone-page-background-color: var(--sp-brand-blue-800);
--scrollbar-background-color: transparent; /* var(--sp-brand-blue-50); */
--scrollbar-thumb-color: var(--sp-gray-600);
--scrollbar-thumb-color-hover: var(--sp-gray-500);
--scrollbar-thumb-color-active: var(--sp-gray-400);
--scrollbar-box-shadow: inset 0 0 3px var(--sp-brand-blue-950);
--select-all-checkbox-label-color: var(--sp-gray-400);
--select-overlay-background-color: var(--sp-brand-blue-950);
--select-overlay-color: var(--sp-brand-blue-50);
--login-page-background-color: var(--sp-brand-blue-600);
--primary-nav-background-color: var(--sp-brand-blue-800);
--record-response-band-background-color: var(--sp-gray-500);
--record-response-band-text: var(--sp-brand-blue-50);
--heatmap-chart-wrapper-background-color: var(--sp-brand-blue-800);
--heatmap-chart-border-bottom-color: var(--sp-gray-600);
--heatmap-percentage-background-color: var(--sp-brand-blue-900);
--heatmap-percentage-color: var(--sp-brand-blue-50);
--analytics-tables-button-color: var(--sp-gray-300);
--analytics-metric-card-background-color: var(--sp-brand-blue-800);
--analytics-metric-title-color: var(--sp-gray-300);
--analytics-sort-button-color: var(--sp-gray-300);
--analytics-heatmap-chart-default-border-color: var(--sp-brand-blue-800);
--analytics-heatmap-chart-data-set-background-color: hsl(137 100% 71% / 33%); /* Requires alpha #19443 */
--analytics-heatmap-chart-data-set-border-color: var(--sp-gray-900);
--analytics-heatmap-table-thead-border-bottom-color: var(--sp-brand-blue-700);
--analytics-heatmap-table-tbody-border-bottom-color: var(--sp-brand-blue-700);
--analytics-popover-header-color: var(--sp-brand-blue-700);
--analytics-trends-chart-default-background-color: var(--sp-brand-blue-800);
--analytics-trends-chart-background-color: var(--sp-brand-blue-800);
--analytics-trends-table-label-checkbox-legend-background-color: var(--sp-brand-blue-500);
--analytics-trends-table-th-label-background-color: var(--sp-brand-blue-900);
--analytics-trends-table-th-label-border-color: var(--sp-brand-blue-900);
--analytics-trends-table-th-label-color: var(--sp-brand-blue-50);
--analytics-trends-thumbnail-border-color: var(--sp-gray-700);
--analytics-trends-table-border-left-color: var(--sp-brand-blue-400);
--analytics-trends-table-thead-border-color: var(--sp-brand-blue-400);
--analytics-trends-table-thead-border-bottom-color: var(--sp-brand-blue-400);
--analytics-trends-table-thead-border-right-color: var(--sp-brand-blue-400);
--analytics-trends-table-thead-border-top-color: var(--sp-brand-blue-900);
--analytics-trends-table-thead-border-left-color: var(--sp-brand-blue-700);
--analytics-trends-table-tbody-border-bottom-color: var(--sp-brand-blue-400);
--analytics-trends-table-tbody-border-top-color: var(--sp-brand-blue-900);
--analytics-trends-table-tbody-border-right-color: var(--sp-brand-blue-700);
--analytics-trends-table-tbody-border-left-color: var(--sp-brand-blue-700);
--analytics-trends-chart-default-color: var(--sp-white);
--analytics-trends-chart-default-border-color: var(--sp-gray-700);
--tooltip-arrow-color: var(--sp-brand-blue-600);
--tooltip-background-color: var(--sp-brand-blue-600);
--tooltip-text-color: var(--sp-brand-blue-50);
--tooltip-link-color: var(--sp-white);
--action-nav-background-color: var(--sp-brand-blue-900);
--action-nav-link-text-color: var(--sp-brand-blue-300);
--action-nav-link-text-color-hover: var(--sp-brand-blue-200);
--action-nav-link-text-color-current: var(--sp-white);
--sidebar-background-color: var(--sp-brand-blue-800);
--sidebar-border-color: var(--sp-brand-blue-400);
--sidebar-brand-section-background-color: var(--sp-brand-blue-700);
--sidebar-nav-link-background-color-hover: var(--sp-jstree-item-background-color);
--sidebar-nav-link-background-color-selected: var(--sp-jstree-item-background-color);
--sidebar-nav-section-title-text-color: var(--sp-gray-300);
--sidebar-nav-link-text-color: var(--sp-brand-blue-300);
--sidebar-nav-link-text-color-current: var(--sp-white);
--sidebar-nav-link-left-border-color-selected: var(--sp-pink-500);
--nav-tabs-border-color: var(--sp-brand-blue-600);
--nav-tab-border-color-current: var(--sp-brand-blue-600);
--nav-tab-link-text-color: var(--sp-brand-blue-300);
--nav-tab-link-text-color-hover: var(--sp-brand-blue-200);
--nav-tab-link-text-color-current: var(--sp-white);
--breadcrumb-color: var(--sp-blue-500);
--breadcrumb-color-hover: var(--sp-blue-400);
--dropdown-background-color: var(--sp-brand-blue-600);
--dropdown-link-text-color: var(--sp-white);
--dropdown-link-text-color-active: var(--sp-black);
--dropdown-link-text-color-focus: hsl(232 0% 90%);
--dropdown-link-text-color-hover: hsl(232 0% 90%);
--dropdown-link-text-color-disabled: hsl(232 0% 80%);
--dropdown-link-background-color-active: hsl(232 0% 90%);
--dropdown-link-background-color-focus: var(--sp-brand-blue-400); /* hsl(232 26% 51%); */
--dropdown-link-background-color-hover: var(--sp-brand-blue-400); /* hsl(232 26% 51%); */
--dropdown-link-background-color-disabled: transparent;
--dropdown-qr-code-background-color: var(--sp-brand-blue-500);
--select-box-background-color: var(--sp-brand-blue-800);
--select-box-item-text-color: var(--sp-white);
--select-box-item-background-color: var(--sp-brand-blue-800);
--select-box-item-background-color-hover: var(--sp-brand-blue-700);
--select-box-item-background-color-selected: var(--sp-brand-blue-600);
--selected-media-action-buttons-wrapper-bg: var(--sp-brand-blue-700);
--selected-media-options-wrapper-bg: var(--sp-brand-blue-800);
--select-box-multiple-background-color: transparent;
--select-box-multiple-item-text-color: var(--sp-white);
--select-box-multiple-item-background-color: transparent;
--select-box-multiple-item-background-color-hover: var(--sp-brand-blue-600);
--select-box-multiple-item-background-color-selected: var(--sp-brand-blue-500);
--select-box-multiple-item-background-color-selected-hover: var(--sp-brand-blue-400);
--select-block-item-lms-disabled: var(--sp-gray-600);
--popup-form-text-color: var(--base-text-color);
--popup-form-background-color: var(--sp-brand-blue-800);
--popup-form-border-color: var(--separator-color);
--channel-consumption-border-color: var(--separator-color);
--channel-consumption-box-screencast-border-color: var(--separator-color);
--counter-component-border-color: var(--sp-brand-blue-300);
--counter-component-input-background-color: var(--sp-brand-blue-600);
--counter-component-input-text-color: var(--sp-white);
--counter-component-input-background-color-focus: var(--sp-brand-blue-600);
--counter-component-input-text-color-focus: var(--sp-white);
--counter-component-button-background-color: var(--sp-brand-blue-300);
--counter-component-button-text-color: var(--sp-brand-blue-900);
--counter-component-button-background-color-hover: var(--sp-brand-blue-400);
--tab-button-link-text-color: var(--base-text-color);
--tab-button-link-text-color-hover: var(--sp-white);
--tab-button-link-text-color-focus: var(--sp-white);
--tab-button-link-text-color-active: var(--sp-white);
--password-page-text-color: var(--sp-white);
--popover-background-color: var(--sp-brand-blue-600);
--popover-arrow-border-color: var(--sp-brand-blue-600);
--popover-text-color: var(--base-text-color);
--modal-background-color: var(--sp-brand-blue-700);
--modal-text-color: var(--base-text-color);
--modal-header-background-color: transparent;
--modal-title-color: var(--base-text-color);
--modal-nav-link-background-color-hover: var(--sp-brand-blue-500);
--modal-nav-link-background-color-selected: var(--sp-brand-blue-600);
--modal-nav-link-left-border-color-selected: var(--sp-pink-500);
--modify-plan-card-body-backgroud-color: var(--sp-brand-blue-800);
--solo-deluxe-card-color: var(--sp-purple);
--solo-deluxe-card-hover-color: var(--sp-purple);
--solo-deluxe-card-title-color: var(--sp-purple-400);
--solo-deluxe-card-footer-color: var(--sp-purple);
--solo-premier-card-color: var(--sp-pink);
--solo-premier-card-discount-flag-background-color: var(--sp-pink);
--solo-premier-card-discount-flag-text-color: var(--base-text-color);
--solo-premier-card-hover-color: var(--sp-pink);
--solo-premier-card-title-color: var(--sp-pink-400);
--solo-premier-card-footer-color: var(--sp-pink);
--solo-max-card-color: var(--sp-blue);
--solo-max-card-discount-flag-background-color: var(--sp-blue);
--solo-max-card-discount-flag-text-color: var(--base-text-color);
--solo-max-card-hover-color: var(--sp-blue);
--solo-max-card-title-color: var(--sp-blue-400);
--solo-max-card-footer-color: var(--sp-blue);
--team-current-plan-card-color: var(--sp-blue);
--team-current-plan-card-hover-color: var(--sp-blue);
--team-current-plan-card-title-color: var(--sp-blue-400);
--team-upgrade-plan-card-color: var(--sp-pink);
--team-upgrade-plan-card-hover-color: var(--sp-pink);
--team-upgrade-plan-card-title-color: var(--sp-pink-400);
--team-upgrade-plan-card-discount-flag-background-color: var(--sp-pink);
--team-upgrade-plan-card-discount-flag-text-color: var(--base-text-color);
--team-plan-modify-card-color: var(--sp-brand-blue);
--team-plan-modify-card-title-color: var(--sp-brand-blue-400);
--team-modify-plan-card-discount-flag-background-color: var(--sp-brand-blue);
--team-modify-plan-card-discount-flag-text-color: var(--base-text-color);
--user-circle-background-color: var(--sp-brand-blue-200);
--user-circle-text-color: var(--sp-brand-blue-950);
--user-circle-border-color: var(--sp-gray-500);
--user-circle-hover-background-color: var(--sp-brand-blue-300);
--user-circle-image-background-color: transparent;
--user-circle-image-hover-background-color: var(--sp-brand-blue-700);
--content-details-form-background-color: var(--sp-brand-blue-800);
--child-menu-background-color: var(--sp-brand-blue-800);
--edit-quiz-questions-container-background-color: var(--sp-brand-blue-800);
--edit-quiz-questions-header-background-color: var(--sp-brand-blue-900);
--edit-quiz-summary-container-background-color: var(--sp-brand-blue-400);
--edit-quiz-summary-chart-default-text-color: var(--sp-brand-blue-50);
--edit-quiz-summary-header-background-color: var(--sp-brand-blue-800);
--edit-quiz-summary-header-border-color: var(--sp-brand-blue-800);
--edit-quiz-summary-question-container-border-color: var(--sp-brand-blue-300);
--player-spinner-background-color: var(--sp-brand-blue-800);
--no-content-line-one-color: var(--sp-pink-400);
--no-content-line-two-color: var(--sp-white);
--no-content-line-two-link-color: var(--sp-white);
/* Button colors */
--color-primary: var(--sp-brand-blue-400);
--color-primary-background: var(--color-primary);
--color-primary-border: var(--sp-brand-blue-400);
--color-primary-box-shadow: unset;
--color-primary-text: var(--sp-brand-blue-50);
--color-primary-hover: var(--sp-brand-blue-300);
--color-primary-background-hover: var(--color-primary-hover);
--color-primary-border-hover: var(--color-primary-hover);
--color-primary-box-shadow-hover: hsl(var(--sp-brand-blue-h) 99% 68% / 50%);
--color-primary-text-hover: var(--sp-brand-blue-500); /* var(--sp-brand-blue-950); */
--color-primary-focus: var(--sp-brand-blue-600);
--color-primary-background-focus: var(--color-primary-focus);
--color-primary-border-focus: var(--color-primary-focus);
--color-primary-box-shadow-focus: hsl(var(--sp-brand-blue-h) 99% 68% / 50%);
--color-primary-text-focus: var(--sp-brand-blue-50);
--color-primary-active: var(--sp-brand-blue-600);
--color-primary-background-active: var(--color-primary-active);
--color-primary-border-active: var(--color-primary-active);
--color-primary-box-shadow-active: hsl(var(--sp-brand-blue-h) 99% 68% / 50%);
--color-primary-text-active: var(--sp-brand-blue-50);
--color-primary-disabled: hsl(232 10% 41%);
--color-primary-background-disabled: var(--color-primary-disabled);
--color-primary-border-disabled: var(--color-primary-disabled);
--color-primary-box-shadow-disabled: unset;
--color-primary-text-disabled: var(--sp-gray-400);
--color-primary-outline: var(--sp-brand-blue-50);
--color-primary-outline-background: transparent;
--color-primary-outline-border: hsl(232 10% 40%);
--color-primary-outline-box-shadow: unset;
--color-primary-outline-text: var(--color-primary-outline);
--color-primary-outline-hover: var(--sp-brand-blue-50);
--color-primary-outline-background-hover: hsl(232 32% 33%);
--color-primary-outline-border-hover: hsl(232 10% 40%);
--color-primary-outline-box-shadow-hover: unset;
--color-primary-outline-text-hover: var(--color-primary-outline-hover);
--color-primary-outline-focus: var(--sp-brand-blue-50);
--color-primary-outline-background-focus: hsl(232 32% 33%);
--color-primary-outline-border-focus: hsl(232 10% 40%);
--color-primary-outline-box-shadow-focus: unset;
--color-primary-outline-text-focus: var(--color-primary-outline-focus);
--color-primary-outline-active: var(--sp-brand-blue-50);
--color-primary-outline-background-active: hsl(232 32% 33%);
--color-primary-outline-border-active: hsl(232 10% 40%);
--color-primary-outline-box-shadow-active: unset;
--color-primary-outline-text-active: var(--color-primary-outline-active);
--color-primary-outline-disabled: var(--sp-gray-100);
--color-primary-outline-background-disabled: hsl(232 12% 53%);
--color-primary-outline-border-disabled: hsl(232 10% 40%);
--color-primary-outline-box-shadow-disabled: unset;
--color-primary-outline-text-disabled: var(--color-primary-outline-disabled);
--color-secondary: var(--sp-brand-blue-100);
--color-secondary-background: var(--color-secondary);
--color-secondary-border: var(--color-secondary-background);
--color-secondary-box-shadow: unset;
--color-secondary-text: var(--sp-brand-blue-900);
--color-secondary-hover: var(--sp-brand-blue-300);
--color-secondary-background-hover: var(--color-secondary-hover);
--color-secondary-border-hover: var(--color-secondary-background-hover);
--color-secondary-box-shadow-hover: hsl(232 17% 90% / 50%);
--color-secondary-text-hover: var(--sp-brand-blue-900);
--color-secondary-focus: var(--sp-brand-blue-300);
--color-secondary-background-focus: var(--color-secondary-focus);
--color-secondary-border-focus: var(--color-secondary-background-focus);
--color-secondary-box-shadow-focus: hsl(232 17% 90% / 50%);
--color-secondary-text-focus: var(--sp-brand-blue-900);
--color-secondary-active: var(--sp-brand-blue-400);
--color-secondary-background-active: var(--color-secondary-active);
--color-secondary-border-active: var(--color-secondary-background-active);
--color-secondary-box-shadow-active: hsl(232 17% 85% / 50%);
--color-secondary-text-active: var(--sp-white);
--color-secondary-disabled: var(--sp-gray-500);
--color-secondary-background-disabled: var(--color-secondary-disabled);
--color-secondary-border-disabled: var(--color-secondary-background-disabled);
--color-secondary-box-shadow-disabled: unset;
--color-secondary-text-disabled: var(--sp-gray-200);
--create-menu-background-color: hsl(232,44%,17%);
--create-menu-header-background-color: var(--sp-brand-blue-900);
--create-menu-border-color: var(--sp-brand-blue-600);
--create-menu-button-border-color: var(--sp-pink-500);
--create-menu-button-color: var(--sp-pink-500);
--create-menu-header-border-color: var(--sp-pink-500);
--create-menu-button-clicked-color: hsl(230,44%,11%);
--create-menu-text-color: var(--base-text-color);
--create-menu-button-arrow-clicked-color: var(--sp-pink-500);
--link-text-color: var(--base-text-color);
--link-text-color-active: var(--sp-brand-blue-300);
--link-text-color-focus: var(--sp-brand-blue-300);
--link-text-color-hover: var(--sp-brand-blue-300);
--link-text-color-disabled: var(--sp-gray-400);
--form-control-background-color: transparent;
--form-control-color: var(--base-text-color);
--form-control-border-color: hsl(232, 10%, 40%);
--form-control-background-color-focus: hsl(232 41% 23%);
--form-control-border-color-focus: hsl(232 10% 60%);
--form-control-box-shadow-color-focus: hsla(232 10% 60% / 25%);
--form-control-color-focus: var(--base-text-color);
--form-control-background-color-disabled: hsl(232 0% 100% / 5%);
--form-control-color-disabled: hsl(232 0% 80%);
--form-control-border-color-error: var(--sp-red-400);
--form-control-placeholder-color: hsl(232 0% 50%);
--form-control-background-color-modal: var(--sp-brand-blue-600);
--datepicker-arrows-color: var(--base-text-color);
--datepicker-background-color: var(--sp-brand-blue-800);
--datepicker-disabled-text-color: var(--sp-gray-600);
--datepicker-item-hover-color: var(--sp-brand-blue-600);
--datepicker-outline-color: hsl(232, 10%, 40%);
--datepicker-text-color: var(--base-text-color);
--datepicker-today-background-color: var(--sp-brand-blue-600);
--datepicker-calendar-button-color: var(--sp-blue-500);
--checkbox-color: var(--sp-gray-300);
--checkbox-color-checked: var(--sp-green-500);
--checkbox-color-disabled: var(--sp-gray-300);
--checkbox-background-color: var(--sp-white);
--checkbox-background-color-checked: var(--sp-white);
--checkbox-background-color-disabled: var(--sp-gray-500) hsl(232 0% 46%);
--recorder-buttons-background-color: var(--sp-brand-blue-800);
--recorder-buttons-text-color: var(--sp-white);
--question-block-background-color: var(--sp-brand-blue-600);
--question-plus-background-color: var(--sp-brand-blue-700);
--question-plus-icon-color: var(--sp-white);
--table-background-color: var(--sp-brand-blue-800);
--table-row-background-color: var(--sp-brand-blue-800);
--table-row-bakground-color-hover: var(--sp-brand-blue-600);
--table-header-row-background-color: var(--body-background-color);
--table-header-row-color: var(--sp-brand-blue-100);
--table-cell-color: var(--sp-white);
--table-cell-link-color: hsl(217 100% 80%);
--table-cell-link-color-hover: hsl(217 100% 85%);
--table-selectable-selected-row-background-color: var(--sp-brand-blue-800);
--table-selectable-selected-row-text-color: var(--sp-white);
--table-selectable-selected-row-background-color-hover: var(--sp-brand-blue-700);
--table-light-background-color: var(--sp-brand-blue-600);
--table-light-row-background-color: var(--sp-brand-blue-600);
--table-light-row-bakground-color-hover: var(--sp-brand-blue-700);
--table-transparent-background-color: transparent;
--table-transparent-row-background-color: transparent;
--table-transparent-row-bakground-color-hover: transparent;
--bulk-import-table-background-color: var(--body-background-color);
--tabs-tab-gradient: linear-gradient(hsl(232 36% 13%), hsl(232 34% 15%));
--tabs-tab-background-color: var(--sp-brand-blue-800);
--tabs-tab-color: var(--base-text-color);
--tabs-tab-border-right-color: var(--sp-brand-blue-900);
--tabs-tab-selected-background-color: var(--sp-brand-blue-700);
--tabs-tab-selected-color: var(--sp-white);
--tabs-tab-selected-border-bottom-color: var(--sp-brand-blue-700);
--tabs-tab-background-color-hover: var(--sp-brand-blue-900);
--tabs-tab-color-hover: var(--base-text-color);
--select-background-color: transparent;
--select-text-color: var(--base-text-color);
--select-option-background-color: var(--sp-brand-blue-700);
--flatpickr-input-background-color: var(--sp-brand-blue-800);
--select-picker-item-background-color: transparent;
--select-picker-item-border-color: hsl(232 10% 40%);
--select-picker-item-color: var(--base-text-color);
--select-picker-item-background-color-selected: transparent;
--select-picker-item-border-color-selected: var(--sp-green);
--select-picker-item-color-selected: var(--base-text-color);
--select-picker-item-background-color-disabled: hsl(0 0% 93%);
--select-picker-item-border-color-disabled: hsl(0 0% 87%);
--select-picker-item-color-disabled: var(--base-text-color);
--select-picker-select-image-background-color: transparent;
--select-picker-select-image-border-color: hsl(232 10% 40%);
--select-picker-select-image-background-color-selected: transparent;
--select-picker-select-image-border-color-selected: var(--sp-green);
--side-section-border-color: var(--sp-brand-blue-900);
--media-card-border-color: hsl(232 0% 52% / 24%);
--media-card-box-shadow-color-hover: var(--sp-gray-400);
--media-card-body-background-color: var(--sp-brand-blue-800);
--media-card-link-color: var(--base-text-color);
--media-card-link-color-hover: var(--base-text-color);
--media-card-thumbnail-overlay-color: var(--sp-brand-blue-900);
--media-card-overlay-color: var(--sp-white);
--info-card-background-color: var(--sp-brand-blue-800);
--info-card-link-color: var(--base-text-color);
--info-card-link-color-hover: var(--base-text-color);
--color-button-checkbox-background: var(--color-secondary-background);
--color-button-checkbox-border: var(--color-secondary-border);
--color-button-checkbox-text: var(--color-secondary-text);
--color-button-checkbox-background-hover: var(--color-secondary-background-hover);
--color-button-checkbox-border-hover: var(--color-secondary-border-hover);
--color-button-checkbox-text-hover: var(--color-secondary-text-hover);
--color-button-checkbox-background-checked: var(--sp-purple-600);
--color-button-checkbox-border-checked: var(--sp-purple-600);
--color-button-checkbox-text-checked: var(--sp-purple-50);
--color-button-checkbox-background-checked-hover: var(--sp-purple-500);
--color-button-checkbox-border-checked-hover: var(--sp-purple-500);
--color-button-checkbox-text-checked-hover: var(--sp-purple-100);
--toggle-button-background-color-off: transparent;
--toggle-button-border-color-off: var(--form-control-border-color);
--toggle-button-text-color-off: var(--sp-white);
--toggle-button-background-color-off-hover: transparent;
--toggle-button-border-color-off-hover: var(--form-control-border-color);
--toggle-button-background-color-off-active: transparent; /* var(--color-secondary-background-active); */
--toggle-button-border-color-off-active: var(--form-control-border-color); /* var(--color-secondary-border-active); */
--toggle-button-background-color-off-focus: transparent; /* var(--color-secondary-background-focus); */
--toggle-button-border-color-off-focus: var(--form-control-border-color); /* var(--color-secondary-border-focus); */
--toggle-button-background-color-off-disabled: var(--sp-gray-600);
--toggle-button-border-color-off-disabled: var(--sp-gray-600);
--toggle-button-text-color-off-disabled: var(--sp-gray-800);
--toggle-button-background-color-on: var(--sp-green-500);
--toggle-button-border-color-on: var(--sp-green-500);
--toggle-button-text-color-on: var(--sp-brand-blue-950);
--toggle-button-background-color-on-hover: var(--sp-green-400);
--toggle-button-border-color-on-hover: var(--sp-green-400);
--toggle-button-background-color-on-active: var(--sp-green-400);
--toggle-button-border-color-on-active: var(--sp-green-400);
--toggle-button-background-color-on-focus: var(--sp-green-400);
--toggle-button-border-color-on-focus: var(--sp-green-400);
--toggle-button-background-color-on-disabled: var(--sp-gray-600);
--toggle-button-border-color-on-disabled: var(--sp-gray-600);
--toggle-button-text-color-on-disabled: var(--sp-gray-800);
--button-cta-background-color: var(--sp-pink-500);
--button-cta-text-color: var(--sp-brand-blue-50);
--button-cta-background-color-hover: var(--sp-pink-600);
--button-cta-text-color-hover: var(--sp-brand-blue-50);
--button-cta-background-color-active: var(--sp-pink-600);
--button-cta-text-color-active: var(--sp-brand-blue-50);
--button-cta-background-color-focus: var(--sp-pink-600);
--button-cta-text-color-focus: var(--sp-brand-blue-50);
--button-cta-background-color-disabled: var(--sp-pink-600);
--button-cta-text-color-disabled: var(--sp-brand-blue-50);
--button-cta-secondary-background-color: var(--sp-blue-500);
--button-cta-secondary-text-color: var(--sp-brand-blue-50);
--button-cta-secondary-background-color-hover: var(--sp-blue-600);
--button-cta-secondary-text-color-hover: var(--sp-brand-blue-50);
--button-cta-secondary-background-color-active: var(--sp-blue-600);
--button-cta-secondary-text-color-active: var(--sp-brand-blue-50);
--button-cta-secondary-background-color-focus: var(--sp-blue-600);
--button-cta-secondary-text-color-focus: var(--sp-brand-blue-50);
--button-cta-secondary-background-color-disabled: var(--sp-blue-600);
--button-cta-secondary-text-color-disabled: var(--sp-brand-blue-50);
--sort-list-active-color: var(--sp-white);
--sort-list-active-color-hover: hsl(232 9% 72%);
--sort-list-inactive-color: var(--sp-white);
--sort-list-inactive-color-hover: hsl(232 9% 72%);
--advert-banner-background-color: var(--sp-brand-blue-600);
--advert-banner-text-color: var(--base-text-color);
--purge-banner-background-color: var(--sp-red-700);
--purge-banner-text-color: var(--base-text-color);
--alert-success-background-color: var(--sp-green-50);
--alert-success-color: var(--sp-gray-800);
--alert-success-link-color: var(--sp-green-500);
--alert-success-border-color: var(--sp-green-400);
--alert-success-icon-color: var(--sp-green-500);
--alert-info-background-color: var(--sp-blue-100);
--alert-info-color: var(--sp-gray-800);
--alert-info-link-color: var(--sp-blue-500);
--alert-info-border-color: var(--sp-blue-400);
--alert-info-icon-color: var(--sp-blue-500);
--alert-danger-background-color: var(--sp-red-50);
--alert-danger-color: var(--sp-gray-800);
--alert-danger-link-color: var(--sp-red-500);
--alert-danger-border-color: var(--sp-red-400);
--alert-danger-icon-color: var(--sp-red-500);
--alert-warning-background-color: var(--sp-orange-50);
--alert-warning-color: var(--sp-gray-800);
--alert-warning-link-color: var(--sp-orange-500);
--alert-warning-border-color: var(--sp-orange-400);
--alert-warning-icon-color: var(--sp-orange-500);
--dragbox-container-background-color: var(--sp-pink-500);
--magenta-gradient: linear-gradient(hsl(334 82% 63%), hsl(334 74% 36%));
--page-header-bottom-border-color: var(--sp-brand-blue-900);
--content-details-option-title-background-color: var(--sp-brand-blue-900);
--search-bar-sticky-background-color: var(--body-background-color);
--darken-background-color: hsl(232, 44%, 17%);
--filter-pill-background-color: hsl(233 26% 41%);
--filter-pill-color: var(--sp-white);
--user-profile-dropdown-mobile-header-background-color: var(--sp-brand-blue-700);
--screenpal-dropdown-background-color: var(--sp-brand-blue-700);
--screenpal-dropdown-text-color: var(--sp-brand-blue-50);
--dropdown-item-upgrade-title-color: var(--sp-purple-500);
--list-group-item-background-color: var(--sp-brand-blue-700);
--list-group-item-border-color: var(--sp-white);
--active-screencast-left-border-color: var(--sp-pink);
--active-tab-bottom-border-color: var(--sp-pink);
--commenting-box-footer-bg-color: var(--sp-brand-blue-800);
--commenting-box-highlight-background-color: var(--sp-brand-blue-600);
--losing-features-list-background-color: var(--sp-brand-blue-800);
--launch-background-color: var(--sp-white);
--launch-link-color: var(--sp-brand-blue-600);
--launch-link-color-hover: var(--sp-brand-blue-900);
--upload-field-background-color: var(--sp-brand-blue-700);
--upload-field-border-color: var(--sp-white);
--upload-field-text-color: var(--sp-white);
--upload-item-background-color: var(--sp-brand-blue-700);
--upload-item-text-color: var(--sp-white);
--guide-text-blue-color: var(--sp-brand-blue-300);
--guide-text-green-color: var(--sp-green-500);
--guide-text-yellow-color: var(--sp-yellow-500);
--guide-text-pink-color: var(--sp-pink-500);
--guide-text-purple-color: var(--sp-purple-500);
--interaction-form-background-color: var(--sp-brand-blue-600);
--color-users-form-item-added-background: var(--sp-green-50);
--color-users-form-item-added-text: var(--sp-green-900);
--color-users-form-item-added-border: var(--sp-green-500);
--color-users-form-item-added-background-hover: var(--sp-green-100);
--color-users-form-item-added-text-hover: var(--sp-brand-blue-950);
--color-users-form-item-added-border-hover: var(--sp-green-500);
--color-users-form-item-removed-background: var(--sp-red-50);
--color-users-form-item-removed-text: var(--sp-red-950);
--color-users-form-item-removed-border: var(--sp-red-400);
--color-users-form-item-removed-background-hover: var(--sp-red-100);
--color-users-form-item-removed-text-hover: var(--sp-red-950);
--color-users-form-item-removed-border-hover: var(--sp-red-400);
--color-transcoding-message-text: var(--sp-white);
--color-transcoding-message-title-text: var(--sp-white);
--info-text-color: var(--sp-blue-400);
--info-text-color-hover: var(--sp-blue-300);
--info-text-color-active: var(--sp-blue-500);
--popover-link-text-color: var(--base-text-color);
--popover-link-text-color-hover: var(--sp-white);
--popover-link-text-color-focus: var(--sp-white);
--popover-link-text-color-active: var(--sp-white);
--popover-link-underline-color-hover: var(--sp-white);
--position-picker-disabled-background-color: var(--sp-brand-blue-50);
--position-picker-position-color: var(--sp-white);
--position-picker-position-after-color: var(--sp-gray-400);
--position-picker-position-checked-after-background-color: var(--sp-white);
--position-picker-position-checked-after-color: var(--sp-green-600);
--navbar-login-button-text-color: var(--sp-white);
--navbar-login-button-text-color-hover: var(--sp-brand-blue-300);
--signup-button-background-color: var(--sp-pink-500);
--signup-button-border-color: var(--sp-pink-500);
--signup-button-text-color: var(--sp-white);
--signup-button-background-color-hover: var(--sp-pink-600);
--signup-button-border-color-hover: var(--sp-pink-600);
--signup-button-text-color-hover: var(--sp-white);
--ui-autocomplete-background-color: var(--sp-brand-blue-600);
--ui-autocomplete-color: var(--sp-brand-blue-50);
--ui-autocomplete-hover-background-color: hsl(232 26% 51%);
--upload-button-border-color: var(--sp-brand-blue-50);
--upload-button-text-color-hover: var(--sp-white);
--upgrade-button-background-color: var(--sp-pink-500);
--upgrade-button-border-color: var(--sp-pink-500);
--upgrade-button-text-color: var(--sp-white);
--upgrade-button-background-color-hover: var(--sp-pink-600);
--upgrade-button-border-color-hover: var(--sp-pink-600);
--upgrade-button-text-color-hover: var(--sp-white);
--radio-button-background-color: var(--sp-white);
--radio-button-background-image-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
--radio-button-background-color-checked: var(--sp-green-500);
--radio-button-background-color-disabled: var(--sp-gray-400);
--radio-button-border-color-disabled: var(--sp-gray-400);
--slide-toggle-button-color: var(--sp-gray-50);
--slide-toggle-background-color: var(--sp-gray-600);
--slide-toggle-background-color-checked: var(--sp-green-400);
--cname-setup-container-background-color: var(--sp-brand-blue-800);
--numbered-bullet-background-color: var(--sp-blue-500); /* #0843cf; */
--numbered-bullet-text-color: var(--sp-white); /* #FFFFFF; */
--help-card-backgroud-color: var(--sp-brand-blue-900);
--help-card-text-color: var(--base-text-color);
--quiz-question-time-spent-text-color: var(--base-text-color);
--unlock-feature-cta-left-color: var(--sp-pink-500);
--unlock-feature-cta-left-hover-color: var(--sp-pink-400);
--unlock-feature-cta-right-color: var(--sp-purple-400);
--unlock-feature-cta-right-hover-color: var(--sp-purple-300);
--disabled-quiz-background-color: var(--sp-brand-blue-700);
--disabled-quiz-border-hover-color: var(--sp-gray-400);
--disabled-quiz-row-background-color: hsl(234 42% 20%);
--disabled-quiz-row-border-hover-color: var(--sp-gray-500);
--notification-color: var(--sp-gray-950);
--notification-background-color: hsl(231 4% 72% / 95%);
--notification-success-color: var(--sp-green-950);
--notification-success-background-color: hsl(137 42% 75% / 95%);
--notification-info-color: var(--sp-blue-950);
--notification-info-background-color: hsl(217 100% 87% / 95%);
--notification-warning-color: var(--sp-orange-950);
--notification-warning-background-color: hsl(14 85% 76% / 95%);
--notification-danger-color: var(--sp-red-950);
--notification-danger-background-color: hsl(357 85% 76% / 95%);
--notification-error-color: var(--sp-red-950);
--notification-error-background-color: hsl(357 85% 76% / 95%);
--sp-cta-button-background: var(--sp-pink-200);
--sp-cta-button-background-hover: var(--sp-pink-300);
--text-diff-color: var(--sp-orange-300);
--top-nav-color: var(--sp-white);
--top-nav-hover-highlight: var(--sp-pink);
/* Admin Specific Variables */
--admin-link-text-color: var(--sp-blue-400);
--admin-link-text-color-hover: var(--sp-blue-200);
--admin-link-danger-text-color: var(--sp-red-400);
--admin-link-danger-text-color-hover: var(--sp-red-200);
--admin-left-nav-heading-text-color: var(--sp-gray-500);
--admin-tab-border-color: var(--sp-brand-blue-900);
--admin-tab-background-color: var(--sp-brand-blue-800);
--admin-tab-text-color: var(--sp-brand-blue-50);
--admin-tab-background-color-hover: var(--sp-brand-blue-700);
--admin-tab-background-color-active: var(--sp-brand-blue-600);
--admin-tab-text-color-active: var(--sp-white);
--admin-add-icon-color: var(--sp-blue-500);
--download-quote-icon-color: var(--sp-gray-500);
--download-quote-icon-color-hover: var(--sp-gray-50);
--positioned-modal-background-color: var(--sp-brand-blue-600);
--positioned-modal-border-color: var(--sp-brand-blue-900);
--visibility-block-unpublish-button-background-color: var(--sp-blue-500);
--player-controls-block-active-background-color: var(--sp-brand-blue-600);
--timeline-item-background-color-hover: hsl(207 100% 57% / 0.1);
--timeline-item-copy-background-color-hover: hsl(0 100% 100% / 0.1);
}
:root {
--font-family-base: 'Roboto', sans-serif;
--font-weight-thin: 100;
--font-weight-extra-light: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--font-weight-extra-bold: 800;
--font-weight-black: 900;
--text-size-xs: calc(var(--text-size-sm) - 0.125rem);
--text-size-sm: calc(var(--text-size-base) - 0.125rem);
--text-size-base: 1rem;
--text-size-lg: calc(var(--text-size-base) + 0.125rem);
--text-size-xl: calc(var(--text-size-lg) + 0.125rem);
--text-size-2xl: calc(var(--text-size-xl) + 0.25rem);
--text-size-3xl: calc(var(--text-size-2xl) + 0.375rem);
--text-size-4xl: calc(var(--text-size-3xl) + 0.375rem);
--text-size-5xl: calc(var(--text-size-4xl) + 0.75rem);
--text-size-6xl: calc(var(--text-size-5xl) + 0.75rem);
--text-size-7xl: calc(var(--text-size-6xl) + 0.75rem);
--text-size-8xl: calc(var(--text-size-7xl) + 1.5rem);
--text-size-9xl: calc(var(--text-size-8xl) + 2rem);
--text-line-height-base: 1.5rem;
--text-line-height-lg: calc(var(--text-line-height-base) + .25rem);
--text-line-height-xl: calc(var(--text-line-height-base) + .25rem);
--text-line-height-2xl: calc(var(--text-line-height-lg) + .25rem);
--text-line-height-3xl: calc(var(--text-line-height-2xl) + .25rem);
--text-line-height-4xl: calc(var(--text-line-height-3xl) + .25rem);
--text-line-height-5xl: calc(var(--text-line-height-4xl) + .25rem);
--text-line-height-6xl: calc(var(--text-line-height-5xl) + .25rem);
--text-line-height-7xl: calc(var(--text-line-height-6xl) + .25rem);
--text-line-height-8xl: calc(var(--text-line-height-7xl) + .25rem);
--text-line-height-9xl: calc(var(--text-line-height-8xl) + .25rem);
--text-line-height-sm: calc(var(--text-line-height-base) - .25rem);
--text-line-height-xs: calc(var(--text-line-height-sm) - .25rem);
--text-line-height-2xs: calc(var(--text-line-height-xs) - .25rem);
--text-line-height-3xs: calc(var(--text-line-height-2xs) - .25rem);
--text-line-height-4xs: calc(var(--text-line-height-3xs) - .25rem);
}
/* Helper Classes */
.font-weight-thin { font-weight: var(--font-weight-thin); }
.font-weight-extra-light { font-weight: var(--font-weight-extra-light); }
.font-weight-light { font-weight: var(--font-weight-light); }
.font-weight-regular { font-weight: var(--font-weight-regular); }
.font-weight-medium { font-weight: var(--font-weight-medium); }
.font-weight-semi-bold { font-weight: var(--font-weight-semi-bold); }
.font-weight-bold { font-weight: var(--font-weight-bold); }
.font-weight-extra-bold { font-weight: var(--font-weight-extra-bold); }
.font-weight-black { font-weight: var(--font-weight-black); }
.text-size-xs { font-size: var(--text-size-xs); }
.text-size-sm { font-size: var(--text-size-sm); }
.text-size-base { font-size: var(--text-size-base); }
.text-size-lg { font-size: var(--text-size-lg); }
.text-size-xl { font-size: var(--text-size-xl); }
.text-size-2xl { font-size: var(--text-size-2xl); }
.text-size-3xl { font-size: var(--text-size-3xl); }
.text-size-4xl { font-size: var(--text-size-4xl); }
.text-size-5xl { font-size: var(--text-size-5xl); }
.text-size-6xl { font-size: var(--text-size-6xl); }
.text-size-7xl { font-size: var(--text-size-7xl); }
.text-size-8xl { font-size: var(--text-size-8xl); }
.text-size-9xl { font-size: var(--text-size-9xl); }
.text-line-height-base { line-height: var(--text-line-height-base); }
.text-line-height-lg { line-height: var(--text-line-height-lg); }
.text-line-height-xl { line-height: var(--text-line-height-xl); }
.text-line-height-2xl { line-height: var(--text-line-height-2xl); }
.text-line-height-3xl { line-height: var(--text-line-height-3xl); }
.text-line-height-4xl { line-height: var(--text-line-height-4xl); }
.text-line-height-5xl { line-height: var(--text-line-height-5xl); }
.text-line-height-6xl { line-height: var(--text-line-height-6xl); }
.text-line-height-7xl { line-height: var(--text-line-height-7xl); }
.text-line-height-8xl { line-height: var(--text-line-height-8xl); }
.text-line-height-9xl { line-height: var(--text-line-height-9xl); }
.text-line-height-sm { line-height: var(--text-line-height-sm); }
.text-line-height-xs { line-height: var(--text-line-height-xs); }
.text-line-height-2xs { line-height: var(--text-line-height-2xs); }
.text-line-height-3xs { line-height: var(--text-line-height-3xs); }
.text-line-height-4xs { line-height: var(--text-line-height-4xs); }
html, body, .jstree > * {
font-family: var(--font-family-base);
font-weight: var(--font-weight-light);
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
body {
font-size: var(--text-size-base);
line-height: var(--text-line-height-base);
}
body .footer_bg {
line-height: var(--text-line-height-3xl);
}
table, td, a, label {
font-weight: var(--font-weight-light);
}
table th {
font-weight: var(--font-weight-medium);
}
.form-control,
button,
input,
select {
font-size: var(--text-size-base);
font-weight: var(--font-weight-regular);
line-height: var(--text-line-height-base);
}
strong {
font-weight: var(--font-weight-regular);
}
b {
font-weight: var(--font-weight-semi-bold);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-weight: var(--font-weight-light);
line-height: 1.25;
}
pre {
font-size: var(--text-size-sm);
}
.form-group > .help-text,
.form-group > .error-text {
font-size: var(--text-size-sm);
font-weight: var(--font-weight-light);
line-height: var(--text-line-height-sm);
}
.text-diff {
color: var(--text-diff-color);
font-style: italic;
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-thickness: 1px;
}
/*! CSS Used from: bootstrap.min.css */
*,::after,::before{box-sizing:border-box;}
small{font-size:80%;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
img{vertical-align:middle;border-style:none;}
input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
input{overflow:visible;}
small{font-size:80%;font-weight:400;}
.dropdown-toggle{white-space:nowrap;}
.dropdown-toggle:empty::after{margin-left:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
.dropdown-menu-right{right:0;left:auto;}
.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef;}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa;}
.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff;}
.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent;}
.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529;}
.d-none{display:none!important;}
.d-flex{display:-ms-flexbox!important;display:flex!important;}
#content-link ul{overflow-y: hidden;}
.ml-3, .mx-3{margin-left:1rem!important;}
@media (min-width:576px){
.navbar-right #create-menu .dropdown-menu {left:calc(100% - 530px)!important;transform:unset!important;top:unset!important;min-width:500px;}
}
@media (min-width:992px){
.d-lg-block{display:block!important;}
}
.ml-1{margin-left:.25rem!important;}
@media (min-width:992px){
.ml-lg-3{margin-left:1rem!important;}
}
@media only screen and (max-width: 767px) {
.ml-3, .mx-3 {margin-left:0.5rem!important;}
}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
img{page-break-inside:avoid;}
}
/*! CSS Used from: app.css */
a{color:#549FD7;}
.background-on-hover{cursor:pointer;display:inline-block;background-size:0;}
.background-on-hover:hover{background-size:44px 44px;}
.background-on-hover:hover img{opacity:0!important;}
.dropdown-menu.user{border:1px solid #A4A4A4;border-radius:3px;box-shadow:0.1rem 0 0.2rem rgba(0, 0, 0, .15);font-size:14px;width:300px;}
.dropdown-menu.user a{display:block;float:none;}
.dropdown-main-section {padding: 1em 5px;}
.navbar-right .launch-editor{background-image:url('//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/launch_buttons/[email protected]');}
.navbar-right .launch-recorder{background-image:url('//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/launch_buttons/[email protected]');}
.navbar-right .launch-stories{background-image:url('//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/stories_hover.svg');}
.navbar-right a{display:inline-block;float:left;}
.navbar-right a:hover{text-decoration:none;}
.navbar-separate{width:2px;background-color:rgba(0, 0, 0, .1);}
.overlay-button-img {height:44px;width:44px;}
.user-circle{background:#C7D6D5;border-radius:1em;color:#000000;font-size:22px;height:2em;line-height:2em;text-align:center;vertical-align:text-bottom;min-width:2em;max-width:2em;width:2em;display:flex;align-items:center;justify-content:center;}
.far {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#userDropdownMenuLink::after{display:none;}
.trial-badge {position:absolute;border-radius:25px;background-color:#023A77;color:#FFF;right:82px;top:34px;display:block;}
@media (min-width: 992px){
.navbar-right .user-circle{font-size:22px;}
}
/*! CSS Used from: bootstrap.min.css */
*,::after,::before{box-sizing:border-box;}
small{font-size:80%;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
img{vertical-align:middle;border-style:none;}
input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
input{overflow:visible;}
small{font-size:80%;font-weight:400;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
.dropdown-menu-right{right:0;left:auto;}
.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef;}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa;}
.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff;}
.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent;}
.dropdown-menu.show{display:block;}
.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529;line-height:1.5;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
img{page-break-inside:avoid;}
}
/*! CSS Used from: /css/app.css */
a{color:#549FD7;}
#profile-dropdown.dropdown-menu img, #profile-dropdown.dropdown-menu .dropdown-item img{width:16px;height:16px;margin-bottom:3px;}
.header .navbar-right {margin-top: 1px;}
.dropdown-menu.user{color:var(--base-text-color);background-color:var(--dropdown-background-color);border:none;border-radius: 4px;box-shadow: 0.1rem 0 0.2rem rgba(0, 0, 0, .15);padding-bottom: 0px;width: 300px;top: 100%;font-size:1rem;right:-30px;}
.dropdown-main-section {padding: 1em 5px;}
.dropdown-menu.user a{display:block;float:none;color:var(--link-text-color);}
.dropdown-menu.user a.screenpal-dropdown-link {display: inline;}
.dropdown-divider {border-top: 1px solid var(--separator-color);}
#profile-dropdown .qr-code-dropdown{padding: 1rem;background-color: var(--dropdown-qr-code-background-color);}
#profile-dropdown.dropdown-menu .qr-icons-section a img.icon {width:22px;height:22px;}
.dropdown-menu .qr-code-dropdown .qr-icon{top: 0;}
#profile-dropdown .dropdown-item {line-height:1.5rem;}
#profile-dropdown .dropdown-item img {margin-right:14px;}
#profile-dropdown .dropdown-item,#profile-dropdown .dropdown-item-text small{font-weight: 300;}
#profile-dropdown .dropdown-item-text{display: block;padding: 0.25rem 1.5rem;color: var(--base-text-color);}
#profile-dropdown a.dropdown-item:focus,#profile-dropdown a.dropdown-item:hover{color:var(--link-text-color);text-decoration:none;background-color:var(--dropdown-link-background-color-hover);}
.dropdown-menu.user .screenpal-section a.screenpal-dropdown-link img {position:absolute;left:calc(100% - 32px);width:22px;height:22px;margin-top:6px;}
.navbar-right a{display:inline-block;float:left;}
.navbar-right a:hover{text-decoration:none;}
.profile-image-md {height:44px;width:44px;border-radius:50%;overflow:hidden;}
.header_rgt img.profile-image-md {height:44px !important;width:44px !important;object-fit:cover;}
.qr-icons-section {position: absolute; right: 10px;}
.qr-icon {position: relative; top: 8px;}
.screenpal-dropdown {background-color:var(--screenpal-dropdown-background-color);color:var(--screenpal-dropdown-text-color);display:flex;height:56px;padding:0.5rem;}
.screenpal-dropdown-text {margin-top:0;}
.screenpal-dropdown-text strong {font-weight: 400;}
.screenpal-section {margin-left:9px;}
.dropdown-menu.user img.screenpal-dropdown-img {width:174px;height:28px;margin-top:10px;}
.qr-icon {top: 8px;}
.cursor-pointer {cursor: pointer;}
@media screen and (max-width:767px) {
#profile-dropdown {width:100vw;height:100vh;position:fixed;top:0px;left:0px;padding-top:0;margin-top:0px;}
.mobile-nav-header {min-height: 65px;padding-top: 10px;}
}
/* CSS used for QR code modal window */
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.d-flex {
display: -ms-flexbox;
display: flex;
}
div.qr-modal-top {
height: 220px;
}
.fade:not(.show) {
opacity: 0;
}
.fade {
transition: opacity .15s linear;
}
body .modal-content h4 {
color: var(--base-text-color);
font-weight: 300;
line-height: 15px;
}
.modal-content .qr-modal-top. h4 {
font-size: 1.5rem;
font-family: Roboto, Open-Sans, "Open Sans", Arial, Helvetica, sans-serif;
padding: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5rem;
font-weight: 400;
line-height: 1.2;
}
.h4-no-transform {
text-transform: inherit;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.modal-content {
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-50px);
transform: translate(0,-50px);
}
.modal-dialog {
position: relative;
width: 676px;
margin: 0.5rem;
pointer-events: auto;
}
.modal-dialog .modal-content {
min-height: auto;
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
pointer-events: auto;
background-color: var(--modal-background-color);
background-clip: padding-box;
border: 0;
border-radius: 0.3rem;
outline: 0;
color: var(--modal-text-color);
min-height: 670px;
}
.modal-content .modal-header {
padding: 1rem;
border-bottom: 1px solid var(--separator-color);
}
.modal-content .modal-header .close {
color: var(--modal-text-color);
line-height: var(--text-line-height-2xl);
margin: 0;
padding: 0;
}
.modal-content .qr-modal-top. .pt-4 {
padding-top: 1rem;
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-content .modal-header .modal-title {
color: var(--modal-title-color);
font-size: var(--text-size-2xl);
font-weight: var(--font-weight-light);
line-height: var(--text-line-height-2xl);
letter-spacing: 0;
}
.modal-content .modal-header .close {
color: var(--modal-text-color);
line-height: var(--text-line-height-2xl);
margin: 0;
padding: 0;
}
.modal-content .text-center {
text-align: center;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
img.qr-code {
display: block;
margin-left: 216px;
margin-right: auto;
margin-top: 10px;
border-radius: 20px;
width: 240px;
box-shadow: 0px 0px 10px grey;
}
.qr-modal-bottom {
color: var(--base-text-color);
height: 170px;
border-radius: 0 0 5px 5px;
margin-top: 160px;
}
.qr-bottom-text {
color: var(--base-text-color);
position: absolute;
left: 24%;
}
.align-items-end {
-ms-flex-align: end;
align-items: flex-end;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem;
}
.mb-0, .my-0 {
margin-bottom: 0;
}
.qr-code {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border-radius: 20px;
width: 240px;
box-shadow: 0px 0px 10px grey;
}
.user-circle, .user-bubble {
background-color: var(--user-circle-background-color)!important;
border-color: var(--user-circle-border-color);
color: var(--user-circle-text-color)!important;
}
.user-circle:hover, .user-bubble:hover {
background-color: var(--user-circle-hover-background-color)!important;
}
.user-circle.user-circle-image, .user-bubble.user-bubble-image {
background-color: var(--user-circle-image-background-color)!important;
border-color: transparent!important;
color: transparent!important;
}
.user-circle.user-circle-image:hover, .user-bubble.user-bubble-image:hover {
background-color: var(--user-circle-image-hover-background-color)!important;
}
.user-bubble-image {
object-fit: cover;
}
#user-dropdown-banner {
display: block !important;
}
@media (max-width: 1199px) {
.header a img {
margin-top: 10px;
}
}
@media (max-width: 1199px) {
.header .header_rgt a img {
margin-top: 0px !important;
}
}
@media (max-width: 991px) {
.modal-dialog {
width: 85%;
height: auto;
}
}
@media (min-width: 768px) {
.d-sm-block {
display: block !important;
}
}
@media (min-width: 576px) {
.modal-dialog {
margin: 1.75rem auto;
}
div.qr-modal-top {
height: auto;
}
}
</style>
<div id="create-menu" class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Create
<i class="fa fa-angle-down"></i>
</button>
<div class="dropdown-menu create-menu-with-banner" aria-labelledby="dropdownMenuButton">
<div class="create-menu-banner-row row m-0">
<div class="col col-md-12 p-0">
<iframe src="/create-menu-banner?cacheable=true" id="create-menu-banner" style="overflow: hidden; border: 0;" referrerpolicy="same-origin" height="130px;" width="100%" scrolling="no">
</iframe>
</div>
</div>
<div class="row m-0">
<div class="col col-md-6 col-sm-12">
<div class="create-menu-header">
<div>
Create
</div>
<div>
<img class="lazy-user create-menu-close" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/modify_plan/icon_x.svg" height="16">
</div>
</div>
<div class="button-wrapper">
<a id="screenshot-button" href="#" onclick="launchScreenshot('AccountClickLaunchScreenshot','/download-install-screenshots')" data-screenpal-ignore="true">
<div class="menu-button">
<div id="launch-screenshot" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/screenshot.svg" height="44">
</div>
<span class="cursor-pointer">Capture Screenshot</span>
</div>
</a>
</div>
<div class="button-wrapper">
<a class="m-2" href="#" onclick="launchRecorder('AccountClickLaunchRecorder','/download-install-recorder')" data-screenpal-ignore="true">
<div class="menu-button">
<div id="launch-recorder" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/recorder.svg" height="44">
</div>
<span class="cursor-pointer">Record Screen / Cam</span>
</div>
</a>
</div>
<div class="button-wrapper">
<a href="#" onclick="launchEditImage('AccountClickLaunchEditImage','/download-install-image-editor')" data-screenpal-ignore="true">
<div class="menu-button">
<div id="edit-image" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/edit_image.svg" height="44">
</div>
<span class="cursor-pointer">Edit Image</span>
</div>
</a>
</div>
<div class="button-wrapper">
<a href="#" onclick="launchEditVideo('AccountClickLaunchEditVideo','/download-install-video-editor')" data-screenpal-ignore="true">
<div class="menu-button">
<div id="launch-editor" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/video_editor.svg" height="44">
</div>
<span class="cursor-pointer">Edit Video</span>
</div>
</a>
</div>
</div>
<div class="col col-md-6 col-sm-12">
<div class="button-wrapper">
<a id="stories-button" href="#" onclick="launchStories('AccountClickLaunchStories','/download-install-stories')" data-screenpal-ignore="true">
<div class="menu-button">
<div id="launch-stories" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/stories.svg" height="44">
</div>
<span class="cursor-pointer">Storyboard</span>
</div>
</a>
</div>
<div class="button-wrapper upload-content">
<a href="https://screenpal.com/login?furl=https%3A%2F%2Fscreenpal.com%2Fcontent%2Fupload" data-screenpal-ignore="true">
<div class="menu-button">
<div id="upload-content" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/upload_content.svg" height="44">
</div>
<span class="cursor-pointer">Upload Content</span>
</div>
</a>
</div>
<div class="button-wrapper create-quiz">
<a href="https://screenpal.com/login?furl=https%3A%2F%2Fscreenpal.com%2Fcontent%2Fquizzes" data-screenpal-ignore="true">
<div class="menu-button">
<div id="create-quiz" class="launch-tool-img">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/screenpal/nav/launcher_icons/create_quiz.svg" height="44">
</div>
<span class="cursor-pointer">Create Quiz</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
.button-wrapper {
display: flex;
align-items: center;
}
.button-wrapper a {
margin: 0.5rem 0 0.5rem 0.5rem !important;
padding: unset !important;
}
#create-menu .col-sm-6 {
float: left;
width: 50%;
padding-right: 15px;
padding-left: 15px;
}
#create-menu a:after {
width: 0;
}
#create-menu img.create-menu-close {
height: 25px;
width: 25px;
margin-right: 30px;
}
#create-menu > button {
background-color: var(--create-menu-button-color);
border-color: var(--create-menu-button-border-color);
color: var(--base-text-color);
margin-left: 1rem;
padding: 10px 20px;
border-radius: 25px;
}
.log_sig #create-menu > button[aria-expanded="false"] {
background-color: #020307;
}
.log_sig #create-menu .dropdown-menu {
top: unset !important;
transform: unset !important;
left: -280px !important;
min-width: 500px;
}
#create-menu > button[aria-expanded="true"] {
background-color: var(--create-menu-button-clicked-color);
}
#create-menu > button i {
color: var(--create-menu-text-color);
margin-left: 1px;
margin-top: 4px;
}
#create-menu > button[aria-expanded="true"] i {
color: var(--create-menu-button-arrow-clicked-color);
}
#create-menu .dropdown-menu {
background-color: var(--create-menu-background-color);
border: 1px solid var(--create-menu-border-color);
border-radius: 10px;
left: -350px;
min-width: 500px;
}
.app-not-installed #create-menu .create-menu-with-banner {
padding-top: 0;
}
.app-not-installed #create-menu .create-menu-banner-row iframe {
display: block;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom: 0.5rem;
}
.app-installed #create-menu .create-menu-banner-row,
.app-installed #create-menu .create-menu-banner-row iframe
{
display: none;
}
#create-menu .dropdown-menu a {
font-weight: 700!important;
font-size: 15px!important;
}
#create-menu .dropdown-toggle::after {
display: none;
}
#create-menu .launch-tool-img {
background-color: #101429;
border-radius: 44px;
height: 44px;
width: 44px;
}
#create-menu .launch-tool-img:hover {
background-color: #050819;
}
.create-menu-header {
background-color: var(--create-menu-header-background-color);
color: var(--create-menu-text-color);
height: 60px;
padding-left: 30px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--create-menu-header-border-color);
border-top: 1px solid var(--create-menu-header-border-color);
}
.create-menu-header {
display: none;
}
.menu-button {
display: flex;
align-items: center;
}
.menu-button span {
color: var(--base-text-color);
margin-left: 0.5rem;
}
@media (min-width: 576px) {
min-width: 460px;
}
@media (max-width: 575px) {
.button-wrapper {
padding-left: 15px;
}
.col {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.create-menu-header {
padding-left: 30px;
width: 100vw;
}
#create-menu .dropdown-menu {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed !important;
border-radius: 0;
transform: none !important;
margin-top: 0;
padding-top: 0;
}
#create-menu .dropdown-menu > div {
display: block;
}
.create-menu-header {
display: flex;
margin-bottom: 10px;
}
}
</style>
<script>
(function() {
const iPadOs = navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
let eventName = ('' === 'app' ? 'Web' : 'Mkg') + 'ButtonClick';
let eventProps = {action: 'click'}
$('.upload-content').click(() => {
eventProps.name = 'AccountClickLaunchUploadContent';
analyticsEvent(eventName, eventProps, null);
});
$('.create-quiz').click(() => {
eventProps.name = 'AccountClickLaunchCreateQuiz';
analyticsEvent(eventName, eventProps, null);
});
// Check for iPadOs 13+ and remove screenshot and stories buttons
if (iPadOs) {
document.getElementById('screenshot-button').remove();
document.getElementById('stories-button').remove();
}
$('.create-menu-close').click(() => {
$('#create-menu').modal('hide');
});
})();
</script>
<script defer="" src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/vendor/alpinejs/v3.11.1/persist.min.js"></script>
<script defer="" src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/vendor/alpinejs/v3.11.1/alpinejs.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
$('.header [data-toggle="tooltip"]').attr('data-toggle', '');
$( '#openQrCodeModal' ).on( 'click', function() {
$('#qr-code-modal').addClass('show').css('display', 'block');
$('#qr-code-modal').css('background', 'rgba(0, 0, 0, 0.6)');
});
$( '.close' ).on( 'click', function() {
$( '#qr-code-modal' ).fadeOut();
});
});
</script>
</li>
<li><a class="btn" href="/register">Sign Up, It's
<strong>Free</strong></a>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="navbar navbar-default main-nav-menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle hamburger-menu" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="example-navbar-collapse" class="collapse navbar-collapse">
<div class="mobile-nav-wrapper">
<div class="mobile-nav-header" style="display: none;">
<img class="lazy-user mobile-logo" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/sp_logo_formerly_som_light.svg" alt="Screenpal formerly Screencast-O-Matic logo" width="200" height="32">
<div data-toggle="collapse" data-target="#example-navbar-collapse" class="mobile-close-btn close-btn-wrapper">
<img type="button" class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_close.svg" alt="Close button" width="27" height="29">
</div>
</div>
<ul class="nav navbar-nav">
<li id="mega_menu" class="desktoponly mega-menu product-menu">
<a href="#" class="" data-screenpal-ignore="true">
Product
<div class="dropdown-icon">
<i class="fa fa-angle-down"></i>
</div>
</a>
<div class="mega-dropdown-container" style="display: none; left: 0px;">
<div class="mega-menu-content">
<div class="col-9 m-1">
<ul class="mega-dropdown-menu product-dropdown row">
<div class="d-flex">
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/screen-recorder" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/screen_recorder.svg" alt="Menu icon">
<div>
<p class="title">
Screen recorder
</p>
<p class="description">
Record your screen for free.
</p>
</div>
</div>
</a>
</li>
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/video-editor" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/video_editor.svg" alt="Menu icon">
<div>
<p class="title">
Video editor
</p>
<p class="description">
Easily edit your videos for free.
</p>
</div>
</div>
</a>
</li>
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/video-management" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/video_content_hosting.svg" alt="Menu icon">
<div>
<p class="title">
Video & Image Hosting
</p>
<p class="description">
Share & protect your content with our content management platform.
</p>
</div>
</div>
</a>
</li>
</div>
<div class="d-flex">
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/screenshots" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/screenshots.svg" alt="Menu icon">
<div>
<p class="title">
Screenshots
</p>
<p class="description">
Instantly capture and annotate your screen.
</p>
</div>
</div>
</a>
</li>
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/image-editor" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/image_editor.svg" alt="Menu icon">
<div>
<p class="title">
Image editor
</p>
<p class="description">
Edit screenshots & imported images within minutes.
</p>
</div>
</div>
</a>
</li>
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/quizzing" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/video_quizzing.svg" alt="Menu icon">
<div>
<p class="title">
Video quizzing
</p>
<p class="description">
Engage with your audience through quiz questions, ratings, and polls.
</p>
</div>
</div>
</a>
</li>
</div>
<div class="d-flex">
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/stories" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/stories.svg" alt="Menu icon">
<div>
<p class="title">
Stories
</p>
<p class="description">
Streamline video creation with storyboards and scripts.
</p>
</div>
</div>
</a>
</li>
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/stock-library" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/stock_library.svg" alt="Menu icon">
<div>
<p class="title">
Stock Library
</p>
<p class="description">
Explore videos, images and music.
</p>
</div>
</div>
</a>
</li>
<li class="col-4 link-wrapper">
<a class="mega-menu-link" href="https://screenpal.com/video-analytics" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/analytics.svg" alt="Menu icon">
<div>
<p class="title">
Analytics
</p>
<p class="description">
Understand your audience with advanced video analytics.
</p>
</div>
</div>
</a>
</li>
</div>
</ul>
</div>
<div class="col-3 m-1">
<a class="mega-menu-link" href="https://screenpal.com/features">
<div class="menu-card view-all-tools">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/tools.svg" alt="Menu card icon">
<p class="menu-card-title">
View all tools
<i class="fa fa-arrow-right"></i>
</p>
<p class="menu-card-description"></p>
</div>
</a>
<a class="mega-menu-link" href="https://screenpal.com/integrations">
<div class="menu-card view-all-integrations">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/product/integrations.svg" alt="Menu card icon">
<p class="menu-card-title">
View all integrations
<i class="fa fa-arrow-right"></i>
</p>
<p class="menu-card-description"></p>
</div>
</a>
</div>
</div>
</div>
</li>
<li id="mega_menu_education" class="desktoponly mega-menu education-menu">
<a href="#" class="">
Education
<div class="dropdown-icon">
<i class="fa fa-angle-down"></i>
</div>
</a>
<div class="mega-dropdown-container" style="display: none; left: 0px;">
<div class="mega-menu-content">
<div class="col-8 m-1">
<ul class="mega-dropdown-menu row">
<div class="d-flex">
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/teachers" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/education/teachers.svg" alt="Menu icon">
<div>
<p class="title">
Teachers
</p>
<p class="description">
Bring lessons to life through videos and images.
</p>
</div>
</div>
</a>
</li>
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/resources-education" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/education/teaching_resources.svg" alt="Menu icon">
<div>
<p class="title">
Teaching Resources
</p>
<p class="description">
Certifications, webinars, and ideas for educators.
</p>
</div>
</div>
</a>
</li>
</div>
<div class="d-flex">
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/schools" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/education/schools.svg" alt="Menu icon">
<div>
<p class="title">
Schools & Districts
</p>
<p class="description">
Create and collaborate across your schools.
</p>
</div>
</div>
</a>
</li>
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/integration_type/education" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/education/teaching_integrations.svg" alt="Menu icon">
<div>
<p class="title">
Integrations
</p>
<p class="description">
Integrate with your top tools and learning management platforms (LMS).
</p>
</div>
</div>
</a>
</li>
</div>
<div class="d-flex">
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/higher-education" style="width:200px;" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/education/higher_ed.svg" alt="Menu icon">
<div>
<p class="title">
Higher Ed
</p>
<p class="description">
Guide and empower future generations.
</p>
</div>
</div>
</a>
</li>
</div>
</ul>
</div>
<div class="col-4 m-1">
<a class="mega-menu-link" href="/plans/education">
<div class="menu-card education-pricing">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/education/education_pricing.svg" alt="Menu card icon">
<p class="menu-card-title">
Education Pricing
<i class="fa fa-arrow-right"></i>
</p>
<p class="menu-card-description">Empowering students and teachers to collaborate at a discounted price.</p>
</div>
</a>
</div>
</div>
</div>
</li>
<li id="mega_menu_business" class="desktoponly mega-menu business-menu">
<a href="#" class="">
Business
<div class="dropdown-icon">
<i class="fa fa-angle-down"></i>
</div>
</a>
<div class="mega-dropdown-container" style="display: none; left: 0px;">
<div class="mega-menu-content" style="padding-bottom:10px;">
<div class="col-4 business-solution">
<div>
Business Solutions
</div>
<ul class="business-solution-list">
<li>
<a href="/business-sales">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/sales.svg" alt="Business solutions icon">
<span>Sales</span>
</a>
</li>
<li>
<a href="/business-hr-corporate-training">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/training.svg" alt="Business solutions icon">
<span>Training</span>
</a>
</li>
<li>
<a href="/business-marketing">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/marketing.svg" alt="Business solutions icon">
<span>Marketing</span>
</a>
</li>
<li>
<a href="/business-customer-support">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/customer_support.svg" alt="Business solutions icon">
<span>Customer Support</span>
</a>
</li>
<li>
<a href="/business-product">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/product.svg" alt="Business solutions icon">
<span>Product</span>
</a>
</li>
<li>
<a href="/business">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/see_business_solutions.svg" alt="Business solutions icon">
<span>See all business solutions</span>
</a>
</li>
</ul>
</div>
<div class="col-4 m-1">
<ul class="mega-dropdown-menu row">
<li class=" link-wrapper">
<a class="mega-menu-link" href="/resources-business" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/business_resources.svg" alt="Menu icon">
<div>
<p class="title">
Business Resources
</p>
<p class="description">
Certifications, webinars, tips, and insights.
</p>
</div>
</div>
</a>
</li>
<li class=" link-wrapper">
<a class="mega-menu-link" href="/integrations" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/business_integrations.svg" alt="Menu icon">
<div>
<p class="title">
Integrations
</p>
<p class="description">
Integrate with your everyday tools and your team's workflow.
</p>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="col-4 m-1">
<a class="mega-menu-link" href="/plans">
<div class="menu-card business-pricing">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/business/business_pricing.svg" alt="Menu card icon">
<p class="menu-card-title">
Pricing
<i class="fa fa-arrow-right"></i>
</p>
<p class="menu-card-description">Collaboration tools, stock photography, branded player, and more.</p>
</div>
</a>
</div>
</div>
</div>
</li>
<li class="mobileonly mobilemenu">
<a href="#" class=" navbar-collapse-product" data-toggle="collapse" data-target=".navbar-collapse-product">
Product
<div class="mobile-menu-border"></div>
<span class="mobile-sub-menu">
<img class="lazy-user angle-right" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/mobile-menu/pink-arrow.svg" alt="Pink arrow">
</span>
</a>
</li>
<li class="mobileonly mobilemenu">
<a href="#" class=" navbar-collapse-education" data-toggle="collapse" data-target=".navbar-collapse-education">
Education
<div class="mobile-menu-border"></div>
<span class="mobile-sub-menu">
<img class="lazy-user angle-right" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/mobile-menu/pink-arrow.svg" alt="Pink arrow">
</span>
</a>
</li>
<li class="mobileonly mobilemenu">
<a href="#" class=" navbar-collapse-business" data-toggle="collapse" data-target=".navbar-collapse-business">
Business
<div class="mobile-menu-border"></div>
<span class="mobile-sub-menu">
<img class="lazy-user angle-right" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/mobile-menu/pink-arrow.svg" alt="Pink arrow">
</span>
</a>
</li>
<li class="mobileonly mobilemenu">
<a href="#" class=" navbar-collapse-resources" data-toggle="collapse" data-target=".navbar-collapse-resources">
Resources
<div class="mobile-menu-border"></div>
<span class="mobile-sub-menu">
<img class="lazy-user angle-right" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/mobile-menu/pink-arrow.svg" alt="Pink arrow">
</span>
</a>
</li>
<li class="mobileonly mobilemenu">
<a href="/plans" class=" ">
Pricing
<div class="mobile-menu-border"></div>
</a>
</li>
<li id="mega_menu_resources" class="desktoponly mega-menu resources-menu">
<a href="#" class="">
Resources
<div class="dropdown-icon">
<i class="fa fa-angle-down"></i>
</div>
</a>
<div class="mega-dropdown-container" style="display: none; left: 0px;">
<div class="mega-menu-content">
<div class="col-8 m-1">
<ul class="mega-dropdown-menu row">
<div class="d-flex">
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/blog" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/resources/blog.svg" alt="Menu icon">
<div>
<p class="title">
Blog
</p>
<p class="description">
Read our latest articles on video creation and sharing.
</p>
</div>
</div>
</a>
</li>
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/tutorials" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/resources/tutorials.svg" alt="Menu icon">
<div>
<p class="title">
Tutorials & Training
</p>
<p class="description">
We'll walk you through our product features and share tips & tricks.
</p>
</div>
</div>
</a>
</li>
</div>
<div class="d-flex">
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/release-notes" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/resources/whats_new.svg" alt="Menu icon">
<div>
<p class="title">
What's new
</p>
<p class="description">
Stay updated with the latest features and releases.
</p>
</div>
</div>
</a>
</li>
<li class="col-6 link-wrapper">
<a class="mega-menu-link" href="/help-center" style="" target="_self">
<div class="mega-menu-item-content">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/resources/help.svg" alt="Menu icon">
<div>
<p class="title">
Help center
</p>
<p class="description">
Search our support articles, frequently asked questions, or reach out for help.
</p>
</div>
</div>
</a>
</li>
</div>
</ul>
</div>
<div class="col-4 m-1">
<a class="mega-menu-link" href="/video-creation-education">
<div class="menu-card earn-badge">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/fat_menu/resources/badge.svg" alt="Menu card icon">
<p class="menu-card-title">
Earn a Badge
<i class="fa fa-arrow-right"></i>
</p>
<p class="menu-card-description"></p>
</div>
</a>
</div>
</div>
</div>
</li>
<li id="mega_menu_plans" class="desktoponly mega-menu">
<a href="/plans" class="">
Pricing
</a>
</li>
</ul>
<div class="mobile-menu-login" style="display:none;">
<div class="log_sig">
<ul>
<li class="last"><a href="/login">Log In</a></li>
<li>
<a class="btn" href="/register">
Sign Up, It's <strong>Free</strong>
</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="collapse navbar-collapse-education childMenu">
<div class="mobile-nav-header">
<span class="close-navbar-collapse-education mobile-logo">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_arrow_left.svg" alt="Return to main menu" width="20" height="17">
Main Menu
</span>
<div data-toggle="collapse" data-target="#example-navbar-collapse" class="mobile-close-btn close-btn-wrapper">
<img type="button" class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_close.svg" alt="Close button" width="27" height="29">
</div>
</div>
<ul class="nav navbar-nav">
<li class="mobile-sub-menu-header">Education</li>
<li class="mobilemenu">
<a href="/teachers">
Teacher
<p>Bring lessons to life through videos and images.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/schools">
School & Districts
<p>Create and collaborate across your schools.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/higher-education">
Higher Ed
<p>Guide and empower future generations.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/resources-education">
Teaching Resources
<p>Certifications, webinars, and ideas for educators.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/integration_type/education">
Integrations
<p>Integrate with your top tools and learning management platforms (LMS).</p>
<div class="mobile-menu-border"></div>
</a>
</li>
</ul>
<div class="mobile-menu-login">
<div class="log_sig">
<ul>
<li class="last"><a href="/login">Log In</a></li>
<li>
<a class="btn" href="/register">
Sign Up, It's <strong>Free</strong>!!
</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="collapse navbar-collapse-business childMenu">
<div class="mobile-nav-header">
<span class="close-navbar-collapse-business mobile-logo">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_arrow_left.svg" alt="Return to main menu" width="20" height="17">
Main Menu
</span>
<div data-toggle="collapse" data-target="#example-navbar-collapse" class="mobile-close-btn close-btn-wrapper">
<img type="button" class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_close.svg" alt="Close button" width="27" height="29">
</div>
</div>
<ul class="nav navbar-nav">
<li class="mobile-sub-menu-header">Business</li>
<li class="mobilemenu">
<a href="/business-sales">
Sales
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/business-hr-corporate-training">
Training
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/business-marketing">
Marketing
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/business-customer-support">
Customer Support
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/business-product">
Product
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/business">
See all business solutions
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/resources-business">
Business Resources
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/integrations">
Integrations
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/plans">
Pricing
<p></p>
<div class="mobile-menu-border"></div>
</a>
</li>
</ul>
<div class="mobile-menu-login">
<div class="log_sig">
<ul>
<li class="last"><a href="/login">Log In</a></li>
<li>
<a class="btn" href="/register">
Sign Up, It's <strong>Free</strong>!!
</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="collapse navbar-collapse-product childMenu">
<div class="mobile-nav-header">
<span class="close-navbar-collapse-product mobile-logo">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_arrow_left.svg" alt="Return to main menu" width="20" height="17">
Main Menu
</span>
<div data-toggle="collapse" data-target="#example-navbar-collapse" class="mobile-close-btn close-btn-wrapper">
<img type="button" class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_close.svg" alt="Close button" width="27" height="29">
</div>
</div>
<ul class="nav navbar-nav">
<li class="mobile-sub-menu-header">Product</li>
<li class="mobilemenu">
<a href="/screen-recorder">
Screen recorder
<p>Record your screen for free.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/screenshots">
Screenshots
<p>Instantly capture and annotate your screen.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/stories">
Stories
<p>Streamline video creation with storyboards and scripts.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/video-editor">
Video editor
<p>Edit with our intuitive video editor.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/image-editor">
Image Editor
<p>Edit screenshots & uploaded images within minutes.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/stock-library">
Stock Library
<p>Explore videos, images and music.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/video-management">
Video & Image Hosting
<p>Share & protect your videos and image with our content management platform.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/quizzing">
Video quizzing
<p>Engage with your audience through quiz questions, ratings, and polls.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/video-analytics">
Analytics
<p>Understand your audience with advanced video analytics.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/features">
View all tools
<p>The all-in-one video creation and sharing platform.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/integrations">
View all integrations
<p>Integrate with your favorite tools and use video to communicate.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
</ul>
<div class="mobile-menu-login">
<div class="log_sig">
<ul>
<li class="last"><a href="/login">Log In</a></li>
<li>
<a class="btn" href="/register">
Sign Up, It's <strong>Free</strong>!!
</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="collapse navbar-collapse-resources childMenu">
<div class="mobile-nav-header">
<span class="close-navbar-collapse-resources mobile-logo">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_arrow_left.svg" alt="Return to main menu" width="20" height="17">
Main Menu
</span>
<div data-toggle="collapse" data-target="#example-navbar-collapse" class="mobile-close-btn close-btn-wrapper">
<img type="button" class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/icon_white_close.svg" alt="Close button" width="27" height="29">
</div>
</div>
<ul class="nav navbar-nav">
<li class="mobile-sub-menu-header">Resources</li>
<li class="mobilemenu">
<a href="/blog">
Blog
<p>Read our latest articles on video creation and sharing.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/tutorials">
Tutorials & Training
<p>We'll walk you through our product features and share tips & tricks.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/help-center">
Help center
<p>Search our support articles, frequently asked questions, or reach out for help.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/release-notes">
What's new
<p>Stay Updated with the latest features and releases.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
<li class="mobilemenu">
<a href="/video-creation-education">
Badge certification
<p>Become a ScreenPal certified educator.</p>
<div class="mobile-menu-border"></div>
</a>
</li>
</ul>
<div class="mobile-menu-login">
<div class="log_sig">
<ul>
<li class="last"><a href="/login">Log In</a></li>
<li>
<a class="btn" href="/register">
Sign Up, It's <strong>Free</strong>!!
</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div id="body" class="clearfix hide">
<div class="container">
<div class="row">
<div class="col-xs-12">
</div>
</div>
</div><!-- end row -->
<div class="fuzzy-bottom"></div>
</div><!-- end row container -->
<div class="content-wrap ">
<!-- layout-container -->
<div id="layout" class="pagewidth clearfix">
<!-- content -->
<div id="content">
<!--themify_builder_content-->
<div id="themify_builder_content-69758" data-postid="69758" class="themify_builder_content themify_builder_content-69758 themify_builder tf_clear">
<!-- module_row -->
<div data-css_id="jzcf602" data-lazy="1" class="module_row themify_builder_row entry-header-background fullwidth_row_container tb_jzcf602 tb_first tf_w tf_clearfix">
<div class="row_inner col_align_middle tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_5ky7603 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_j43z603 no-repeat " data-lazy="1">
<div class="tb_text_wrap">
<h1><strong>Online video player</strong></h1> </div>
</div>
<!-- /module text --><!-- module text -->
<div class="module module-text tb_fliw603 repeat " data-lazy="1">
<div class="tb_text_wrap">
<p style="text-align: left;">Host and share your videos online using our free online video player. ScreenPal’s video player never has ads or watermarks. Maintain complete control over who can watch your videos and when. </p>
<p style="text-align: left;">Take your videos to the next level with a paid plan for a custom video player, branding, Call-to-Action buttons, custom domain, and more. </p> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_cq5n973 buttons-horizontal solid circle" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/register?furl=https%3A%2F%2Fscreenpal.com%2Fcontent%2Fupload&feature=video-player&cta=site-tools" class="ui builder_button tb_default_color">
<span class="tf_inline_b tf_vmiddle">Host and play videos for free</span>
</a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_oul6603 last">
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_1mko268 tf_w tf_clearfix">
<div class="builder_row_cover tf_abs"></div> <div class="row_inner col_align_middle tb_col_count_4 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-1 tb_f6qj268 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_yzu0268 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="lazy-hidden tf_box" title="Free forever" alt="Free forever"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="tf_box" title="Free forever" alt="Free forever"></noscript> <span>Free forever</span>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-1 tb_3668269">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_i3vu269 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="lazy-hidden tf_box" title="No watermarks or ads" alt="No watermarks or ads"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="tf_box" title="No watermarks or ads" alt="No watermarks or ads"></noscript> <span>No watermarks or ads</span>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-1 tb_t5wo269">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_v5kz269 normal none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="lazy-hidden tf_box" title="Video privacy settings" alt="Video privacy settings"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="tf_box" title="Video privacy settings" alt="Video privacy settings"></noscript> <span>Video privacy settings</span>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-1 tb_llso269 last">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_6i73269 normal none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="lazy-hidden tf_box" title="Play unlimited videos" alt="Play unlimited videos"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/05/check-square-copy-2.svg" class="tf_box" title="Play unlimited videos" alt="Play unlimited videos"></noscript> <span>Play unlimited videos</span>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_9kgd835 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_lopj836 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_4dzy35 " data-lazy="1">
<div class="tb_text_wrap">
<h2 style="text-align: center;"><strong>Take control of your content with ScreenPal’s video player</strong></h2> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="fm2w554" data-lazy="1" class="module_row themify_builder_row fullwidth tb_fm2w554 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_x0pj555 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_1kb4555 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3>Watch videos with <strong>zero interruptions</strong></h3>
<p><span style="font-size: 16px;">ScreenPal’s video player is completely ad-free, unlike many other free video players that host videos online. Never worry about inappropriate and distracting ads on your videos again. ScreenPal protects your privacy and doesn’t ever sell or share your data. Tell your story your way for free.</span></p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_d79d555 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_csl9555 image-top auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/05/[email protected]" alt="free online video player"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/05/[email protected]" alt="free online video player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="3oz4441" data-lazy="1" class="module_row themify_builder_row fullwidth tb_3oz4441 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_p1q1442 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_fymf442 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3><span style="font-weight: normal;"><strong>Easily share</strong></span> your videos</h3>
<p>ScreenPal’s <a href="https://screenpal.com/video-management" target="_blank" rel="noopener" data-wplink-edit="true">free hosting platform</a> lets you host, organize, download, and share unlimited MP4, MOV, or WEBM videos with the peace of mind that your data is safe and secure. Easily embed your videos on your site with our ad-free, mobile responsive video player. Create custom video links to share and upload custom thumbnails. </p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_qt5v931 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_zfma674 image-top auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/[email protected]" alt="share unlimited videos"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/[email protected]" alt="share unlimited videos"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="18tz245" data-lazy="1" class="module_row themify_builder_row fullwidth tb_18tz245 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_x895245 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_33cd245 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3><strong>Record and edit</strong> videos to share</h3>
<div>Create engaging, authentic videos for free with ScreenPal’s video recorder. Record your screen, webcam, or both. Remove, blur, or replace your webcam background with a virtual background to personalize your content. Enhance your recording in the free video editor, set the perfect tone with free background music, and then upload your video to ScreenPal and share for viewing with our high-quality ad-free video player..</div>
<div> </div>
<div> </div> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_sset245 buttons-horizontal transparent learn-about-button cms-launch-button-recorder squared" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="#" class="ui builder_button tb_default_color" target="_blank" rel="noopener">
<span class="tf_inline_b tf_vmiddle">Launch the free screen recorder</span>
<em class="tf_inline_b tf_vmiddle"><svg class="tf_fa tf-ti-arrow-right" aria-hidden="true"><use href="#tf-ti-arrow-right"></use></svg></em> </a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_1ftq245 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_hr99245 image-top auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://media.screenpal.com/blog/wp-content/uploads/2023/02/webcam%401x.webp" alt="record your screen and webcam for free"><noscript><img decoding="async" data-no-script src="https://media.screenpal.com/blog/wp-content/uploads/2023/02/webcam%401x.webp" alt="record your screen and webcam for free"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_26px901 tf_w tf_clearfix hide-mobile">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_d3gy901 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_cuvk901 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h2 style="text-align: center;"><strong>How to use ScreenPal’s video player</strong></h2> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-tablet_landscape-padding="33px,33px" data-mobile-padding="18px,18px" data-desktop-padding="50px,50px" data-css_id="5ewl984" data-lazy="1" class="module_row themify_builder_row fullwidth_row_container tb_5ewl984 tf_w tf_clearfix hide-mobile">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_vg86985 first">
<div class="tb-column-inner tf_box tf_w">
<div data-lazy="1" class="module_subrow themify_builder_sub_row tb_ygp5986 tf_w tf_clearfix">
<div class="subrow_inner col_align_top tb_col_count_3 tf_box tf_w">
<div data-lazy="1" class="module_column sub_column col3-1 tb_qm5h986 first">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_1zib986 image-center tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/11/Step-1.svg" width="80" height="80" alt="slack 1"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/11/Step-1.svg" width="80" height="80" alt="slack 1"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --><!-- module text -->
<div class="module module-text tb_qhol986 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h4 class="p1" style="text-align: center;">Upload a video</h4>
<div style="text-align: center;">Upload your video to ScreenPal’s free hosting platform from any device, or record a new video and upload directly from the ScreenPal app.</div>
<p> </p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column sub_column col3-1 tb_sj84986">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_z4xa987 image-center tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/11/Step-2.svg" width="80" height="80" alt="slack 2"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/11/Step-2.svg" width="80" height="80" alt="slack 2"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --><!-- module text -->
<div class="module module-text tb_0gwg987 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h4 class="p1" style="text-align: center;">Customize the settings</h4>
<p class="p1" style="text-align: center;">Choose your video’s privacy settings, set a custom URL, and more.</p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column sub_column col3-1 tb_0rsd987 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_ymht987 image-center tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/11/Step-3.svg" width="80" height="80" alt="slack 3"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2022/11/Step-3.svg" width="80" height="80" alt="slack 3"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --><!-- module text -->
<div class="module module-text tb_gdph987 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h4 class="p1" style="text-align: center;">Share</h4>
<p style="text-align: center;">Watch your video on your ad-free video page, share with a link, or embed anywhere for free.</p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .subrow_inner -->
</div><!-- .themify_builder_sub_row -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_3vm7578 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_2njm578 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module buttons -->
<div class="module module-buttons tb_928o578 buttons-horizontal solid circle" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/register?furl=https%3A%2F%2Fscreenpal.com%2Fcontent%2Fupload&feature=video-player&cta=site-tools" class="ui builder_button tb_default_color">
<span class="tf_inline_b tf_vmiddle">Get started with ScreenPal's video player</span>
</a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_6dd153 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_g4g653 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_6rig602 " data-lazy="1">
<div class="tb_text_wrap">
<h2 style="text-align: center;"><strong>The perfect video player for any creator</strong></h2> </div>
</div>
<!-- /module text --><!-- module text -->
<div class="module module-text tb_86bv22 " data-lazy="1">
<div class="tb_text_wrap">
<p style="text-align: center;">ScreenPal’s video player is the perfect solution for anyone looking to easily host, share, and play videos online, from 720p to 4K. <span style="background-color: initial;">Add time-stamped text and video comments to your video for more context. Create/</span><span style="background-color: initial;">hide the video title, description, and publish date as preferred. </span></p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_tva7555 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_3 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col3-1 tb_5zdp555 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_ugfh555 " data-lazy="1">
<div class="tb_text_wrap">
<h3>Business videos</h3>
<p>ScreenPal is ad-free, and your data is never shared with anyone outside of your control. Your audience will never be interrupted by unwanted ads that distract from your message and story. Share promo videos, training videos, product demos, sales videos, and more.</p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col3-1 tb_ne49555">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_gxvq555 " data-lazy="1">
<div class="tb_text_wrap">
<h3 style="letter-spacing: normal;">Education videos</h3>
<p>Educators must keep interactions and communications with students, parents, and colleagues private and ad-free, making ScreenPal’s online video player the perfect solution. Free unlimited video hosting and closed captioning make it perfect for tight budgets and accessibility.</p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col3-1 tb_pmm2555 last">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_bt9j556 " data-lazy="1">
<div class="tb_text_wrap">
<h3 style="letter-spacing: normal;">Personal videos</h3>
<p>ScreenPal lets you share hobby, gaming, slideshow videos and more with the family and friends you choose, with no cost and no ads, unlike most social networks. Robust privacy and visibility settings allow you to share publicly, with an unlisted link, or with password protection.</p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="hiwh557" data-lazy="1" class="module_row themify_builder_row fullwidth tb_hiwh557 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_5dub557 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_h09v558 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3>Increase engagement with <strong>accessible videos</strong></h3>
<div>Meet WCAG 2 accessibility guidelines with ScreenPal’s video hosting, including multi-lingual captions, screen readers, and more. Add closed captions in multiple languages for accessible videos to expand your audience, increase engagement, and make your content easier to understand. </div>
<div> </div> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_a19q558 buttons-horizontal transparent learn-about-button squared" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/video-management" class="ui builder_button tb_default_color" target="_blank" rel="noopener">
<span class="tf_inline_b tf_vmiddle">Learn more about video hosting features</span>
<em class="tf_inline_b tf_vmiddle"><svg class="tf_fa tf-ti-arrow-right" aria-hidden="true"><use href="#tf-ti-arrow-right"></use></svg></em> </a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_aet0558 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_wi2r558 rounded image-top auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2022/08/hosting-captions-1.webp" width="436" height="343" alt="Add captions in the video player"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2022/08/hosting-captions-1.webp" width="436" height="343" alt="Add captions in the video player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="oto756" data-lazy="1" class="module_row themify_builder_row fullwidth tb_oto756 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_gdar56 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_095d56 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3><strong>Add custom video thumbnails</strong> for free</h3>
<div>Dress your video for success with great thumbnails. With ScreenPal, you can create and choose your own custom thumbnail for any video and audience. Use the free image editor to make your thumbnail perfect to drive engagement and views.</div>
<div> </div> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_98nu56 buttons-horizontal transparent learn-about-button squared" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/video-management" class="ui builder_button tb_default_color" target="_blank" rel="noopener">
<span class="tf_inline_b tf_vmiddle">View more free video player features</span>
<em class="tf_inline_b tf_vmiddle"><svg class="tf_fa tf-ti-arrow-right" aria-hidden="true"><use href="#tf-ti-arrow-right"></use></svg></em> </a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_zp6356 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_0nrg56 image-top tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/02/[email protected]" alt="customize video player settings"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/02/[email protected]" alt="customize video player settings"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_i7cg624 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_sjyt624 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_fjki624 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h2 style="text-align: center;"><strong>Free video hosting and sharing</strong></h2> </div>
</div>
<!-- /module text --><!-- module text -->
<div class="module module-text tb_swwi624 repeat " data-lazy="1">
<div class="tb_text_wrap">
<p>ScreenPal offers more than just a video player to help you host and share videos. Get the most out of your free online video hosting with:</p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_6zmx408 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_khoo408 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module template_part -->
<div class="module module-layout-part tb_cunr408 ">
<div class="tb_layout_part_wrap tf_w"><!--themify_builder_content-->
<div class="themify_builder_content themify_builder_content-56301 themify_builder not_editable_builder in_the_loop" data-postid="56301">
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_egyf839 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_3 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col3-1 tb_uevx839 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_w74n839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/upload-videos-to-hosting" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/copy.svg" class="lazy-hidden tf_box" title="Upload unlimited content" alt="Upload unlimited content"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/copy.svg" class="tf_box" title="Upload unlimited content" alt="Upload unlimited content"></noscript> <span>Upload unlimited content</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_vbum839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/setting-visibility-for-videos-and-channels" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/closed-captioning.svg" class="lazy-hidden tf_box" title="Control visibility of content" alt="Control visibility of content"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/closed-captioning.svg" class="tf_box" title="Control visibility of content" alt="Control visibility of content"></noscript> <span>Control visibility of content</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_k8b8839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/custom-thumbnails" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/scissors.svg" class="lazy-hidden tf_box" title="Add custom thumbnails" alt="Add custom thumbnails"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/scissors.svg" class="tf_box" title="Add custom thumbnails" alt="Add custom thumbnails"></noscript> <span>Add custom thumbnails</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_oy8t839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/blog/video-and-text-comments" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/scissors.svg" class="lazy-hidden tf_box" title="Enable video commenting" alt="Enable video commenting"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/scissors.svg" class="tf_box" title="Enable video commenting" alt="Enable video commenting"></noscript> <span>Enable video commenting</span>
</a>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col3-1 tb_fh6l839">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_tvz1839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/setting-visibility-for-videos-and-channels" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/microphone.svg" class="lazy-hidden tf_box" title="Publishing & expiration date" alt="Publishing & expiration date"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/microphone.svg" class="tf_box" title="Publishing & expiration date" alt="Publishing & expiration date"></noscript> <span>Publishing & expiration date</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_v098839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/create-custom-links" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/microphone.svg" class="lazy-hidden tf_box" title="Create & share custom links" alt="Create & share custom links"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/microphone.svg" class="tf_box" title="Create & share custom links" alt="Create & share custom links"></noscript> <span>Create & share custom links</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_7urx839 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/embed-video-code" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/scissors.svg" class="lazy-hidden tf_box" title="Embed videos on your site" alt="Embed videos on your site"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/scissors.svg" class="tf_box" title="Embed videos on your site" alt="Embed videos on your site"></noscript> <span>Embed videos on your site</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_v6xw839 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/video-channels" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/layer-group.svg" class="lazy-hidden tf_box" title="Create video & image channels" alt="Create video & image channels"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/layer-group.svg" class="tf_box" title="Create video & image channels" alt="Create video & image channels"></noscript> <span>Create video & image channels</span>
</a>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col3-1 tb_fh0h839 last">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_334c840 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/quick-share-from-hosting" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/images.svg" class="lazy-hidden tf_box" title="Quick share on social" alt="Quick share on social"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/images.svg" class="tf_box" title="Quick share on social" alt="Quick share on social"></noscript> <span>Quick share on social</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_p0zu840 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/manage-video-content-in-hosting" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/images.svg" class="lazy-hidden tf_box" title="Organize content in folders" alt="Organize content in folders"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/images.svg" class="tf_box" title="Organize content in folders" alt="Organize content in folders"></noscript> <span>Organize content in folders</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_qdf0840 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/manage-video-content-in-hosting" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/sparkles.svg" class="lazy-hidden tf_box" title="Drag-and-drop management" alt="Drag-and-drop management"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/sparkles.svg" class="tf_box" title="Drag-and-drop management" alt="Drag-and-drop management"></noscript> <span>Drag-and-drop management</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_k8j3840 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://support.screenpal.com/portal/en/kb/articles/about-notes" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/images.svg" class="lazy-hidden tf_box" title="Add linkable chapters" alt="Add linkable chapters"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/images.svg" class="tf_box" title="Add linkable chapters" alt="Add linkable chapters"></noscript> <span>Add linkable chapters</span>
</a>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
</div>
<!--/themify_builder_content--></div>
</div>
<!-- /module template_part --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_jk3u92 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_so6792 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module buttons -->
<div class="module module-buttons tb_2swv92 buttons-horizontal solid circle" data-lazy="1" id="launchEditor-2-2-2-3-2-2">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/register?furl=https%3A%2F%2Fscreenpal.com%2Fcontent%2Fupload&feature=video-player&cta=site-tools" class="ui builder_button tb_default_color">
<span class="tf_inline_b tf_vmiddle">Host images and videos for free</span>
</a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="hg9418" data-lazy="1" class="module_row themify_builder_row fullwidth_row_container tb_hg9418 tf_w tf_clearfix">
<div class="row_inner col_align_top gutter-none col_auto_height tb_col_count_6 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col6-1 tb_2qcg19 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_6nqb19 image-center auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Starbucks.webp" title="Free Online Video Player" alt="Free Online Video Player"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Starbucks.webp" title="Free Online Video Player" alt="Free Online Video Player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col6-1 tb_5qiw19">
<div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_m2bz19 image-center auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Nielsen.webp" title="Free Online Video Player" alt="Free Online Video Player"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Nielsen.webp" title="Free Online Video Player" alt="Free Online Video Player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col6-1 tb_gsdr19">
<div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_gh1919 image-center auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Allstate.webp" title="Free Online Video Player" alt="Free Online Video Player"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Allstate.webp" title="Free Online Video Player" alt="Free Online Video Player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col6-1 tb_kiny19">
<div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_jxp519 image-center auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Amazon.webp" title="Free Online Video Player" alt="Free Online Video Player"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Amazon.webp" title="Free Online Video Player" alt="Free Online Video Player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col6-1 tb_wdh119">
<div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_vcf319 image-center auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Netflix.webp" title="Free Online Video Player" alt="Free Online Video Player"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/Netflix.webp" title="Free Online Video Player" alt="Free Online Video Player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col6-1 tb_0gid19 last">
<div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_xndt19 image-center auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/HR-Block.webp" title="Free Online Video Player" alt="Free Online Video Player"><noscript><img decoding="async" data-no-script src="https://d2jaxercbrfwhj.cloudfront.net/blog/wp-content/uploads/2023/01/HR-Block.webp" title="Free Online Video Player" alt="Free Online Video Player"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_3kat863 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_6zxd864 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_9c4j864 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h2 style="letter-spacing: normal; text-align: center;"><strong>Upgrade for interactive videos & analytics</strong></h2> </div>
</div>
<!-- /module text --><!-- module text -->
<div class="module module-text tb_3w6l864 repeat " data-lazy="1">
<div class="tb_text_wrap">
<p style="text-align: center;"><span style="font-size: 18px;">Take your videos to the next level with a paid plan for </span><span style="font-size: 18px;">4K video sharing and </span><span style="font-size: 18px;">advanced video management features, including:</span></p> </div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_m4yd259 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_a6hx259 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module template_part -->
<div class="module module-layout-part tb_af06259 ">
<div class="tb_layout_part_wrap tf_w"><!--themify_builder_content-->
<div class="themify_builder_content themify_builder_content-56312 themify_builder not_editable_builder in_the_loop" data-postid="56312">
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_35ui257 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_n9lm257 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_17jy257 large none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/customize-the-video-player" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/Upgrade-Stars.svg" class="lazy-hidden tf_box" title="Branded playback / watch pages" alt="Branded playback / watch pages"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/Upgrade-Stars.svg" class="tf_box" title="Branded playback / watch pages" alt="Branded playback / watch pages"></noscript> <span>Branded playback / watch pages</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_msij257 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/player-controls">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/Color.svg" class="lazy-hidden tf_box" title="Stylize video player and controls" alt="Stylize video player and controls"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/Color.svg" class="tf_box" title="Stylize video player and controls" alt="Stylize video player and controls"></noscript> <span>Stylize video player and controls</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_qy1n258 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<a href="https://support.screenpal.com/portal/en/kb/articles/using-a-custom-domain-cname" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/01/browser-copy.svg" class="lazy-hidden tf_box" title="Custom domain for playback" alt="Custom domain for playback"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/01/browser-copy.svg" class="tf_box" title="Custom domain for playback" alt="Custom domain for playback"></noscript> <span>Custom domain for playback</span>
</a>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_e3ar258 last">
<div class="tb-column-inner tf_box tf_w">
<!-- module icon -->
<div class="module module-icon tb_38cd258 normal none icon_horizontal tf_textl" data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/tutorial/cta-and-annotation-buttons" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/01/Send.svg" class="lazy-hidden tf_box" title="Call to action (CTA) & annotation buttons" alt="Call to action (CTA) & annotation buttons"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/01/Send.svg" class="tf_box" title="Call to action (CTA) & annotation buttons" alt="Call to action (CTA) & annotation buttons"></noscript> <span>Call to action (CTA) & annotation buttons</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_i4mi258 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/quizzing" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/01/Timeline.svg" class="lazy-hidden tf_box" title="Interactive quizzing, polling, ratings" alt="Interactive quizzing, polling, ratings"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/01/Timeline.svg" class="tf_box" title="Interactive quizzing, polling, ratings" alt="Interactive quizzing, polling, ratings"></noscript> <span>Interactive quizzing, polling, ratings</span>
</a>
</div>
</div>
<!-- /module icon -->
<!-- module icon -->
<div class="module module-icon tb_iecp258 large none icon_horizontal " data-lazy="1">
<div class="module-icon-item">
<a href="https://screenpal.com/video-analytics" rel="noopener" target="_blank">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/File-analytics.svg" class="lazy-hidden tf_box" title="Video analytics" alt="Video analytics"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/File-analytics.svg" class="tf_box" title="Video analytics" alt="Video analytics"></noscript> <span>Video analytics</span>
</a>
</div>
</div>
<!-- /module icon -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
</div>
<!--/themify_builder_content--></div>
</div>
<!-- /module template_part --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_zcz7400 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_iw06400 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module buttons -->
<div class="module module-buttons tb_ukv8400 buttons-horizontal solid circle" data-lazy="1" id="launchEditor-2-2-2-2-2-2-2-3-2-2-2">
<div class="module-buttons-item tf_inline_b">
<a href="/plans?feature=hosting&cta=site-tools" class="ui builder_button tb_default_color">
<span class="tf_inline_b tf_vmiddle">Upgrade for advanced hosting features</span>
</a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="bm2a363" data-lazy="1" class="module_row themify_builder_row fullwidth tb_bm2a363 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_ig71364 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_nhev364 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3><strong>Personalize </strong>the viewing experience</h3>
<div>Grow your brand presence and reach by branding your unique ScreenPal website, videos, video player, call-to-action buttons, and adding custom URLs. Customize the video player with your brand colors, add your watermarks, and style your CTA and annotation buttons to match your brand. </div>
<div> </div>
<div> </div> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_qmkm882 buttons-horizontal transparent learn-about-button squared" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/plans?feature=custom-player-branding&cta=site-tools" class="ui builder_button tb_default_color" target="_blank" rel="noopener">
<span class="tf_inline_b tf_vmiddle">Upgrade for video player branding</span>
<em class="tf_inline_b tf_vmiddle"><svg class="tf_fa tf-ti-arrow-right" aria-hidden="true"><use href="#tf-ti-arrow-right"></use></svg></em> </a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_npvw364 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_24rs364 image-top auto_fullwidth tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/02/[email protected]" alt="Video player branding"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/02/[email protected]" alt="Video player branding"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="7vt4732" data-lazy="1" class="module_row themify_builder_row fullwidth tb_7vt4732 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_zcxc732 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_cynw732 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3><strong>Improve engagement</strong> with AI-powered features</h3>
<div>Simplify your workflow and make your videos more accessible with AI-generated video titles, summaries, and transcripts. Help your viewers easily navigate your content with time-stamped links and video chapters.</div>
<div> </div>
<div> </div> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_vwt3732 buttons-horizontal transparent learn-about-button squared" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/ai" class="ui builder_button tb_default_color" target="_blank" rel="noopener">
<span class="tf_inline_b tf_vmiddle">Save time with ScreenPal AI</span>
<em class="tf_inline_b tf_vmiddle"><svg class="tf_fa tf-ti-arrow-right" aria-hidden="true"><use href="#tf-ti-arrow-right"></use></svg></em> </a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_ghjg733 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_fhiv733 image-top tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://media.screenpal.com/blog/wp-content/uploads/2024/05/screenpal-ai-for-video-hosting.webp" alt="video analytics"><noscript><img decoding="async" data-no-script src="https://media.screenpal.com/blog/wp-content/uploads/2024/05/screenpal-ai-for-video-hosting.webp" alt="video analytics"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-css_id="2j8530" data-lazy="1" class="module_row themify_builder_row fullwidth tb_2j8530 tf_w tf_clearfix">
<div class="row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col4-2 tb_dc4h30 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_bfhe30 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h3><strong>Gain insights </strong>with video analytics</h3>
<div>ScreenPal offers advanced analytics with heat maps so you can measure video effectiveness and optimize engagement and delivery. Track total and unique video views from our video player, location and device information, and more.</div>
<div> </div> </div>
</div>
<!-- /module text --><!-- module buttons -->
<div class="module module-buttons tb_uydt30 buttons-horizontal transparent learn-about-button squared" data-lazy="1">
<div class="module-buttons-item tf_inline_b">
<a href="https://screenpal.com/plans?feature=analytics&cta=site-tools" class="ui builder_button tb_default_color" target="_blank" rel="noopener">
<span class="tf_inline_b tf_vmiddle">Upgrade for advanced video analytics</span>
<em class="tf_inline_b tf_vmiddle"><svg class="tf_fa tf-ti-arrow-right" aria-hidden="true"><use href="#tf-ti-arrow-right"></use></svg></em> </a>
</div>
</div>
<!-- /module buttons -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column tb-column col4-2 tb_xkci30 last">
<div class="builder_row_cover tf_abs"></div> <div class="tb-column-inner tf_box tf_w">
<!-- module image -->
<div class="module module-image tb_qqwc30 image-top tf_mw" data-lazy="1">
<div class="image-wrap tf_rel tf_mw">
<img class="lazy-hidden" decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/[email protected]" alt="Video player analytics"><noscript><img decoding="async" data-no-script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/2023/03/[email protected]" alt="Video player analytics"></noscript>
</div>
<!-- /image-wrap -->
</div>
<!-- /module image --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_g2m9689 tf_w tf_clearfix hide-mobile">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_anhl689 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_ucdw689 repeat " data-lazy="1">
<div class="tb_text_wrap">
<p style="text-align: center;"><strong>More tools like this: </strong><a href="https://screenpal.com/video-management" target="_blank" rel="noopener">Video and content hosting</a> | <a href="https://screenpal.com/video-analytics" target="_blank" rel="noopener">Video analytics</a> | <a href="https://screenpal.com/quizzing" target="_blank" rel="noopener">Video quizzing</a></p>
</div>
</div>
<!-- /module text --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
<!-- module_row -->
<div data-lazy="1" class="module_row themify_builder_row tb_t3mg746 tf_w tf_clearfix">
<div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
<div data-lazy="1" class="module_column tb-column col-full tb_vxcl747 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module text -->
<div class="module module-text tb_wuym747 repeat " data-lazy="1">
<div class="tb_text_wrap">
<h2 class="p1" style="text-align: center;"><span class="s1"><b>Video player: Frequently asked questions</b></span></h2> </div>
</div>
<!-- /module text --> <div data-lazy="1" class="module_subrow themify_builder_sub_row tb_nvk6747 tf_w tf_clearfix">
<div class="subrow_inner col_align_top tb_col_count_2 tf_box tf_w">
<div data-lazy="1" class="module_column sub_column col4-2 tb_hboo747 first">
<div class="tb-column-inner tf_box tf_w">
<!-- module accordion -->
<div class="module module-accordion tb_790o747 " data-behavior="toggle" data-lazy="1">
<ul class="ui module-accordion separate rounded transparent">
<li>
<div class="accordion-title tf_rel">
<a href="#acc-790o747-0" aria-controls="acc-790o747-0-content" aria-expanded="false">
<i class="accordion-icon"><svg class="tf_fa tf-fas-plus-circle" aria-hidden="true"><use href="#tf-fas-plus-circle"></use></svg></i> <i class="accordion-active-icon tf_hide"><svg class="tf_fa tf-fas-minus-circle" aria-hidden="true"><use href="#tf-fas-minus-circle"></use></svg></i> <span class="tb_title_accordion tf_w">Which online video player is best?</span>
</a>
</div><!-- .accordion-title -->
<div id="acc-790o747-0-content" data-id="acc-790o747-0" aria-hidden="true" class="accordion-content tf_hide tf_clearfix">
<div class="tb_text_wrap">
<p>When looking for a video player, it’s important to choose a high quality solution for your needs that provides privacy settings to control your content and data. Affordability, upgrade options, and flexibility are key, too.</p>
<p>The ScreenPal video player is ad-free with no watermarks and allows control of the video playback experience. ScreenPal also provides unlimited <a href="https://screenpal.com/video-management" target="_blank" rel="noopener">free video hosting</a> and sharing with privacy controls, custom URLs, embed options, and text and video commenting.</p>
<p>ScreenPal’s video player is free to use forever, with no limitations of a trial period. You can also take your videos to the next level with <a href="https://screenpal.com/plans">paid features</a>, including custom branding, Call-to-Action and annotation buttons, <a href="https://screenpal.com/quizzing">video quizzes</a>, polls, and surveys, <a href="https://screenpal.com/video-analytics">advanced analytics and insights</a>, and more.</p> </div>
</div><!-- .accordion-content -->
</li>
<li>
<div class="accordion-title tf_rel">
<a href="#acc-790o747-1" aria-controls="acc-790o747-1-content" aria-expanded="false">
<i class="accordion-icon"><svg class="tf_fa tf-fas-plus-circle" aria-hidden="true"><use href="#tf-fas-plus-circle"></use></svg></i> <i class="accordion-active-icon tf_hide"><svg class="tf_fa tf-fas-minus-circle" aria-hidden="true"><use href="#tf-fas-minus-circle"></use></svg></i> <span class="tb_title_accordion tf_w">How can I share my videos?</span>
</a>
</div><!-- .accordion-title -->
<div id="acc-790o747-1-content" data-id="acc-790o747-1" aria-hidden="true" class="accordion-content tf_hide tf_clearfix">
<div class="tb_text_wrap">
<p>ScreenPal provides a wide range of options to share your videos depending on your needs. You can easily create and share a custom link anywhere including social channels, email, and more. You can even embed the video player on any website for free.</p> </div>
</div><!-- .accordion-content -->
</li>
</ul>
</div><!-- /module accordion --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
<div data-lazy="1" class="module_column sub_column col4-2 tb_hd6p747 last">
<div class="tb-column-inner tf_box tf_w">
<!-- module accordion -->
<div class="module module-accordion tb_tlc5747 " data-behavior="toggle" data-lazy="1">
<ul class="ui module-accordion separate rounded transparent">
<li>
<div class="accordion-title tf_rel">
<a href="#acc-tlc5747-0" aria-controls="acc-tlc5747-0-content" aria-expanded="false">
<i class="accordion-icon"><svg class="tf_fa tf-fas-plus-circle" aria-hidden="true"><use href="#tf-fas-plus-circle"></use></svg></i> <i class="accordion-active-icon tf_hide"><svg class="tf_fa tf-fas-minus-circle" aria-hidden="true"><use href="#tf-fas-minus-circle"></use></svg></i> <span class="tb_title_accordion tf_w">What quality levels does the video player provide?</span>
</a>
</div><!-- .accordion-title -->
<div id="acc-tlc5747-0-content" data-id="acc-tlc5747-0" aria-hidden="true" class="accordion-content tf_hide tf_clearfix">
<div class="tb_text_wrap">
<p><span style="background-color: transparent;">The ScreenPal video player provides 720p </span><a href="https://screenpal.com/video-management">hosting</a><span style="background-color: transparent;"> and playback for free. Optional </span><a href="https://screenpal.com/plans">paid plans</a><span style="background-color: transparent;"> allow for streaming and playback of up to 4K. ScreenPal delivers Adaptive Bit Rate (ABR) streaming, which detects a viewer’s bandwidth capabilities in real-time, and then adjusts the quality of the video stream accordingly, always delivering the best possible picture quality for the bandwidth available.</span></p> </div>
</div><!-- .accordion-content -->
</li>
<li>
<div class="accordion-title tf_rel">
<a href="#acc-tlc5747-1" aria-controls="acc-tlc5747-1-content" aria-expanded="false">
<i class="accordion-icon"><svg class="tf_fa tf-fas-plus-circle" aria-hidden="true"><use href="#tf-fas-plus-circle"></use></svg></i> <i class="accordion-active-icon tf_hide"><svg class="tf_fa tf-fas-minus-circle" aria-hidden="true"><use href="#tf-fas-minus-circle"></use></svg></i> <span class="tb_title_accordion tf_w">What file formats does ScreenPal's video player support?</span>
</a>
</div><!-- .accordion-title -->
<div id="acc-tlc5747-1-content" data-id="acc-tlc5747-1" aria-hidden="true" class="accordion-content tf_hide tf_clearfix">
<div class="tb_text_wrap">
<p>ScreenPal’s hosting platform allows you to upload MP4, MOV, and WEBM video files to our video player, with a maximum file size of 2GB.</p> </div>
</div><!-- .accordion-content -->
</li>
</ul>
</div><!-- /module accordion --> </div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .subrow_inner -->
</div><!-- .themify_builder_sub_row -->
</div><!-- .tb-column-inner -->
</div><!-- .module_column -->
</div><!-- .row_inner -->
</div><!-- .module_row -->
</div>
<!--/themify_builder_content-->
</div>
<!-- /content -->
</div>
<!-- /layout-container -->
</div>
<!-- /body -->
<div class="sticky-footer-spacer"></div>
<div class="">
<div class="footer_bg">
<div class="footer-iframe-wrapper">
<iframe src="/blog/tbuilder-layout-part/footer" frameborder="0" scrolling="no"></iframe>
</div>
<div class="footer-bg-credits">
<div class="container">
<div class="row">
<div class="col-sm-12 col-3">
<ul class="social d-inline-flex">
<li>
<a target="_blank" href="https://www.facebook.com/screenpal" rel="noopener">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/marketing/social/facebook.svg" alt="facebook logo" width="44" height="44">
</a>
</li>
<li>
<a target="_blank" href="https://twitter.com/screenpalapp" rel="noopener">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/marketing/social/twitter.svg" alt="twitter logo" width="44" height="44">
</a>
</li>
<li>
<a target="_blank" href="https://www.pinterest.com/screenpal/" rel="noopener">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/marketing/social/pinterest.svg" alt="pinterest logo" width="44" height="44">
</a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/company/screenpal/" rel="noopener">
<img class="lazy-user" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-lazy-type="image" data-src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/images/icons/marketing/social/linkedin.svg" alt="linkedin logo" width="44" height="44">
</a>
</li>
</ul>
</div>
<div class="col-sm-12 col-9 xs-text-left">
<div class="credits">
© 2024 ScreenPal® <span class="pipe hide-mobile">|</span>
<div>
<a href="/accessibility">Accessibility</a>
<span class="pipe">|</span>
<a href="/tos">Terms of Service</a>
<span class="pipe">|</span>
<a href="/privacy">Privacy Policy</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tosbanner" style="
position: fixed;
bottom: 0;
background-color: white;
left: 0;
right: 0;
box-shadow: 0 3px 20px grey;
display: table;
color: #848484;
padding: 4px 0px 4px 4px;
width: 100%;
-webkit-transition: bottom 0.3s;
transition: bottom 0.3s;
z-index: 999;
">
<div style="
height: 82px;
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 18px;
font-size: 14px;
padding-right: 40px;
padding-left: 5px;
">
<a href="javascript:agreeTos()" class="close-button" style="
bottom: 31px;
cursor: pointer;
display: inline-block;
height: 19px;
position: absolute;
right: 14px;
width: 19px;
">
<svg viewport="0 0 15 15" version="1.1" height="19" width="19" xmlns="http://www.w3.org/2000/svg">
<line x1="1" y1="16" x2="16" y2="1" stroke="#4a4a4a" stroke-width="2"></line>
<line x1="1" y1="1" x2="16" y2="16" stroke="#4a4a4a" stroke-width="2"></line>
</svg>
</a>
We use cookies to optimize the experience on our website.
By continuing to use our website, you are agreeing to our use of cookies.
You can learn more in our <a href="/privacy" noagree="">Privacy Policy.</a>
</div>
</div>
<style>
.col-3 {
width: 25%;
}
.col-9 {
width: 75%;
}
@media (max-width: 663px) {
.col-xs-12 {
width: 100%;
}
.credits {
text-align: left;
}
}
</style>
<script>
if (!(window.localStorage && window.localStorage['cookieagree'])) {
// Define closes notice public so the onclick of the X can agree.
window.agreeTos = function() {
window.localStorage['cookieagree'] = 1;
$("#tosbanner").remove();
// To remove agreement, run localStorage.removeItem("cookieagree")
}
} else {
// Hide notice.
document.getElementById("tosbanner").style.bottom = "-90px";
}
// Lazy load select images shortly after content loaded, regardless if they've scrolled into view
document.addEventListener("DOMContentLoaded", function() {
var lazyImages = [].slice.call(document.querySelectorAll("img.lazy-fast"));
setTimeout(function () {
lazyImages.forEach(function(lazyImage) {
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazy-fast");
});
}, 250);
});
$(document).on('click', '.choose-upgrade-button', function () {
if (!$(this).hasClass('plan-updated')) {
analyticsEvent('MkgSubscribeRemoveMaxPlan', {action: 'clicked'}, null);
}
});
$('.choose-wrapper').click(function () {
if ($(this).data('show-plan') === 'pr1_plus') {
analyticsEvent('MkgSubscribeSelectPremierPlan', {action: 'clicked'}, null);
} else {
analyticsEvent('MkgSubscribeSelectDeluxePlan', {action: 'clicked'}, null);
}
})
</script>
</div>
<!-- /#pagewrap -->
<!-- wp_footer -->
<!--googleoff:all-->
<!--noindex-->
<!--noptimize-->
<script id="tf_vars" data-no-optimize="1" data-noptimize="1" defer="defer" src="data:text/javascript;base64,dmFyIHRoZW1pZnlTY3JpcHQgPSB7ImxpZ2h0Ym94Q29udGV4dCI6IiNwYWdld3JhcCIsInN0aWNreV9oZWFkZXIiOiIifTsKdmFyIHRiTG9jYWxTY3JpcHQgPSB7ImJyZWFrcG9pbnRzIjp7InRhYmxldF9sYW5kc2NhcGUiOls3NjksMTAyNF0sInRhYmxldCI6WzY4MSw3NjhdLCJtb2JpbGUiOjY4MH0sImZ1bGx3aWR0aF9zdXBwb3J0IjoiMSIsInNjcm9sbEhpZ2hsaWdodCI6eyJzcGVlZCI6OTAwLjAxfSwiYWRkb25zIjp7ImFjY29yZGlvbiI6eyJqcyI6MX19fTsKdmFyIHRoZW1pZnlfdmFycyA9IHsibWVudV9wb2ludCI6IjEwMCIsIndwIjoiNi41LjIiLCJhamF4X3VybCI6Imh0dHBzOi8vY21zLXByb2Quc2NyZWVucGFsLmNvbS9ibG9nL3dwLWFkbWluL2FkbWluLWFqYXgucGhwIiwibWVudV90b29sdGlwcyI6W10sInBsdWdpbl91cmwiOiJodHRwczovL2Ntcy1wcm9kLnNjcmVlbnBhbC5jb20vYmxvZy93cC1jb250ZW50L3BsdWdpbnMiLCJseiI6IjEiLCJ0aGVtZV92IjoiNy4xLjgiLCJlbWFpbFN1YiI6IkNoZWNrIHRoaXMgb3V0ISIsIm5vcCI6IkNoZWNrIHRoaXMgb3V0ISIsImxpZ2h0Ym94Ijp7ImkxOG4iOnsidENvdW50ZXIiOiIlY3VyciUgb2YgJXRvdGFsJSJ9fSwic192IjoiNS4zLjkiLCJkb25lIjp7InRiX3RleHQiOnRydWUsInRiX2J1dHRvbnMiOnRydWUsInRiX2NvdmVyIjp0cnVlLCJ0Yl9pY29uIjp0cnVlLCJ0Yl9pbWFnZSI6dHJ1ZSwidGJfaW1hZ2VfdG9wIjp0cnVlLCJ0Yl9pbWFnZV9jZW50ZXIiOnRydWUsInRiX2FwcCI6dHJ1ZSwidGJfbGF5b3V0LXBhcnQiOnRydWUsInRiX3N0eWxlIjp0cnVlLCJ0Yl9hY2NvcmRpb24iOnRydWUsInRiX2FjY29yZGlvbl9zZXBhcmF0ZSI6dHJ1ZSwidGJfYWNjb3JkaW9uX3RyYW5zcGFyZW50Ijp0cnVlfX07"></script>
<!--/noptimize-->
<!--/noindex-->
<!--googleon:all-->
<script defer="defer" data-v="7.3.3" data-pl-href="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/plugins/fake.css" data-no-optimize="1" data-noptimize="1" src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/themes/themify-corporate/themify/js/main.min.js?ver=7.3.3" id="themify-main-script-js"></script>
<script defer="defer" src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/js/bootstrap.min.js" id="bootstrap-js-js"></script>
<script defer="defer" src="//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/js/cookies.js" id="cookies-js-js"></script>
<script id="wphb-3-js-extra">
var a3_lazyload_extend_params = {"edgeY":"100","horizontal_container_classnames":""};;;var a3_lazyload_params = {"apply_images":"1","apply_videos":"1"};
</script>
<script id="wphb-3-js-before">
function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = '/blog/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = 50; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")}
</script>
<script src="https://d3but52g8hjy3q.cloudfront.net/blog/wp-content/uploads/hummingbird-assets/e67008c8d3faefe61febb785e2fd9037.js" id="wphb-3-js"></script>
<script id="wphb-3-js-after">
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"228722688\",\"post\":\"69758\",\"tz\":\"-8\",\"srv\":\"cms-prod.screenpal.com\",\"j\":\"1:13.4\"}") ]);
_stq.push([ "clickTrackerInit", "228722688", "69758" ]);
</script>
<svg id="ptb_svg" style="display:none"><defs></defs></svg><style>.ptb_fa { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; overflow: visible; fill: currentColor; pointer-events: none; vertical-align: middle; }</style>
<script type="text/javascript" id="lightbox-support">
// Support .lightbox-video class in Themify
$(document).on('click','.lightbox-video a',function(event) {
var href = $(this).attr('href'),
pos = href.indexOf('screenpal.com/embed?sc=');
if (pos == -1) {
return;
}
href = href.substring(pos + 32);
href = href.split('&')[0];
if (href.length) {
playBox(href, 'big');
event.preventDefault();
return false;
}
});
$(document).ready(function () {
var $lightBoxButtons = $('a.themify_lightbox');
$lightBoxButtons.click(function() {
var lightBoxStyles = $('[href*="lightbox.min.css"]');
if (lightBoxStyles && lightBoxStyles.attr('media') !== 'all') {
lightBoxStyles.attr('media', 'all');
}
});
});
</script>
<!-- INCLUDE THEMIFY MAIN JS -->
<script type="text/javascript">
$(document).ready(function () {
// Nav support
// Override Themify LazyLoad
if (typeof Themify !== 'undefined') {
Themify.LazyLoad = function() {};
}
$('#navTutorialsLink').bind('click', function (event) {
analyticsEvent("GoingToTutorials", {from: window.location.href}, function () {
window.location = $('#navTutorialsLink').attr('href');
});
event.preventDefault();
});
$('#navSupportLink').bind('click', function (event) {
analyticsEvent("GoingToSupport", {from: window.location.href}, function () {
window.location = $('#navSupportLink').attr('href');
});
event.preventDefault();
});
$('#appStoreApple').click(function (event) {
analyticsEvent('MkgButtonClick', {from: window.location.href, name: 'appStoreApple'}, function () {
window.open($('#appStoreApple').attr('href'), '_blank');
});
event.preventDefault();
});
$('#appStorePlay').click(function (event) {
analyticsEvent('MkgButtonClick', {from: window.location.href, name: 'appStorePlay'}, function () {
window.open($('#appStorePlay').attr('href'), '_blank');
});
event.preventDefault();
});
// Fixed header and mega menu support
let $header = $('.header-wrap.sticky'),
$megaMenu = $('#mega_menu'),
$megaMenuEducation = $('#mega_menu_education'),
$megaMenuBusiness = $('#mega_menu_business'),
$megaMenuResources = $('#mega_menu_resources'),
$megaMenuContainer = $megaMenu.find('.mega-dropdown-container'),
$megaMenuEducationContainer = $megaMenuEducation.find('.mega-dropdown-container'),
$megaMenuBusinessContainer = $megaMenuBusiness.find('.mega-dropdown-container'),
$megaMenuResourcesContainer = $megaMenuResources.find('.mega-dropdown-container');
// Check first to account for page templates without header/footer
if ($megaMenu.length > 0) {
function handleResize() {
$megaMenuContainer.css('left', calculateMegaMenuContainerOffset($megaMenuContainer));
$megaMenuEducationContainer.css('left', calculateMegaMenuContainerOffset($megaMenuEducationContainer));
$megaMenuBusinessContainer.css('left', calculateMegaMenuContainerOffset($megaMenuBusinessContainer));
$megaMenuResourcesContainer.css('left', calculateMegaMenuContainerOffset($megaMenuResourcesContainer));
}
function calculateMegaMenuContainerOffset(container) {
const megaMenuContainerOffset = ((container.width() / 2) + 40);
if (megaMenuContainerOffset > $megaMenu.offset().left) {
return -$megaMenu.offset().left;
}
return -megaMenuContainerOffset;
}
$(window).resize(() => handleResize());
setTimeout(() => handleResize(), 500);
$megaMenu.find('> a').click(function(e) {
e.preventDefault();
fadeInMegaMenu();
});
$megaMenuEducation.find('> a').click(function(e) {
fadeInMegaMenuEducation();
});
$megaMenuBusiness.find('> a').click(function(e) {
fadeInMegaMenuBusiness();
});
$megaMenuResources.find('> a').click(function(e) {
e.preventDefault();
fadeInMegaMenuResources();
});
function fadeInMegaMenu() {
$('.mega-dropdown-container').trigger('click');
if (!$megaMenuContainer.hasClass('open')) {
showOverlay();
$megaMenuContainer.fadeIn('fast').addClass('open');
}
}
function fadeInMegaMenuResources() {
$('.mega-dropdown-container').trigger('click');
if (!$megaMenuResourcesContainer.hasClass('open')) {
showOverlay();
$megaMenuResourcesContainer.fadeIn('fast').addClass('open');
}
}
function fadeInMegaMenuBusiness() {
$('.mega-dropdown-container').trigger('click');
if (!$megaMenuBusinessContainer.hasClass('open')) {
showOverlay();
$megaMenuBusinessContainer.fadeIn('fast').addClass('open');
}
}
function fadeInMegaMenuEducation() {
$('.mega-dropdown-container').trigger('click');
if (!$megaMenuEducationContainer.hasClass('open')) {
showOverlay();
$megaMenuEducationContainer.fadeIn('fast').addClass('open');
}
}
$megaMenu.find('> a').hover(fadeInMegaMenu);
$megaMenuResources.find('> a').hover(fadeInMegaMenuResources);
$megaMenuEducation.find('> a').hover(fadeInMegaMenuEducation);
$megaMenuBusiness.find('> a').hover(fadeInMegaMenuBusiness);
$megaMenu.mouseleave(function() {
if ($megaMenuContainer.hasClass('open')) {
removeOverlay();
$megaMenuContainer.fadeOut('fast', 'swing', function () {
$megaMenuContainer.removeClass('open');
});
}
});
$megaMenuResources.mouseleave(function() {
if ($megaMenuResourcesContainer.hasClass('open')) {
removeOverlay();
$megaMenuResourcesContainer.fadeOut('fast', 'swing', function () {
$megaMenuResourcesContainer.removeClass('open');
});
}
});
$megaMenuEducation.mouseleave(function() {
if ($megaMenuEducationContainer.hasClass('open')) {
removeOverlay();
$megaMenuEducationContainer.fadeOut('fast', 'swing', function () {
$megaMenuEducationContainer.removeClass('open');
});
}
});
$megaMenuBusiness.mouseleave(function() {
if ($megaMenuBusinessContainer.hasClass('open')) {
removeOverlay();
$megaMenuBusinessContainer.fadeOut('fast', 'swing', function () {
$megaMenuBusinessContainer.removeClass('open');
});
}
});
function showOverlay() {
$('#body').prepend('<div class="navigation-overlay"></div>')
}
function removeOverlay() {
$('.navigation-overlay').remove();
}
}
$(document).on('click', '.mobile-close-btn', function() {
$('#example-navbar-collapse').hide();
$('.navbar-default .in').collapse('hide');
$('body').removeClass('menu-open');
$('.collapse.show').removeClass('show');
resetNavbarCollapseStyles();
});
$(document).on('click', '.close-navbar-collapse-education', function() {
$('.navbar-collapse-education').click();
resetNavbarCollapseStyles();
});
$(document).on('click', '.close-navbar-collapse-business', function() {
$('.navbar-collapse-business').click();
resetNavbarCollapseStyles();
});
$(document).on('click', '.close-navbar-collapse-product', function() {
$('.navbar-collapse-product').click();
resetNavbarCollapseStyles();
});
$(document).on('click', '.close-navbar-collapse-resources', function() {
$('.navbar-collapse-resources').click();
resetNavbarCollapseStyles();
});
$(document).on('click', '.hamburger-menu', function() {
$('body').addClass('menu-open');
});
function resetNavbarCollapseStyles() {
$('.navbar-collapse-education').attr('style', '');
$('.navbar-collapse-business').attr('style', '');
$('.navbar-collapse-product').attr('style', '');
$('.navbar-collapse-resources').attr('style', '');
}
});
</script>
<script type="text/javascript" id="top_banner_script">
$(document).ready(function () {
if (!getCookie('close_holiday-top_banner')) {
var $topBanner = $('#top_banner'),
$bannerClose = $('#banner_close'),
$bannerBody = $('body'),
$bannerHead = $('head'),
$stickyHeader = $('.header-wrap.sticky');
$topBanner.addClass('top-banner-open');
$bannerBody.addClass('top-banner-open');
$stickyHeader.addClass('top-banner-open');
$bannerHead.append(`
`);
$bannerClose.click(function(e) {
e.preventDefault();
setCookie('close_holiday-top_banner', 1, 1, '/', '.screenpal.com');
$bannerBody.removeClass('top-banner-open');
$stickyHeader.removeClass('top-banner-open');
$topBanner.removeClass('top-banner-open');
setTimeout(function() { $topBanner.remove(); }, 600);
});
}
});
</script>
<script type="text/javascript" id="defer-styles">
// Lazy Load Full Font Awesome CSS File
var lazyLoad1 = document.createElement('link');
lazyLoad1.rel = 'stylesheet';
lazyLoad1.href = '//dfjnl57l0uncv.cloudfront.net/www/bd9709a3c3/css/font-awesome.min.css';
lazyLoad1.type = 'text/css';
// Append to head
var docHead = document.getElementsByTagName('head')[0];
docHead.appendChild(lazyLoad1);
// Check for images marked as requiring user interaction before loading
let lazyUserImages = [].slice.call(document.querySelectorAll("img.lazy-user"));
if (lazyUserImages.length) {
function handleLazyUserLoadImages(event) {
document.removeEventListener('keydown', handleLazyUserLoadImages);
document.removeEventListener('mousemove', handleLazyUserLoadImages);
lazyUserImages.forEach(function (lazyImage) {
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazy-user");
});
}
document.addEventListener('mousemove', handleLazyUserLoadImages);
document.addEventListener('keydown', handleLazyUserLoadImages);
}
</script>
<script type="text/javascript" id="service-worker">
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.getRegistrations().then(function(registrations) {
registrations.forEach(function(registration){
registration.unregister().then(function (completed) {
if(completed) {
console.log('Service Worker unregestered at scope: ' + registration.scope);
} else {
console.log('Service Worker FAILED to unregester at scope: ' + registration.scope);
}
});
});
});
});
}
</script>
<style type="text/css">
.lightbox_alert { padding:20px; background: white; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.4px; max-width: 600px; margin: 0 auto; }
.lightbox_alert .button { padding:12px 24px 12px 24px; margin: 20px 0 0 0; display: block; text-align: center; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; }
.lightbox_alert a.button:hover { background: #417ca7;}
</style>
<div id="lightBox"></div>
<script type="text/javascript">
var callOnLightBoxClose;
var wpLightBoxCloseRedirect;
var logoutRedirect;
function logout(useWindow,doLogoutRedirect) {
if (!useWindow) {
useWindow = window;
}
if (doLogoutRedirect === undefined) {
doLogoutRedirect = function () {
useWindow.location = "/login/change-user?furl=" + encodeURI(window.location);
};
}
if (typeof window['analyticsLogout'] != 'undefined')
analyticsLogout();
doLogoutRedirect();
}
function showLogin(email, furl) {
if (!email) email = '';
let loginUrl = '';
loginUrl = '/login?email=' + encodeURIComponent(email);
if (furl) {
loginUrl += '&furl=' + encodeURIComponent(furl);
}
openBoxWithSize(loginUrl, 530, 820);
}
function showUpdateLogin(reason) {
if (reason) {
openBox('/updateloginframed?reason=' + reason);
} else {
openBox('/updateloginframed');
}
}
function showSignUp(aftersignup) {
if (!aftersignup) {
openSmallBox('/signupframed');
}
else if (aftersignup.lastIndexOf('startplan-', 0) === 0) {
gotoSubscribe(aftersignup.substr('startplan-'.length));
}
else {
openSmallBox('/signupframed?after='+encodeURIComponent(aftersignup));
}
}
function showVideoEditorLP() {
// We just open new page to free video editor and don't have trial etc...
window.open('/video-editor', 'VideoEditorLandingPage');
}
function showCreateNewSubscription(plan,isExisting) {
gotoSubscribe(plan);
}
function showCreateNewSubscriptionWithAttribution(plan,attribute) {
window.location = getSubscribeUrl(plan);
}
function gotoSubscribe(plan) {
window.location = getSubscribeUrl(plan);
}
function getSubscribeUrl(plan, fromPage) {
fromPage = fromPage ? '&frompage=' + fromPage : '';
return 'https://' + window.location.hostname + '/subscribe?plan=' + plan + fromPage;
}
function openBox(iframesrc) {
openBoxWithSize(iframesrc,600,700);
}
function openSmallBox(iframesrc) {
openBoxWithSize(iframesrc,450,600);
}
function openBoxWithSize(iframesrc,w,h) {
openBoxWithSizeAndScroll(iframesrc,w,h,false);
}
function openBoxWithSizeAndScroll(iframesrc,w,h,scrolling) {
var w = Math.min( $(window).width(), Math.round(w) );
var h = Math.min( $(window).height(), Math.round(h) );
var s = scrolling ? "yes" : "no";
doLightBox('<iframe id="lightboxframe" class="loadinglightbox" src="" frameborder="no" scrolling="'+s+'" width="'+w+'" height="'+h+'"></iframe>');
setTimeout(function() {
$('#lightboxframe').attr('src',iframesrc).load(function(){
$('#lightboxframe').removeClass('loadinglightbox').addClass('loadinglightboxDoneLoading');
});
},100);
}
function showAlert(alert,ondone) {
callOnLightBoxClose = ondone;
doLightBox('<div class="lightbox_alert">'+alert+'<a id="alertclosebutton" class="button" href="javascript:closeBox()">OK</a></div>');
setTimeout(function() {$('#alertclosebutton').focus();}, 500);
}
function getPlayBoxRatio(widthType) {
widthMultiplier = 0.75;
if (widthType == "big") {
widthMultiplier = 0.95;
}
var w = $(window).width() * widthMultiplier;
if (w > 1280) {
w = 1280;
}
var h = parseInt(((720 * w)/1280)) + 32;
if (h > $(window).height()) {
h = $(window).height();
w = parseInt(((1280 * (h-32))/720));
}
return {w:w, h:h};
}
function playBox(sc,widthType) {
var ratio = getPlayBoxRatio(widthType);
var iframesrc = '//screenpal.com/embed?a=1&ff=true&sc='+sc;
openBoxWithSize(iframesrc,ratio.w,ratio.h);
}
function playBoxFullURL(sc,widthType) {
var ratio = getPlayBoxRatio(widthType);
openBoxWithSize(sc,ratio.w,ratio.h);
}
function closeBox() {
// SOM's lightbox
$('#lightBox').trigger('close');
// Wordpress' lightbox
closeThemifyBox();
}
function closeThemifyBox() {
if ($.magnificPopup) {
$.magnificPopup.close();
// Do redirect callbacks for WordPress Lightbox if request
if (wpLightBoxCloseRedirect) {
window.location = wpLightBoxCloseRedirect;
}
}
}
function closeThenOpenBox(iframesrc) {
closeBox();
setTimeout(openBox(iframesrc), 500);
}
function doLightBox(html) {
$('#lightBox').html(html).lightbox_me({
centered: true,
overlayCSS: {},
onLoad: function() {
disableScroll();
},
onClose: function() {
if (callOnLightBoxClose) {
var func = callOnLightBoxClose;
callOnLightBoxClose=undefined;
func();
}
enableScroll();
$(".js_lb_overlay").remove();
$('#lightBox').html('').attr('style','display:none');
}
});
}
function lightboxDoneLoading() {
}
function disableScroll() {
if ($(document).height() > $(window).height()) {
var scrollTop = ($('html').scrollTop()) ? $('html').scrollTop() : $('body').scrollTop(); // Works for Chrome, Firefox, IE...
$('html').addClass('noscroll').css('top',-scrollTop);
}
}
function enableScroll() {
var scrollTop = parseInt($('html').css('top'));
$('html').removeClass('noscroll');
$('html,body').css('top','');
$('html,body').scrollTop(-scrollTop);
}
/**
* Encode an object to url query
* @param data
* @return {string}
*/
function encodeQueryData(data) {
var parts = [];
for (var d in data) {
if (data.hasOwnProperty(d)) {
parts.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]));
}
}
return parts.join('&');
}
// Should be executed BEFORE any hash change has occurred.
(function(namespace) { // Closure to protect local variable "var hash"
if ('replaceState' in history) { // Yay, supported!
namespace.replaceHash = function(newhash) {
if ((''+newhash).charAt(0) !== '#') newhash = '#' + newhash;
history.replaceState('', '', newhash);
}
} else {
var hash = location.hash;
namespace.replaceHash = function(newhash) {
if (location.hash==newhash)
return;
if (location.hash !== hash) history.back();
location.hash = newhash;
};
}
})(window);
</script>
<script async="" src="/partials/launch-buttons-script?fv="></script>
<!-- LOAD ANALYTICS -->
<script type="text/javascript">
if (window.analyticsEvent) $(document).ready(function () {
analyticsEvent("VisitLP", {title: "Free Online Video Player"});
var $popUpButton = $('.hide-themify-close .themify_lightbox');
if($popUpButton.length) {
$(document).on('mfpOpen', function (e) {
$('.mfp-close').hide();
});
}
// Allow overriding Themify's 94% max-width on lightboxes
var $fullVideoBox = $('.full-video .themify_lightbox');
if($fullVideoBox.length) {
$(document).on('mfpOpen', function (e) {
$('.mfp-iframe-scaler').css('max-width', '100%');
});
}
var $announcementBar = $('.themify_announcement'),
$headerSticky = $('.header-wrap.sticky');
// If we have an announcement bar, watch the margin-top changes to body and apply to fixed header
if ($announcementBar.length > 0) {
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutationRecord) {
var marginSize = $('body').css('margin-top');
$headerSticky.css('margin-top', marginSize);
});
});
observer.observe(document.body, { attributes : true, attributeFilter : ['style'] });
}
});
</script>
<script type="text/javascript" id="mobile-menu-toggler">
$('.navbar-toggle').click(function (e) {
$('.navbar-collapse').slideToggle(250);
});
// Show overlay when bootstrap menu is open
$(function () {
$('.mega-dropdown-container').on('show.bs.dropdown', function () {
//console.log("Open menu...");
});
$('.mega-dropdown-container').on('hide.bs.dropdown', function () {
//console.log("Close menu...");
});
$('.collapse').on('shown.bs.collapse', function(){
let isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 &&
navigator.userAgent &&
navigator.userAgent.indexOf('CriOS') == -1 &&
navigator.userAgent.indexOf('FxiOS') == -1;
if(isSafari){
$('.collapse').css('height', '90vh');
}
});
});
// Adjust default pagination
$(function () {
$('#content .number.firstp').attr('title', 'First').html('First');
$('#content .number.lastp').attr('title', 'Last').html('Last');
});
// Hide social media widget at certain heights
$(function() {
let socialWidget = $(".heateor_sss_sharing_container");
let bodyHeight = $("body").height();
// socialWidget.hide();
$(window).scroll(function() {
if ($(window).scrollTop() >= 500 && bodyHeight - $(window).scrollTop() > 2600) {
socialWidget.fadeIn();
} else {
socialWidget.fadeOut();
}
});
});
// Get more posts
$(function () {
let articleClasses = 'class="post clearfix post-69758 tool type-tool status-publish has-post-thumbnail hentry has-post-title no-post-date has-post-category has-post-tag has-post-comment has-post-author "';
let currentPage = 2;
let perPage = 12;
$(document).on('click', '.read-more-btn', function () {
fetch('/get-wp-posts?page=' + currentPage + '&per_page=' + perPage, {
'method': 'GET',
})
.then(function(response) {
return response.json();
})
.then(function (data) {
if (data.posts.length) {
$('#loops-wrapper').append('<div class="row post-group-' + currentPage + '"></div>');
data.posts.forEach(post => {
let readTime = post.read_time.seconds > 0 ? post.read_time.minutes + 1 : post.read_time.minutes;
let postClone = $('.post-clone').clone();
postClone.removeClass('post-clone');
postClone.find('article').attr('class', articleClasses.replace('class=', '').replace('"', ''));
postClone.find('a').attr('href', post.link);
postClone.find('h2 a').html(post.title.rendered)
postClone.find('img.wp-post-image').attr('src', post.image_url);
postClone.find('.date-post-created').html(post.date_readable);
postClone.find('.read-time').html(readTime + ' Minute Read');
$('.post-group-' + currentPage).append(postClone);
});
currentPage++;
//$('#loops-wrapper').append(data.html);
//$('article[class=""]').attr('class', articleClasses);
}
console.log("data returned from ajax:", data);
});
});
});
</script>
<script type="text/javascript" id="defer-styles">
var deferCssLinks = [];
// Lazy Load All styles File
if (typeof deferCssLinks === 'object' && Object.keys(deferCssLinks).length) {
Object.keys(deferCssLinks).forEach(function (handle) {
// Build deferred link tag
var deferCss = '<link rel="stylesheet" id="' + handle + '" href="' + deferCssLinks[handle] + '" type="text/css" media="all">';
// Insert in correct place in head next to meta tag marker
document.getElementById(handle + '-marker').insertAdjacentHTML( "beforebegin", deferCss);
});
}
</script>
</div><script type="text/javascript" id="" charset="">var iCookieLength=30,sCookieName=google_tag_manager["rm"]["7619525"](4),sSourceParameterName="utm_source",_getQueryStringValue=function(d){for(var c=document.location.search.substring(1).split("\x26"),b=0;b<c.length;b++){var a=c[b].split("\x3d");if(d.toLowerCase()==a[0].toLowerCase())return a[1]}},_setCookie=function(d,c,b){var a=new Date;a.setTime(a.getTime()+864E5*b);document.cookie=d+"\x3d"+c+"; expires\x3d"+a.toGMTString()+"; path\x3d/;"};
_getQueryStringValue(sSourceParameterName)&&_setCookie(sCookieName,_getQueryStringValue(sSourceParameterName),iCookieLength);</script><img src="https://pixel.wp.com/g.gif?v=ext&blog=228722688&post=69758&tz=-8&srv=cms-prod.screenpal.com&j=1%3A13.4&host=screenpal.com&ref=&fcp=1227&rand=0.32572272034887395" alt="" width="6" height="5" id="wpstats"><script type="text/javascript" id="" charset="">(function(){try{var a=function(){dataLayer.push({event:"userActive"});document.removeEventListener("mousemove",a);document.removeEventListener("touchmove",a)};document.addEventListener("mousemove",a);document.addEventListener("touchmove",a)}catch(b){}})();</script></body></html>