body { background-color: #f2f2f2; font-family: Montserrat, sans-serif; color: #444; font-size: 13px; line-height: 20px; } .flex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .card-content { position: relative; overflow: hidden; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .card-content.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .window-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; margin-top: 0px; padding-right: 4px; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #fff; font-family: Montserrat, sans-serif; font-size: 13px; line-height: 27px; font-weight: 600; } .rss-icon { max-height: 20px; max-width: 20px; } .div-block-35 { position: relative; overflow: hidden; height: 210px; } .card-handle { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 32px; padding-left: 6px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-bottom: 1px solid #dedede; -webkit-transition: color 350ms ease-in-out, background-color 350ms ease-in-out; transition: color 350ms ease-in-out, background-color 350ms ease-in-out; color: #454545; cursor: -webkit-grab; cursor: grab; } .card-handle:hover { color: #454545; } .card-handle.default-cursor { cursor: default; } .flex-embed { position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; } .flex-embed.rss-embed { padding: 9px 8px; } .flex-embed.twitter { top: -55px; bottom: -40px; overflow: auto; width: auto; height: 368px; margin: 0px; padding: 8px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-embed.scale { left: -50px; top: -100px; right: -50px; bottom: -75px; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .card { position: relative; z-index: 1; overflow: hidden; height: 350px; min-width: 240px; margin: 8px; padding-top: 32px; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 8px; background-color: #fff; box-shadow: none; } .card._480 { height: 496px; } .card.video-card { height: 350px; min-width: 600px; } .card.trend { height: 240px; } .card.trend._1 { margin-bottom: 16px; } .card._480 { height: 496px; } .window-title-txt { float: left; } .grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #f2f2f2; } .card-title { padding-right: 6px; padding-left: 6px; font-size: 1em; line-height: 1em; font-weight: 600; text-align: center; } .card-title.long { min-width: 140px; } .yt-icon { max-height: 20px; max-width: 20px; border-radius: 30px; } .grid-box { position: relative; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .grid-box.no-size { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .window-tabs-wrap { position: static; height: 100%; } .window-tab-link { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; margin-top: 0px; margin-right: 6px; padding: 0px 9px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: transparent; opacity: 0.25; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: opacity 350ms ease-in-out, -webkit-filter 350ms ease-in-out; transition: opacity 350ms ease-in-out, -webkit-filter 350ms ease-in-out; transition: opacity 350ms ease-in-out, filter 350ms ease-in-out; transition: opacity 350ms ease-in-out, filter 350ms ease-in-out, -webkit-filter 350ms ease-in-out; font-family: Montserrat, sans-serif; font-size: 13px; line-height: 27px; font-weight: 600; } .window-tab-link:hover { background-color: #fff; opacity: 1; -webkit-filter: none; filter: none; } .window-tab-link.w--current { margin-top: 0px; background-color: #fff; opacity: 1; -webkit-filter: none; filter: none; } .window-tabs { position: static; height: 100%; } .window-icon { max-height: 18px; max-width: 18px; margin-top: auto; margin-right: 6px; margin-bottom: auto; float: left; border-radius: 30px; } .window-tab { height: 100%; } .window-icon-2 { max-height: 18px; max-width: 18px; margin-top: auto; margin-right: 6px; margin-bottom: auto; float: left; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .heading { margin-top: 0px; margin-bottom: 0px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-family: Vollkorn, serif; color: #bbb; font-size: 40px; line-height: 40px; font-weight: 400; } .header { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 16px 16px 32px; padding-top: 32px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 8px; } .logo { width: 120px; margin-right: 20px; opacity: 0.25; } .wallet-border { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; width: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; background-color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); } .btn { display: inline-block; height: auto; margin-bottom: 10px; padding: 4px; border: 1px solid #dad8d8; border-radius: 50px; background-color: #f2eeee; color: #676565; text-decoration: none; } .btn._2 { border-radius: 15px; } .wallet { position: fixed; left: -400px; top: 50px; right: auto; bottom: auto; z-index: 10; width: 280px; padding-left: 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; font-family: Montserrat, sans-serif; color: #666464; font-weight: 600; } .close { position: fixed; left: auto; top: 16px; right: 16px; bottom: auto; z-index: 10; display: none; width: 32px; height: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 50px; background-color: #fff; } .bsv-label { margin-left: 8px; color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); line-height: 32px; } .address { margin-right: 8px; font-size: 13px; line-height: 14px; } .handcash { width: 32px; } .twitter { width: 24px; margin: 4px; } .moneybutton { height: 50px; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center; } .moneybutton.last { margin-bottom: 0px; } .info { position: fixed; left: auto; top: 16px; right: 16px; bottom: auto; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 50px; background-color: #fff; } .qr-code { width: 180px; margin: 5px -5px 3px 4px; } .clipboard { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; border: 2px solid #fff; border-radius: 50px; background-color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); opacity: 0; color: #fff; text-align: center; text-decoration: none; } .clipboard._2 { border-radius: 10px; } .b-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 3px 12px 3px 4px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); border-radius: 50px; background-color: #fcfcfc; } .b-item._2 { border-radius: 10px; } .image { height: 16px; opacity: 0.25; -webkit-filter: invert(100%); filter: invert(100%); } .image-2 { height: 14px; opacity: 0.25; -webkit-filter: invert(100%); filter: invert(100%); } .footer { padding-top: 40px; padding-bottom: 40px; } .link-block { display: block; margin-right: auto; margin-left: auto; color: #454545; line-height: 40px; font-weight: 600; text-align: center; text-decoration: none; } .daily-contribution { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; width: 200px; } .text-block-2 { color: #454545; font-size: 11px; font-weight: 600; } .link-block-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; min-width: 160px; margin: 8px; padding-right: 8px; padding-left: 8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 8px; background-color: #fff; color: #454545; text-decoration: none; } .text-block-3 { margin: 8px 8px 0px; font-size: 13px; line-height: 20px; font-weight: 600; } .div-block-36 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } html.w-mod-js *[data-ix="close-wallet"] { display: none; } @media (max-width: 991px) { .flex-row { width: auto; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .div-block-35 { height: 200px; } .flex-embed.twitter { position: relative; overflow: scroll; } .card._480 { height: 300px; min-width: 400px; } .card.video-card { min-width: 240px; } .card.trend { width: auto; } .card._480 { width: auto; height: 496px; } .grid { overflow: hidden; width: 100%; padding-top: 8px; padding-right: 8px; padding-left: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .grid-box.no-size { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-box.no-size.ex { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .heading { margin-bottom: 20px; } .header { padding-bottom: 120px; } .daily-contribution { position: absolute; text-align: center; } } @media (max-width: 767px) { .grid-box.no-size { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } @media (max-width: 479px) { .flex-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card.video-card { height: 200px; min-width: 240px; } .card._480 { min-width: 240px; } .grid { width: 100%; padding-right: 8px; padding-left: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .grid-box.no-size { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .window-tab-link { padding-right: 0px; padding-left: 0px; } .window-icon { display: none; } .heading { font-size: 30px; } .wallet-border { width: 10px; } .wallet { padding-left: 20px; } .qr-code { width: 160px; } }