/* reset */
html,body,div,span,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
}
* {
box-sizing:border-box
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 40px white inset, 0 2px 4px 0 rgba(0,0,0,0.06) !important;
border-color: #fff !important;
}
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 40px white inset, 0 0 10px 0 rgba(65,153,255,0.45) !important;
border-color: #4199FF !important;
}
::selection {
background: #dbdeea;
color: #fff;
}
::-moz-selection {
background: #dbdeea;
color: #fff;
}
::-moz-focus-inner {
border:0;
margin:0;
padding:0;
}
a,a:visited {
color:#2e2e2e;
outline:none;
text-decoration:none;
transition: background 0.5s ease, color 0.5s ease;
}
a:hover {
color:#666;
outline:none;
text-decoration:none;
}
button {
transition: background 0.5s ease;
font-family: 'Inter', sans-serif;
}
input, textarea, .redactor-editor {
transition: border 0.5s ease, color 0.5s ease;
}
h1,h2,h3 {
-webkit-font-smoothing:antialiased;
border:0;
margin:0;
padding:0;
font-family: 'Inter', sans-serif;
}
body {
-webkit-font-smoothing:antialiased;
background-color:#FAFAFA;
color:#2D2D2D;
font-family: 'Inter', sans-serif;
line-height:1;
word-wrap:break-word;
margin:0;
padding:0;
transition: background-color 0.5s ease;
overflow-x: hidden;
}
img {
width: 100%;
height: auto;
}
body.no-scroll {
overflow: hidden;
}
header {
float: left;
width: 100%;
}
main {
float: left;
width: 100%;
padding: 100px 0px;
}
main.poll-main {
padding: 30px 0px 0px 0px;
}
.poll-outer-wrapper {
float: left;
width: 100%;
padding: 0px 0px 70px 0px;
}
.inner-wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
}
.inner-wrapper.x-lrg {
width: 1144px;
}
.inner-wrapper.lrg {
width: 1024px;
}
.inner-wrapper.sml {
width: 850px;
}
.inner-wrapper.x-sml {
width: 650px;
}
.inner-wrapper.xx-sml {
width: 400px;
}
main.profile-polls {
padding: 90px 0px 90px 0px;
}
main.home-page {
background-color: #FFF;
padding: 0px;
overflow: hidden;
}
.v-space-lrg {
padding: 80px 0px;
}
.m-t-md {
margin-top: 15px;
}
/* Nav */
nav {
float: left;
width: 100%;
background-color: #FFF;
padding: 27px 25px;
}
nav .left {
width: 50%;
float: left;
}
nav .left a.logo {
width: 161px;
height: 36px;
float: left;
background-image: url('../img/logo.png');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
margin: 7px 0px 5px 0px;
transition: background 0s ease, opacity 0.5s ease;
}
nav .left a.logo:hover {
opacity: 0.7;
}
nav .mid {
position: absolute;
left: 50%;
width: 400px;
margin-left: -200px;
text-align: center;
}
nav .mid .nav-mid-links {
width: 100%;
text-align: center;
}
nav .mid .nav-mid-links a {
font-weight: 600;
font-size: 16px;
color: #666F7A;
letter-spacing: -0.26px;
padding: 16px;
display: inline-block;
margin: 0px 4px;
}
nav .mid .nav-mid-links a.nav-link-teams span {
float: left;
}
nav .mid .nav-mid-links a.nav-link-teams::after {
background-color: #ff946b;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
text-align: center;
padding: 3px 4px;
border-radius: 3px;
text-transform: uppercase;
margin-top: 1px;
float: right;
margin-left: 7px;
transition: background 0.5s ease;
content: "new";
font-weight: 700;
}
nav .mid .nav-mid-links a.nav-link-poll {
color: #4AD97F;
}
nav .mid .nav-mid-links a:hover {
color: #444;
}
nav .mid .nav-mid-links a.nav-link-poll:hover {
color: #34b363;
}
nav .right {
width: 50%;
float: right;
}
nav .right .nav-links {
float: right;
}
nav .right .nav-links a.teams-dashboard-nav-link {
color: #ff946b;
}
nav .right .nav-links a.teams-dashboard-nav-link:hover {
color: #ffac8d;
}
nav .right .nav-links a {
padding: 16px;
display: inline-block;
font-weight: 600;
border-radius: 4px;
margin-right: 14px;
float: left;
font-size: 16px;
color: #666F7A;
letter-spacing: -0.26px;
}
nav .right .nav-links a:hover {
color: #444;
}
nav .right .nav-links a.signup-button {
background-color: #4199FF;
color: #FFF;
padding: 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 600;
border-radius: 4px;
float: left;
margin-right: 0px;
}
nav .right .nav-links a.signup-button:hover {
background-color: #357dd0;
}
/* Footer */
.footer-divide {
float: left;
width: 100%;
border-bottom: solid 1.5px #f9f9f9;
}
footer {
float: left;
width: 100%;
background-color: #FFFFFF;
padding: 50px 0px;
z-index: 50;
position: relative;
}
footer .left {
width: 20%;
float: left;
}
footer .left a.fast-poll-icon {
width: 36px;
height: 36px;
float: left;
background-image: url('../img/fast-poll-icon.svg');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
margin: 7px 0px 5px 0px;
}
footer .left .social-icons {
float: left;
width: 100%;
margin-top: 70px;
}
footer .left .social-icons a {
float: left;
width: 28px;
height: 28px;
margin-right: 12px;
background-repeat: no-repeat;
transition: opacity 0.5s ease;
}
footer .left .social-icons a.twitter-icon {
background-image: url('../img/icon-twitter-footer.svg');
}
footer .left .social-icons a.facebook-icon {
background-image: url('../img/icon-facebook-footer.svg');
}
footer .left .social-icons a:hover {
opacity: 0.7;
}
footer .left p.copyright {
float: left;
clear: both;
margin-top: 30px;
font-size: 13px;
color: #C9C9C9;
letter-spacing: -0.21px;
}
footer .right {
width: 80%;
float: right;
}
footer .right .right-columns {
float: right;
}
footer .right .right-columns .footer-column {
float: left;
margin-left: 50px;
width: 130px;
}
footer .right .right-columns .footer-column p {
font-size: 12px;
text-transform: uppercase;
color: #555;
font-weight: 700;
float: left;
width: 100%;
margin-bottom: 14px;
}
footer .right .right-columns .footer-column a {
font-size: 14.5px;
color: #B1B1B1;
float: left;
clear: both;
font-weight: 400;
margin-bottom: 16px;
}
footer .right .right-columns .footer-column a:hover {
color: #40db7b;
}
footer .right .right-columns .footer-column a.footer-new-badge::after {
background-color: #ff946b;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
text-align: center;
font-weight: 600;
padding: 3px 4px;
border-radius: 3px;
text-transform: uppercase;
margin-top: 1px;
float: right;
margin-left: 7px;
transition: background 0.5s ease;
content: "new";
}
/* Home */
.home-fixed-nav {
position: fixed;
top: 0px;
background-color: #fff;
z-index: 50;
width: 100%;
box-shadow: 0 7px 7px 0 rgba(0,0,0,0.03);
padding: 15px 20px;
display: none;
}
.home-fixed-nav .left a.logo {
width: 34px;
height: 34px;
float: left;
background-image: url('../img/logo.png');
background-size: 160px;
background-repeat: no-repeat;
background-position: left;
margin: 5px 0px;
transition: opacity 0.5s ease;
}
.home-fixed-nav .left a.logo:hover {
opacity: 0.7;
}
.home-fixed-nav .right {
float: right;
}
.home-fixed-nav .right a.signup-button {
background-color: #4199FF;
color: #FFF;
padding: 14px 16px;
display: inline-block;
font-size: 15px;
font-weight: 700;
border-radius: 4px;
float: left;
transition: background-color 0.5s ease, color 0s ease;
margin-left: 15px;
}
.home-fixed-nav .right a.signup-button:hover {
background-color: #357dd0;
}
.home-fixed-nav .right a.create-poll-button {
background-color: #4AD97F;
color: #FFF;
padding: 14px 46px 14px 16px;
display: inline-block;
font-size: 15px;
font-weight: 700;
border-radius: 4px;
background-repeat: no-repeat;
background-position: top 12px right 15px;
background-size: 17px;
transition: background-color 0.5s ease, color 0s ease;
float: left;
background-image: url('../img/create-poll-icon.svg');
}
.home-fixed-nav .right a.create-poll-button:hover {
background-color: #3bbd6c;
}
main.home-page nav {
position: absolute;
left: 0px;
top: 0px;
z-index: 50;
}
body.no-scroll main.home-page nav {
z-index: auto;
}
main.home-page nav .mid a.create-poll-button {
display: none;
}
header.home-header .home-header-wrapper {
max-height: 1150px;
min-height: 520px;
height: 100vh;
padding: 0px;
width: 100%;
position: relative;
}
header.home-header .home-header-inner {
text-align: center;
width: 820px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
header.home-header .home-header-inner h1 {
font-size: 64px;
line-height: 70px;
color: #222222;
}
header.home-header .home-header-inner h1 span.green {
color: #4AD97F;
}
header.home-header .home-header-inner h1 span.change {
position: relative;
display: inline-block;
}
header.home-header .home-header-inner h1 .change:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 7px;
background-color: #FFF69B;
z-index: -1;
transform: rotate(178deg) skew(25deg);
border-radius: 20px;
}
.typelighted {
background: #dbdeea;
color: #fff;
}
header.home-header .home-header-inner a.action-button {
background-color: #49d97f;
color: #FFF;
margin: 35px 0px;
display: inline-block;
padding: 22px 36px;
font-size: 22px;
color: #FFFFFF;
letter-spacing: -0.36px;
text-align: center;
font-weight: 600;
border-radius: 5px;
}
header.home-header .home-header-inner a.action-button:hover {
background-color: #3bbd6c;
}
header.home-header .home-header-inner p.sub {
font-size: 14px;
color: #B9B8B8;
line-height: 20px;
}
header.home-header .logos {
float: left;
width: 100%;
text-align: center;
position: absolute;
bottom: 60px;
}
header.home-header .logos .logos-title {
font-size: 14px;
color: #C8C8C8;
letter-spacing: -0.23px;
text-align: center;
font-weight: 500;
padding-bottom: 25px;
}
header.home-header .logos p {
width: 127px;
height: 32px;
display: inline-flex;
vertical-align: middle;
margin: 0px 30px;
}
header.home-header .logos p.linkedin {
width: 106px;
}
header.home-header .logos p.amazon {
width: 97px;
}
header.home-header .logos p.amazon img {
margin-top: 5px;
height: 32px;
}
header.home-header .logos p.htc {
width: 70px;
}
main.p-top-none {
padding-top: 0px;
}
main.p-none {
padding: 0px;
}
main.home-page section {
float: left;
width: 100%;
margin-top: 230px;
}
main.home-page section .home-wrapper {
width: 1220px;
margin-left: auto;
margin-right: auto;
}
.section-heading {
float: left;
width: 65%;
padding: 0px 0px 50px 40px;
}
.section-heading h2 {
font-size: 58px;
color: #222222;
letter-spacing: -0.99px;
line-height: 64px;
width: 100%;
float: left;
}
.section-heading p {
font-size: 19px;
color: #919191;
letter-spacing: -0.31px;
line-height: 29px;
font-weight: 400;
float: left;
width: 100%;
padding: 30px 0px 0px 0px;
}
main.home-page section .home-wrapper .browser-window {
float: left;
width: 100%;
position: relative;
}
main.home-page section .home-wrapper .browser-window img {
z-index: 5;
position: relative;
}
main.home-page section.home-realtime .home-wrapper .browser-window:after {
background-image: url('../img/home-shape-1.svg');
background-repeat: no-repeat;
background-size: 840px;
position: absolute;
width: 840px;
height: 840px;
top: -170px;
right: -20%;
z-index: 1;
content: "";
}
main.home-page section.home-control .home-wrapper .browser-window:after {
background-image: url('../img/home-shape-2.svg');
background-repeat: no-repeat;
background-size: 840px;
position: absolute;
width: 840px;
height: 840px;
top: -170px;
right: -20%;
z-index: 1;
content: "";
}
main.home-page section .home-wrapper .left {
width: 35%;
float: left;
padding: 270px 0px;
}
main.home-page section .home-wrapper .left h2 {
font-size: 60px;
color: #222222;
letter-spacing: -0.99px;
line-height: 60px;
}
main.home-page section .home-wrapper .left p {
font-size: 19px;
color: #919191;
letter-spacing: -0.31px;
line-height: 29px;
font-weight: 400;
margin-top: 15px;
}
main.home-page section .home-wrapper .right {
width: 47%;
float: right;
position: relative;
}
main.home-page section .home-wrapper .right img {
position: relative;
z-index: 5;
}
section.home-audience {
position: relative;
}
section.home-audience .right-full-section {
position: absolute;
width: 55%;
right: 0px;
top: -60px;
}
section.home-audience .right-full-section img {
width: 858px;
}
main.home-page section.home-sharing .home-wrapper .right:after {
background-image: url('../img/home-shape-3.svg');
background-repeat: no-repeat;
background-size: 840px;
position: absolute;
width: 840px;
height: 840px;
top: -70px;
left: -50px;
z-index: 1;
content: "";
}
section.home-icons {
float: left;
width: 100%;
}
section.home-icons .home-icons-wrapper {
float: left;
width: 100%;
padding: 50px 0px 20px 0px;
}
section.home-icons .home-icons-wrapper .home-icon-block {
width: 274px;
margin-right: 160px;
float: left;
margin-bottom: 110px;
}
section.home-icons .home-icons-wrapper .home-icon-block:nth-child(3n) {
margin-right: 0px;
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon {
float: left;
width: 34px;
height: 34px;
background-position: left bottom;
background-repeat: no-repeat;
margin-bottom: 20px;
}
section.home-icons .home-icons-wrapper .home-icon-block h3 {
font-size: 20px;
color: #333333;
line-height: 22px;
font-weight: 600;
float: left;
width: 100%;
margin-bottom: 6px;
}
section.home-icons .home-icons-wrapper .home-icon-block p {
float: left;
width: 100%;
font-size: 16.5px;
font-weight: 400;
color: #808080;
line-height: 24px;
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.poll-list {
background-image: url('../img/home-icon-1.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.secure{
background-image: url('../img/home-icon-2.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.profile {
background-image: url('../img/home-icon-3.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.public-polls {
background-image: url('../img/home-icon-4.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.share-polls {
background-image: url('../img/home-icon-5.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.account {
background-image: url('../img/home-icon-6.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.poll-comments {
background-image: url('../img/home-icon-7.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.poll-close-voting {
background-image: url('../img/home-icon-8.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.poll-qr-code-access {
background-image: url('../img/home-icon-9.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.custom-branding {
background-image: url('../img/team-icon-1.svg');
}
main.home-page section.home-cta {
margin-top: 40px;
text-align: center;
padding: 100px;
background-color: #F9F7FF;
}
main.home-page section.home-cta h4 {
font-size: 60px;
color: #232B35;
letter-spacing: -0.99px;
line-height: 60px;
}
main.home-page section.home-cta p {
font-size: 19px;
color: #A198BB;
letter-spacing: -0.31px;
line-height: 29px;
padding: 18px 0px 28px 0px;
font-weight: 500;
}
main.home-page section.home-cta a.action-button {
background-color: #4199FF;
display: inline-block;
padding: 22px 36px;
font-size: 22px;
color: #FFFFFF;
letter-spacing: -0.36px;
text-align: center;
font-weight: 600;
border-radius: 5px;
}
main.home-page section.home-cta a.action-button:hover {
background-color: #357dd0;
}
main.home-page section.home-pro {
margin-top: 40px;
}
.home-pro-wrapper {
float: left;
width: 100%;
background-color: #FFE8DB;
box-shadow: 0px 12px 34px rgba(237, 212, 203, 0.4);
border-radius: 10px;
overflow: hidden;
height: 636px;
position: relative;
margin-bottom: 100px;
background-image: url("../img/pro-shape-1.svg");
background-repeat: no-repeat;
background-size: 950px;
background-position: right -80px top -260px;
}
.home-pro-left {
width: 500px;
float: left;
padding: 110px 0px 0px 70px;
}
.home-pro-left p.sml-title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.33px;
color: #D6967E;
margin-top: 0px;
}
.home-pro-left h3 {
font-weight: bold;
font-size: 72px;
letter-spacing: -0.99px;
color: #2E0F06;
margin-top: 15px;
float: left;
width: 100%;
}
.home-pro-left p {
float: left;
width: 100%;
margin-top: 18px;
font-weight: 500;
font-size: 20px;
line-height: 22px;
letter-spacing: -0.2805px;
color: #C59C8D;
}
.home-pro-left a {
background-color: #FF8358;
color: #FFF;
font-weight: 700;
font-size: 17px;
padding: 17px 24px;
border-radius: 6px;
float: left;
margin-top: 30px;
}
.home-pro-right {
width: 950px;
float: right;
position: absolute;
right: -220px;
top: 30px;
}
/* Form */
main .inner-wrapper .form-wrapper {
float: left;
width: 100%;
}
.form-wrapper header.form-header {
float: left;
width: 100%;
margin-bottom: 50px;
}
.form-wrapper header.form-header h1 {
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 38px;
color: #333;
}
.form-wrapper header.form-header p {
float: left;
width: 100%;
color: #B1B1B1;
font-size: 16px;
font-weight: 500;
}
.form-wrapper form {
float: left;
width: 100%;
}
.form-wrapper form .input-group {
float: left;
width: 100%;
margin-bottom: 35px;
}
.form-wrapper form .input-group:last-child {
margin-bottom: 0px;
}
.form-wrapper form .poll-options .input-group:last-child {
margin-bottom: 35px;
}
.form-wrapper form .input-group label {
font-size: 15px;
color: #929292;
font-weight: 600;
margin-bottom: 8px;
float: left;
}
.form-wrapper form .input-group:hover a.delete-option-button, .form-wrapper form .input-group:hover a.delete-option-button-inline {
opacity: 1;
}
.form-wrapper form .input-group a.delete-option-button, .form-wrapper form .input-group a.delete-option-button-inline {
font-size: 13px;
color: #FF5252;
letter-spacing: -0.21px;
text-align: right;
float: right;
font-weight: 600;
opacity: 0;
transition: opacity 0.5s ease, color 0.5s ease;
}
.form-wrapper form .input-group a.delete-option-button:hover, .form-wrapper form .input-group a.delete-option-button-inline:hover {
color: #ff0f0f;
}
.form-wrapper form .input-group a.info-icon {
background-image: url('../img/icon-grey-info.svg');
background-repeat: no-repeat;
height: 15px;
width: 15px;
display: inline-block;
margin: 0px 0px -2px 5px;
cursor: pointer;
transition: opacity 0.5s ease;
float: left;
}
.form-wrapper form .input-group label.label-info-icon span.info-icon:hover {
opacity: 0.7;
}
.form-wrapper form .input-group input {
width: 100%;
float: left;
border: none;
padding: 22px 20px 20px 20px;
border-radius: 5px;
font-size: 18px;
font-weight: 500;
background-color: #FFF;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px transparent;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
}
.form-wrapper form .poll-options .input-group input.colour_input {
width: 100px;
padding: 5px;
font-size: 12px;
border: none;
margin-top: 10px;
padding-right: 0px;
visibility: hidden;
position: absolute;
}
.form-wrapper form .poll-options .input-group input {
padding-right: 150px;
}
.form-wrapper form .poll-options .input-group {
position: relative;
}
.form-wrapper form .poll-options .input-group .input-group-field {
float: left;
width: 100%;
position: relative;
}
.colour-menu-overlay {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(52, 136, 255, 0.13);
z-index: 500;
display: none;
}
.form-wrapper form .poll-options .input-group .poll-option-group {
position: absolute;
right: 25px;
top: 21px;
}
.form-wrapper form .poll-options .input-group .poll-option-group .upload-image-button {
float: left;
padding-right: 15px;
}
.upload-image-button a {
float: left;
background-color: #D9EEFF;
height: 26px;
border-radius: 5px;
padding: 5px 8px;
font-weight: bold;
font-size: 11px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #597DA7;
}
.poll-colour-dropdown-wrapper {
float: left;
}
.poll-colour-dropdown-wrapper a#colour-block-button {
width: 26px;
height: 26px;
background-color: #ccc;
border-radius: 5px;
float: right;
background-color: rgba(255, 82, 82, 0.6);
}
.poll-colour-dropdown-wrapper a#colour-block-button svg path {
transition: stroke 0.5s ease;
}
.poll-colour-dropdown-wrapper a#colour-block-button:hover svg path {
stroke: #666;
}
.poll-colour-dropdown-wrapper a.option-emoji-button {
position: absolute;
right: 56px;
top: 20px;
}
.poll-colour-dropdown-wrapper a.option-emoji-button svg path {
transition: fill 0.5s ease;
}
.poll-colour-dropdown-wrapper a.option-emoji-button:hover svg path {
fill: #6970FF;
}
.poll-colour-dropdown {
position: absolute;
right: -24px;
bottom: 45px;
width: 205px;
background-color: #FFF;
background: #FFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 20px 20px 10px 20px;
overflow: visible;
border-radius: 5px;
z-index: 5000;
display: none;
-webkit-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-dropdown-copy {
float: left;
width: 100%;
margin-bottom: 5px;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown h4 {
font-size: 14.5px;
font-weight: 700;
color: #333333;
letter-spacing: 0;
float: left;
width: 100%;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown p {
font-size: 12px;
font-weight: 500;
color: #afafaf;
letter-spacing: 0;
line-height: 16px;
margin-top: 5px;
float: left;
width: 100%;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares-hidden {
display: none;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown a.colour-squares-more-button {
text-align: center;
color: #FFF;
font-size: 14px;
font-weight: 600;
padding: 11px;
margin: 5px 0px;
background-color: #4199ff;
border-radius: 8px;
width: 100%;
float: left;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown a.colour-squares-more-button:hover {
background-color: #357dd0;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares {
float: left;
width: 100%;
margin-top: 10px;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square {
height: 22px;
width: 22px;
float: left;
background-color: #ccc;
margin: 0px 13px 10px 0px;
border-radius: 25px;
transition: opacity 0.3s ease;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square:hover {
opacity: 0.7;
}
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square:nth-child(5n) {
margin-right: 0px;
}
a#colour-block-button span {
width: 12px;
height: 12px;
float: left;
border-radius: 50px;
margin-left: 7px;
margin-top: 7px;
background-color: #000;
transition: background 0.2s ease;
}
a#colour-block-button.red span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.red {
background-color: #FF5252;
}
.poll-colour-dropdown-wrapper a#colour-block-button.red {
background-color: rgba(255, 82, 82, 0.4);
}
a#colour-block-button.green span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.green {
background-color: #00DE74;
}
.poll-colour-dropdown-wrapper a#colour-block-button.green {
background-color: rgba(74, 217, 127, 0.4);
}
a#colour-block-button.orange span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.orange {
background-color: #FF9E72;
}
.poll-colour-dropdown-wrapper a#colour-block-button.orange {
background-color: rgba(255, 158, 114, 0.4);
}
a#colour-block-button.blue span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.blue {
background-color: #4199FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.blue {
background-color: rgba(65, 153, 255, 0.4);
}
a#colour-block-button.yellow span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.yellow {
background-color: #FFD06E;
}
.poll-colour-dropdown-wrapper a#colour-block-button.yellow {
background-color: rgba(255, 208, 110, 0.4);
}
a#colour-block-button.purple span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.purple {
background-color: #6E76FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.purple {
background-color: rgba(110, 118, 255, 0.4);
}
a#colour-block-button.turquoise span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.turquoise {
background-color: #76ECE9;
}
.poll-colour-dropdown-wrapper a#colour-block-button.turquoise {
background-color: rgba(118, 236, 233, 0.4);
}
a#colour-block-button.pink span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.pink {
background-color: #FF96E0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pink {
background-color: rgba(255, 150, 224, 0.4);
}
a#colour-block-button.light-blue span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.light-blue {
background-color: #96D4FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-blue {
background-color: rgba(150, 212, 255, 0.4);
}
a#colour-block-button.grey span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.grey {
background-color: #BDC3C7;
}
.poll-colour-dropdown-wrapper a#colour-block-button.grey {
background-color: rgba(189, 195, 199, 0.4);
}
a#colour-block-button.pale-purple span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.pale-purple {
background-color: #B5B9FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pale-purple {
background-color: rgba(181, 185, 255, 0.4);
}
a#colour-block-button.bright-pink span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.bright-pink {
background-color: #F53B86;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-pink {
background-color: rgba(245, 59, 134, 0.4);
}
a#colour-block-button.dark-grey span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.dark-grey {
background-color: #808E9B;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-grey {
background-color: rgba(128, 142, 155, 0.4);
}
a#colour-block-button.bright-orange span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.bright-orange {
background-color: #FD7272;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-orange {
background-color: rgba(253, 114, 114, 0.4);
}
a#colour-block-button.dark-blue span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.dark-blue {
background-color: #62A5DB;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-blue {
background-color: rgba(98, 165, 219, 0.4);
}
a#colour-block-button.true-purple span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.true-purple {
background-color: #9031DF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.true-purple {
background-color: rgba(144, 49, 223, 0.4);
}
a#colour-block-button.jet-blue span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.jet-blue {
background-color: #005CC7;
}
.poll-colour-dropdown-wrapper a#colour-block-button.jet-blue {
background-color: rgba(0, 92, 199, 0.4);
}
a#colour-block-button.smashed-pumpkin span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.smashed-pumpkin {
background-color: #E3500D;
}
.poll-colour-dropdown-wrapper a#colour-block-button.smashed-pumpkin {
background-color: rgba(227, 80, 13, 0.3);
}
a#colour-block-button.madder-lake span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.madder-lake {
background-color: #FF2B2B;
}
.poll-colour-dropdown-wrapper a#colour-block-button.madder-lake {
background-color: rgba(255, 44, 43, 0.4);
}
a#colour-block-button.offset-purple span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.offset-purple {
background-color: #C287E8;
}
.poll-colour-dropdown-wrapper a#colour-block-button.offset-purple {
background-color: rgba(194, 135, 235, 0.4);
}
a#colour-block-button.fiery-rose span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.fiery-rose {
background-color: #FF5576;
}
.poll-colour-dropdown-wrapper a#colour-block-button.fiery-rose {
background-color: rgba(255, 85, 118, 0.4);
}
a#colour-block-button.eggshell span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.eggshell {
background-color: #FECCA0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.eggshell {
background-color: rgba(254, 204, 160, 0.4);
}
a#colour-block-button.sonic-silver span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.sonic-silver {
background-color: #746E76;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sonic-silver {
background-color: rgba(116, 110, 118, 0.4);
}
a#colour-block-button.sunset-blue span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.sunset-blue {
background-color: #94E1FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sunset-blue {
background-color: rgba(148, 225, 255, 0.4);
}
a#colour-block-button.rajah span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.rajah {
background-color: #F7B267;
}
.poll-colour-dropdown-wrapper a#colour-block-button.rajah {
background-color: rgba(247, 178, 103, 0.4);
}
a#colour-block-button.light-coral span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.light-coral {
background-color: #F67E7D;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-coral {
background-color: rgba(246, 126, 125, 0.4);
}
a#colour-block-button.mustard span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.v {
background-color: #FFC857;
}
.poll-colour-dropdown-wrapper a#colour-block-button.mustard {
background-color: rgba(255, 200, 87, 0.4);
}
a#colour-block-button.metallic-seaweed span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.metallic-seaweed {
background-color: #177E8A;
}
.poll-colour-dropdown-wrapper a#colour-block-button.metallic-seaweed {
background-color: rgba(23, 126, 138, 0.4);
}
a#colour-block-button.sea-green span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.sea-green {
background-color: #8AD3A0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sea-green {
background-color: rgba(138, 211, 160, 0.4);
}
a#colour-block-button.japanese-violet span, .poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.japanese-violet {
background-color: #58344E;
}
.poll-colour-dropdown-wrapper a#colour-block-button.japanese-violet {
background-color: rgba(88, 52, 78, 0.4);
}
.poll-colour-dropdown-wrapper a#colour-block-button.red svg path {
stroke: #FF5252;
}
.poll-colour-dropdown-wrapper a#colour-block-button.green svg path {
stroke: #4AD97F;
}
.poll-colour-dropdown-wrapper a#colour-block-button.orange svg path {
stroke: #FF9E72;
}
.poll-colour-dropdown-wrapper a#colour-block-button.blue svg path {
stroke: #4199FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.yellow svg path {
stroke: #FFD06E;
}
.poll-colour-dropdown-wrapper a#colour-block-button.purple svg path {
stroke: #6E76FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.turquoise svg path {
stroke: #76ECE9;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pink svg path {
stroke: #FF96E0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-blue svg path {
stroke: #96D4FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.grey svg path {
stroke: #BDC3C7;
}
.poll-colour-dropdown-wrapper a#colour-block-button.pale-purple svg path {
stroke: #B5B9FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-pink svg path {
stroke: #F53B86;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-grey svg path {
stroke: #808E9B;
}
.poll-colour-dropdown-wrapper a#colour-block-button.bright-orange svg path {
stroke: #FD7272;
}
.poll-colour-dropdown-wrapper a#colour-block-button.dark-blue svg path {
stroke: #62A5DB;
}
.poll-colour-dropdown-wrapper a#colour-block-button.true-purple svg path {
stroke: #9030DF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.jet-blue svg path {
stroke: #005BC6;
}
.poll-colour-dropdown-wrapper a#colour-block-button.smashed-pumpkin svg path {
stroke: #E2500E;
}
.poll-colour-dropdown-wrapper a#colour-block-button.madder-lake svg path {
stroke: #FF2B2B;
}
.poll-colour-dropdown-wrapper a#colour-block-button.offset-purple svg path {
stroke: #C287E8;
}
.poll-colour-dropdown-wrapper a#colour-block-button.fiery-rose svg path {
stroke: #FF5476;
}
.poll-colour-dropdown-wrapper a#colour-block-button.eggshell svg path {
stroke: #fdcca0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sonic-silver svg path {
stroke: #746D75;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sunset-blue svg path {
stroke: #93E1FF;
}
.poll-colour-dropdown-wrapper a#colour-block-button.rajah svg path {
stroke: #F7B267;
}
.poll-colour-dropdown-wrapper a#colour-block-button.light-coral svg path {
stroke: #F67E7D;
}
.poll-colour-dropdown-wrapper a#colour-block-button.mustard svg path {
stroke: #FFC857;
}
.poll-colour-dropdown-wrapper a#colour-block-button.metallic-seaweed svg path {
stroke: #177E89;
}
.poll-colour-dropdown-wrapper a#colour-block-button.sea-green svg path {
stroke: #8ad2a0;
}
.poll-colour-dropdown-wrapper a#colour-block-button.japanese-violet svg path {
stroke: #58344E;
}
.form-wrapper form .poll-options .input-group .poll-colour-option-wrapper {
width: 26px;
height: 20px;
float: right;
}
.form-wrapper form .poll-options .input-group .poll-colour-option-wrapper svg {
position: absolute;
right: 25px;
top: 44px;
}
.image-upload-wrapper {
width: 100%;
float: left;
padding: 0px;
background-color: #FFF;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
margin-bottom: 20px;
border-radius: 5px;
display: none;
padding: 30px 0px;
}
.image-upload-wrapper.visible {
display: block;
}
.slim.poll-new input[type="file"] {
margin-bottom: 0px !important;
}
.slim.poll-new {
width: 740px;
height: 600px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}
.slim.poll-new .slim-area .slim-result {
display:flex;
justify-content: center;
align-items: center;
}
.slim.poll-new .slim-area .slim-result img {
max-width:100%;
max-height:100%;
width:auto;
height:auto;
left:auto;
top:auto;
border-radius: 6px;
}
.slim.poll-new .slim-area .slim-result .out {
opacity:0 !important;
}
.slim.poll-new .slim-btn-group {
text-align: center;
padding: 20px 0px;
}
.slim.poll-new .slim[data-state*=empty] .slim-label {
font-size: 20px;
font-weight: 600;
}
.slim.poll-new .slim[data-state*=empty]:hover {
background-color: #fdfeff;
}
.slim.poll-new .slim-label {
color: #6d6d6d;
}
.slim.poll-new .slim-area .slim-loader .custom-loading {
border-radius: 50%;
width: 22px;
height: 22px;
border: 3.2px solid rgb(232, 232, 232);
border-top-color: #009aff;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
position: absolute;
top: 2px;
right: 2px;
background-color: transparent;
}
.slim.poll-new .slim-btn-group button.slim-btn {
height: auto;
width: auto;
background-color: #D9EEFF;
height: 26px;
border-radius: 5px;
padding: 5px 8px;
font-weight: bold;
font-size: 11.5px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
background-image: none;
transition: background 0.5s ease;
float: none;
}
.slim.poll-new .slim-btn:before {
border: none;
-webkit-transform: none;
transform: none;
}
.slim.poll-new button.slim-btn.slim-btn-edit {
background-color: #4199ff;
}
.slim.poll-new button.slim-btn.slim-btn-edit:hover {
background-color: #3684DF;
}
.slim.poll-new button.slim-btn.slim-btn-remove {
background-color: #FF394A;
}
.slim.poll-new button.slim-btn.slim-btn-remove:hover {
background-color: #e13543;
}
.slim.poll-new .slim-area .slim-upload-status {
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
opacity: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s;
white-space: nowrap;
height: 26px;
border-radius: 5px;
padding: 5px 8px;
font-weight: bold;
font-size: 11.5px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
box-shadow: none;
}
.slim.poll-new .slim-upload-status[data-state=success] .slim-upload-status-icon {
display: none;
}
.slim.poll-new .slim-upload-status[data-state=success] {
background-color: #00de74;
color: #ffffff;
}
.slim.poll-new .slim-area .slim-loader {
right: 0px;
top: 0px;
}
.slim.poll-new .slim-area .slim-upload-status {
right: 0px;
top: 0px;
}
.form-wrapper form .poll-options .slim .slim-area .slim-result img.out {
display: none !important;
}
.form-wrapper form .poll-options .slim .slim-area .slim-result {
text-align: center;
}
.form-wrapper form .input-group input.error, .form-wrapper form .input-group select.error {
background-color: #FFF;
border-color: #ff1336;
}
.form-wrapper form .input-group input.error:focus, .form-wrapper form .input-group textarea.error:focus, .form-wrapper form .input-group select.error:focus, .comments .comments-inner .comment-textarea .right textarea.error:focus {
background-color: #FFF;
border-color: #ff1336;
box-shadow: 0 0 10px 0 rgba(255, 64, 63, 0.25);
}
.comments .comments-inner .comment-textarea .right label.error {
width: 100%;
margin-bottom: 20px;
font-size: 15px;
color: #ff4040;
float: left;
clear: both;
font-weight: 600;
}
.form-wrapper form .input-group input.twitter-field {
background-image: url('../img/icon-twitter.svg');
background-size: 28px;
background-repeat: no-repeat;
background-position: right 20px top 21px;
padding-right: 60px;
}
.form-wrapper form .input-group input.instagram-field {
background-image: url('../img/icon-instagram.svg');
background-size: 28px;
background-repeat: no-repeat;
background-position: right 20px top 18px;
padding-right: 60px;
}
.form-wrapper form .input-group input.facebook-field {
background-image: url('../img/icon-facebook.svg');
background-size: 28px;
background-repeat: no-repeat;
background-position: right 20px top 18px;
padding-right: 60px;
}
.form-wrapper form .input-group input.producthunt-field {
background-image: url('../img/icon-producthunt.svg');
background-size: 28px;
background-repeat: no-repeat;
background-position: right 20px top 18px;
padding-right: 60px;
}
.form-wrapper form .input-group p.settings-username-badge {
float: left;
margin: 20px 0px 10px 0px;
background-color: #FDFFC0;
padding: 12px 17px;
border-radius: 5px;
font-size: 13.5px;
color: #989A6E;
clear: both;
}
.form-wrapper form .input-group .username-response {
float: left;
clear: both;
}
.form-wrapper form .input-group .username-response p.settings-username-response {
font-size: 15px;
color: #555;
float: left;
clear: both;
margin-top: 15px;
font-weight: 600;
margin-bottom: 8px;
}
.form-wrapper form .input-group .username-response p.settings-username-response.green {
color: #4AD97F;
}
.form-wrapper form .input-group .username-response p.settings-username-response.red {
color: #FF5252;
}
.session-input-group input#username.username-success, .session-input-group input#team_username.username-success {
background-image: url('../img/icon-green-tick.svg');
background-repeat: no-repeat;
background-position: right 21px top 19px;
}
.form-wrapper form .input-group input#username.username-success {
background-image: url('../img/icon-green-tick.svg');
background-repeat: no-repeat;
background-position: right 21px top 23px;
background-size: 22px;
}
.form-wrapper form .input-group input#username.username-error {
background-image: url('../img/icon-username-cross.svg');
background-repeat: no-repeat;
background-position: right 20px top 24px;
background-size: 15px;
}
.form-wrapper form#signup-form .input-group input#username.username-error {
background-image: none;
}
.form-wrapper form .input-group p.private-poll-saved-notice {
float: left;
width: 100%;
line-height: 22px;
background-color: #ffffff;
padding: 20px;
border-radius: 5px;
color: #8a8a8a;
font-size: 15px;
}
.form-wrapper form .input-group p.settings-username-badge span {
color: #6F714D;
font-weight: 600;
}
.form-wrapper form .input-group select {
width: 400px;
float: left;
border: none;
padding: 18px 20px 17px 20px;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
background-color: #FFF;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px transparent;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
-webkit-appearance: none;
background-image: url('../img/icon-chevron-down.svg');
background-size: 14px;
background-repeat: no-repeat;
background-position: right 20px top 24px;
border: solid 2px #FFF;
}
.form-wrapper form .input-group.full-width-select select {
width: 100%;
}
.form-wrapper form .input-group a.poll-status-label-hint {
font-weight: 500;
font-size: 12px;
color: #ABABAB;
letter-spacing: -0.2px;
float: right;
}
.form-wrapper form .input-group a.poll-status-label-hint:hover {
color: #777;
}
.form-wrapper form .input-group:hover a.input-label-hint-hidden {
opacity: 1;
}
.form-wrapper form .input-group a.input-label-hint-hidden {
font-weight: 500;
font-size: 12px;
color: #ABABAB;
letter-spacing: -0.2px;
float: right;
opacity: 0;
transition: opacity 0.5s ease;
}
.form-wrapper form .input-group a.input-label-hint-hidden:hover {
color: #777;
}
.form-wrapper form .input-group select:focus {
border: solid 2px #4199FF;
color: #4199FF;
box-shadow: 0 0 10px 0 rgba(65,153,255,0.45);
background-image: url('../img/icon-chevron-down-active.svg');
}
.form-wrapper form .input-group.split-field-left {
width: 50%;
padding-right: 15px;
}
.form-wrapper form .input-group.split-field-right {
width: 50%;
padding-left: 15px;
}
.form-wrapper form .input-group textarea {
width: 100%;
float: left;
border: none;
padding: 22px 20px 20px 20px;
border-radius: 5px;
font-size: 18px;
font-weight: 500;
background-color: #FFF;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px transparent;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
height: 120px;
resize: none;
}
.form-wrapper form .input-group input:focus, .form-wrapper form .input-group textarea:focus {
border: solid 2px #4199FF;
color: #4199FF;
box-shadow: 0 0 10px 0 rgba(65,153,255,0.45);
}
.form-wrapper form .input-group textarea.error {
background-color: #FFF;
border-color: #ff1336;
}
.form-wrapper form .input-group h3 {
font-size: 15px;
color: #929292;
}
.form-wrapper form .input-group .radio-buttons {
float: left;
width: 100%;
padding-top: 20px;
}
.radio-buttons.check strong {
color: #333;
}
.form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:checked + label, .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
position: relative;
cursor: pointer;
display: inline-block;
color: #9D9D9D;
padding-left: 52px;
height: auto;
line-height: 20px;
padding: 17px 22px 17px 53px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 8px;
background-color: #FFF;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
font-size: 15px;
font-weight: 600;
}
.team-dashboard-wrapper .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:checked + label, .team-dashboard-wrapper .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
background-color: #FFF;
}
.form-wrapper form .input-group [type="radio"]:checked,
.form-wrapper form .input-group [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.form-wrapper form .input-group [type="radio"]:checked + label strong,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label strong {
color: #333;
}
.form-wrapper form .input-group [type="radio"]:checked + label,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label {
position: relative;
padding: 2px 0px 0px 38px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #9A9A9A;
font-weight: 500;
font-size: 15px;
margin-bottom: 24px;
}
.form-wrapper form .input-group [type="radio"]:checked + label:before,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
background-image: url('../img/radio-button.svg');
background-repeat: no-repeat;
background-position: center;
}
.form-wrapper form .input-group [type="radio"]:checked + label:after,
.form-wrapper form .input-group [type="radio"]:not(:checked) + label:after {
content: '';
width: 30px;
height: 30px;
top: 0px;
left: 0px;
position: absolute;
border-radius: 100%;
background-image: url('../img/radio-button-active.svg');
background-repeat: no-repeat;
background-position: center;
}
.form-wrapper form .input-group [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.form-wrapper form .input-group [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.form-wrapper form .input-group [type="checkbox"]:checked,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label
{
position: relative;
cursor: pointer;
display: inline-block;
font-size: 15px;
color: #9D9D9D;
font-weight: 500;
padding-left: 52px;
height: 39px;
padding: 11px 0px 0px 40px;
margin-top: -10px;
margin-bottom: 0px;
background-color: transparent;
-webkit-transition: all 0.5s ease;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:before,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 20px;
top: 15px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../img/create-poll-checkbox.svg');
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:after,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:after {
content: '';
position: absolute;
left: 20px;
top: 15px;
width: 24px;
height: 24px;
-webkit-transition: all 0.5s ease;
transition: all 0.3s ease;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../img/create-poll-checkbox-active.svg');
}
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:after {
opacity: 1;
}
.form-wrapper form .input-group .radio-buttons p:last-child label {
margin-bottom: 0px;
}
.form-wrapper form .input-group label.error {
font-size: 15px;
color: #ff4040;
float: left;
clear: both;
margin-top: 15px;
}
div#form-error label.catpcha-error {
font-size: 15px;
color: #ff4040;
float: left;
clear: both;
margin-top: 0px;
font-weight: 600;
margin-bottom: 25px;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label.terms-check, .form-wrapper form .input-group [type="checkbox"]:not(:checked) + label.terms-check {
height: 40px;
padding: 10px 0px 0px 35px;
}
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label.terms-check:before, .form-wrapper form .input-group [type="checkbox"]:checked + label.terms-check:before {
left: 0px;
top: 6px;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label.terms-check:after, .form-wrapper form .input-group [type="checkbox"]:not(:checked) + label.terms-check:after {
left: 0px;
top: 6px;
}
.form-wrapper form .input-group [type="checkbox"]:not(:checked) + label span.tooltip {
color: #848484;
font-weight: 600;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]:checked + label span.tooltip {
color: #3e71a5;
font-weight: 600;
}
.form-wrapper form .input-group .radio-buttons.check.pro {
position: relative;
}
.form-wrapper form .input-group .radio-buttons.check.pro::after {
background-color: #ff946b;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
text-align: center;
font-weight: 700;
padding: 3px 4px;
border-radius: 3px;
text-transform: uppercase;
margin-top: 1px;
float: right;
margin-left: 7px;
transition: background 0.5s ease;
content: "Pro";
position: absolute;
right: -6px;
top: -6px;
}
.form-wrapper form .input-group button {
float: left;
padding: 20px 34px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 22px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
}
.form-wrapper form .input-group button:hover {
background-color: #3bbd6c;
}
.form-wrapper form .input-group button:disabled {
background-color: #efefef;
color: #c6c6c6;
}
.form-wrapper form .subit-disabled-notice {
float: left;
width: 100%;
font-size: 14px;
font-weight: 700;
color: #ff946b;
display: none;
}
.form-wrapper form .form-final-line {
float: left;
width: 100%;
font-weight: 600;
margin-top: 10px;
font-size: 13px;
color: #939FAD;
letter-spacing: -0.21px;
text-align: center;
}
.form-wrapper form .form-final-line a {
color: #52667E;
font-weight: 600;
font-size: 13px;
}
.form-wrapper form .form-final-line a:hover {
color: #52667E;
}
.form-wrapper form .form-divide {
width: 100%;
height: 2px;
background-color: #F0F0F0;
float: left;
margin-bottom: 35px;
}
.form-wrapper form .input-group a.new-field-button {
float: left;
background-color: #4199FF;
padding: 22px 60px 20px 20px;
border-radius: 4px;
color: #FFF;
font-size: 17px;
font-weight: 600;
background-image: url('../img/icon-plus.svg');
background-size: 17px;
background-repeat: no-repeat;
background-position: right 20px top 22px;
}
.form-wrapper form .input-group a.new-field-button:hover {
background-color: #357dd0;
}
.form-wrapper form .anon-poll-notice {
background-color: #fffdcf;
padding: 24px 30px;
font-size: 14px;
color: #767448;
border-radius: 8px;
line-height: 24px;
margin-bottom: 25px;
font-weight: 500;
}
p.max-option-notice {
background-color: #e8f5ff;
padding: 24px 30px;
font-size: 15px;
color: #61859e;
border-radius: 8px;
line-height: 24px;
margin-bottom: 25px;
font-weight: 500;
float: left;
width: 100%;
display: none;
}
p.max-option-notice a {
color: #37617B;
font-weight: 700;
}
p.max-option-notice a:hover {
color: #6794b0;
}
.form-wrapper form .anon-poll-notice a {
font-size: 14px;
color: #35341A;
font-weight: 700;
}
.poll-create-account-cta {
float: left;
width: 100%;
background-color: #fff0e9;
margin-bottom: 40px;
padding: 32px;
border-radius: 5px;
}
.poll-create-account-cta p {
float: left;
width: 100%;
font-size: 15px;
font-weight: 500;
color: #9E7768;
line-height: 24px;
}
.poll-create-account-cta p strong {
font-weight: 600;
color: #593629;
}
.poll-create-account-cta .cta-pro-tag {
float: left;
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 16px;
text-align: center;
letter-spacing: -0.1485px;
text-transform: uppercase;
color: #FC8B62;
background-color: #fff;
padding: 7px 16px;
border-radius: 40px;
margin-bottom: 10px;
}
.poll-create-account-cta a.poll-create-account-cta-button {
float: left;
margin-top: 15px;
padding: 14px 18px 14px 18px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
background: #FC8B62;
box-shadow: 0px 2px 4px rgb(252 139 98 / 15%);
border-radius: 5px;
}
.poll-create-account-cta a.poll-create-account-cta-button:hover {
background: #FC8B62;
}
.poll-create-account-cta a.poll-create-account-cta-button:hover {
background: #e06c42;
}
.form-wrapper form .poll-create-options .input-group .radio-buttons {
padding-top: 0px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check {
float: left;
padding: 17px 24px 17px 55px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 8px;
background-color: #FFF;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
background-repeat: no-repeat;
background-position: 20px 17px;
background-image: url('../img/create-poll-checkbox.svg');
color: #9D9D9D;
padding-left: 52px;
height: auto;
line-height: 20px;
font-size: 15px;
font-weight: 600;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check span {
display: none;
float: left;
width: 100%;
font-size: 14px;
padding-top: 4px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check strong {
color: #5F5F5F;
transition: color 0.3s ease;
font-weight: 600;
}
.poll-create-options {
float: left;
width: 100%;
padding: 0px;
}
.poll-create-options a.poll-create-more-options-link {
float: left;
padding: 5px 40px 5px 0px;
font-size: 15.5px;
color: #555555;
font-weight: 600;
background-image: url('../img/icon-chevron-down.svg');
background-size: 16px;
background-repeat: no-repeat;
background-position: right 5px top 9px;
}
.poll-create-options-inner-outer {
float: left;
width: 100%;
}
.poll-create-options .poll-create-options-inner-outer .poll-create-options-title {
font-size: 15px;
color: #929292;
font-weight: 600;
float: left;
width: 100%;
padding: 25px 0px 10px 0px;
}
.poll-create-options .poll-create-options-inner {
float: left;
width: 100%;
padding: 0px;
margin-top: 0px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label strong {
color: #5F5F5F;
transition: color 0.3s ease;
font-weight: 600;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]:checked + label strong {
color: #009AFF;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]:checked + label {
color: #7EA5CA;
background-color: #FFF;
background: #FFFFFF;
box-shadow: 0 6px 10px 0 rgba(65,153,255,0.15);
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label span {
display: none;
float: left;
width: 100%;
font-size: 14px;
padding-top: 4px;
}
.poll-create-scroll-point {
float: left;
width: 100%;
margin-top: 0px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group {
float: left;
width: auto;
margin-right: 18px;
margin-bottom: 30px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group:last-child {
margin-right: 0px;
}
.form-wrapper form .poll-create-options .input-group .radio-buttons p {
float: left;
}
.poll-end-date-options {
float: left;
width: 100%;
padding: 0px;
display: none;
}
.poll-end-date-inner-outer {
float: left;
width: 100%;
}
.poll-end-date-options .poll-end-date-inner-outer .poll-end-date-title {
font-size: 15px;
color: #929292;
font-weight: 600;
float: left;
width: 100%;
padding: 25px 0px 10px 0px;
}
.poll-end-date-options .poll-end-date-inner {
float: left;
width: 100%;
padding: 0px;
margin-top: 0px;
}
.form-wrapper form .poll-end-date-inner .input-group input {
font-size: 15.5px;
padding: 18px 20px 17px 20px;
}
input.poll_end_date_field {
background-image: url('../img/icon-calendar.svg');
background-repeat: no-repeat;
background-position: right 20px top 15px;
}
input.poll_end_time_field {
background-image: url('../img/icon-clock.svg');
background-repeat: no-repeat;
background-position: right 18px top 16px;
}
.poll-end-date-actions {
float: left;
width: 100%;
padding: 0px 0px 40px 0px;
display: none;
}
.poll-end-date-time-calculated {
float: left;
width: 650px;
font-size: 13px;
color: #8B8B8B;
}
.poll-end-date-time-calculated strong {
font-size: 13px;
color: #000000;
}
.poll-end-date-remove {
width: auto;
float: left;
padding: 20px;
}
.poll-end-date-remove a {
float: right;
color: #FF5661;
font-size: 13px;
font-weight: 500;
}
main .inner-wrapper .form-wrapper.settings {
width: 750px;
}
.inner-wrapper .avatar-settings-wrapper {
float: right;
width: 150px;
margin-top: 130px;
padding-top: 20px;
}
.inner-wrapper .avatar-settings-wrapper .avatar {
float: left;
width: 100%;
margin-bottom: 16px;
}
.inner-wrapper .avatar-settings-wrapper .avatar .avatar-wrapper {
width: 84px;
float: right;
}
.inner-wrapper .avatar-settings-wrapper .avatar img {
float: right;
width: 84px;
background: #FFFFFF;
border-radius: 8px;
}
.inner-wrapper .avatar-settings-wrapper .avatar .avatar-change-button {
float: left;
width: 100%;
padding-top: 10px;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button a, .inner-wrapper .avatar-settings-wrapper .avatar-change-button button {
float: right;
background-color: #ccc;
padding: 10px 11px;
border-radius: 5px;
color: #FFF;
font-weight: 600;
font-size: 13.5px;
outline: none;
border: none;
-webkit-appearance: none;
cursor: pointer;
}
.avatar-wrapper .slim {
background-color: #fafafa;
}
.avatar-wrapper .slim .slim-btn-group {
top: -5px;
right: -5px;
padding: 0px;
text-align: right;
}
.inner-wrapper .avatar-settings-wrapper .slim-btn-remove {
display: none !important;
}
.inner-wrapper .avatar-settings-wrapper .slim-btn {
border-radius: 5px;
}
.poll-secured {
float: left;
width: 100%;
margin-top: 50px;
font-size: 14px;
color: #7d8c8d;
background-image: url('../img/icon-lock.svg');
background-repeat: no-repeat;
background-position: left top 3px;
background-size: 13px;
padding: 3px 0px 3px 22px;
line-height: 18px;
opacity: 0.7;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button a.blue {
background-color: #4199FF;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button a.blue:hover {
background-color: #3c82d4;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button button.green {
background-color: #4AD97F;
display: none;
}
.inner-wrapper .avatar-settings-wrapper .avatar-change-button a.green:hover {
background-color: #3bbd6c;
}
.settings-actions-block {
float: left;
width: 100%;
background-color: #FFF;
margin-top: 60px;
box-shadow: 0 5px 7px 0 rgba(0,0,0,0.05);
border-radius: 5px;
padding: 40px;
}
.settings-actions-block h3 {
float: left;
width: 100%;
color: #333;
font-size: 22px;
}
.settings-actions-block p {
font-size: 16px;
color: #969696;
padding: 12px 0px;
float: left;
width: 100%;
}
.settings-actions-block .button-group {
float: left;
width: 100%;
}
.settings-actions-block .button-group a {
float: left;
background-color: #ccc;
padding: 21px 20px 20px 20px;
margin-right: 20px;
border-radius: 5px;
font-weight: 600;
font-size: 17px;
color: #FFF;
}
.settings-actions-block .button-group a.delete-button {
background-color: #ff5353;
}
.settings-actions-block .button-group a.delete-button:hover {
background-color: #ea4545;
}
.settings-actions-block .button-group a.change-pw-button {
background-color: #ff9362;
}
.settings-actions-block .button-group a.change-pw-button:hover {
background-color: #e07b4d;
}
.user-navigation {
float: left;
width: 100%;
background-color: #fff;
position: relative;
z-index: 10;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
margin-top: 1px;
}
.user-navigation .user-navigation-links a {
padding: 22px 0px 22.5px 0px;
margin: 0px 30px;
display: inline-block;
font-size: 15.5px;
color: #B1B1B1;
letter-spacing: -0.27px;
text-align: center;
font-weight: 500;
border-bottom: solid 2.5px #fff;
transition: border 0.5s ease, color 0.5s ease;
}
.user-navigation .user-navigation-links a:hover {
color: #4099ff;
border-color: #4099ff;
}
body.user-dashboard .user-navigation-links a.dashboard-link {
color: #4099ff;
border-color: #4099ff;
}
body.user-my-polls .user-navigation-links a.my-polls-link {
color: #4099ff;
border-color: #4099ff;
}
body.user-my-votes .user-navigation-links a.my-votes-link {
color: #4099ff;
border-color: #4099ff;
}
body.user-stats .user-navigation-links a.my-stats-link {
color: #4099ff;
border-color: #4099ff;
}
body.user-drafts .user-navigation-links a.my-drafts-link {
color: #4099ff;
border-color: #4099ff;
}
body.user-profile .user-navigation-links a.my-profile-link {
color: #4099ff;
border-color: #4099ff;
}
.user-navigation .user-navigation-links {
float: left;
width: 100%;
text-align: center;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
scroll-behavior: smooth;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.user-navigation-links::-webkit-scrollbar, .user-navigation::-webkit-scrollbar, .user-navigation .inner-wrapper::-webkit-scrollbar {
display: none;
}
main .inner-wrapper .page-wrapper {
float: left;
width: 100%;
}
.page-wrapper header.page-header {
float: left;
width: 100%;
margin-bottom: 50px;
}
.page-wrapper header.page-header.sml-no-sub {
float: left;
width: 100%;
margin-bottom: 25px;
}
.page-wrapper header.page-header.sml-no-sub h1 {
font-size: 26px;
margin-bottom: 0px;
}
.page-wrapper header.page-header .left {
width: 600px;
float: left;
}
.page-wrapper header.page-header .right {
width: 250px;
float: left;
padding-top: 14px;
}
.page-wrapper header.page-header .right .order-dropdown {
position: relative;
float: right;
}
.page-wrapper header.page-header .right .order-dropdown a.dropdown-link {
float: right;
background-color: #F1F1F1;
padding: 15px 60px 15px 18px;
border-radius: 5px;
font-size: 15px;
color: #333;
font-weight: 600;
background-image: url('../img/icon-order-dropdown.svg');
background-repeat: no-repeat;
background-position: right 18px top 19px;
transition: background-color 0.5s ease, background-image 0.0s ease;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu {
position: absolute;
right: 0px;
top: 60px;
width: 190px;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 16px 0px;
overflow: hidden;
border-radius: 5px;
z-index: 5000;
display: none;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu a {
font-size: 14.5px;
color: #585D75;
float: left;
padding: 10px 27px;
font-weight: 500;
width: 100%;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu a:hover, .page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu a.active {
color: #4199FF;
}
.page-wrapper header.page-header .right .order-dropdown a.dropdown-link.is-active {
background-color: #FFF;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.recent a.recent-link, .page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.popular a.popular-link, .page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.public a.public-link, .page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.private a.private-link {
color: #4199FF;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu.voting-open a.voting-open-link {
color: #4199FF;
}
.page-wrapper header.page-header.m-b-sm {
margin-bottom: 25px;
}
.page-wrapper header.page-header h1 {
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 38px;
color: #333;
}
.page-wrapper header.page-header h2 {
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 28px;
color: #333;
}
.page-wrapper header.page-header.sml-no-sub h2 {
font-size: 26px;
margin-bottom: 0px;
}
.page-wrapper header.page-header p {
float: left;
width: 100%;
color: #B1B1B1;
font-size: 17px;
font-weight: 500;
}
/* User Dashboard */
.dashboard-blocks {
float: left;
width: 100%;
margin-bottom: 140px;
}
.dashboard-blocks .block .block-icon {
width: 44px;
height: 44px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background-position: center;
background-repeat: no-repeat;
}
.block-icon.circle-polls-icon {
background-image: url('../img/icon-polls-created-dashboard.svg');
}
.block-icon.circle-votes-icon {
background-image: url('../img/icon-votes-dashboard.svg');
}
.block-icon.circle-comments-icon {
background-image: url('../img/icon-comments-dashboard.svg');
}
.block-icon.circle-pending-team-members-icon {
background-image: url('../img/icon-pending-members-dashboard.svg');
}
.block-icon.circle-calendar-icon {
background-image: url('../img/icon-calendar-dashboard.svg');
}
.block-icon.circle-team-members-icon {
background-image: url('../img/icon-dashboard-people.svg');
}
.dashboard-blocks .block {
float: left;
width: 266px;
background-color: #ccc;
margin-right: 24px;
background: #FFFFFF;
box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
border-radius: 7px;
padding: 57px 20px 57px 20px;
text-align: center;
}
.dashboard-blocks .block:last-child {
margin-right: 0px;
}
.dashboard-blocks .block h3 {
font-size: 64px;
color: #333333;
letter-spacing: -1.06px;
line-height: 64px;
font-weight: 700;
}
.dashboard-blocks .block p {
padding: 15px 0px 0px 0px;
font-size: 14px;
color: #B9B9B9;
letter-spacing: -0.21px;
text-align: center;
line-height: 23px;
font-weight: 500;
}
/* Polls list */
.polls-list .item-wrapper {
margin-bottom: 50px;
float: left;
width: 100%;
position: relative;
transition: transform 0.5s ease;
}
.polls-list .item-wrapper:last-child {
margin-bottom: 0px;
}
.polls-list {
width: 100%;
float: left;
}
.polls-list a.item {
float: left;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
border-radius: 7px;
padding: 40px 45px 40px 45px;
position: relative;
transition: box-shadow 0.5s ease;
}
.polls-list.poll-list-options a.item {
padding: 40px 45px 80px 45px;
}
.polls-list .item-wrapper:hover a.item {
box-shadow: 0px 10px 44px 10px rgb(233, 235, 243);
}
.polls-list .item-wrapper:hover {
transform: translateY(-10px);
}
.polls-list .item-wrapper .item-links-wrapper {
position: absolute;
right: 0px;
bottom: 30px;
padding-left: 40px;
width: 100%;
}
.polls-list .item-wrapper .item-links-wrapper .item-visibility-status {
float: left;
margin-right: 25px;
}
.polls-list .item-wrapper .item-links-wrapper .item-draft-mode-link {
float: left;
margin-right: 25px;
}
.item-draft-mode-link a {
float: left;
padding: 10px 10px 10px 35px;
color: #9EB5CA;
font-weight: 600;
font-size: 16px;
background-repeat: no-repeat;
background-position: left 7px top 9px;
background-size: 18px;
transition: opacity 0.5s ease;
background-image: url('../img/icon-draft-mode.svg');
letter-spacing: -0.28px;
}
.item-closed-link {
float: left;
margin-right: 25px;
}
.item-closed-link a, .item-closed-link p {
float: left;
padding: 10px 10px 10px 35px;
color: #4AD97F;
font-weight: 600;
font-size: 16px;
background-repeat: no-repeat;
background-position: left 7px top 9px;
background-size: 18px;
transition: opacity 0.5s ease;
background-image: url('../img/icon-voting-closed.svg');
letter-spacing: -0.28px;
}
.polls-list .item-wrapper .item-links-wrapper .item-dropdown-wrapper {
float: right;
margin-right: 25px;
position: relative;
}
.polls-list.animated.poll-list-options .item-dropdown.animated-dropdown {
bottom: 40px;
top: inherit;
right: 0px;
left: inherit;
}
.polls-list .item-wrapper .item-links-wrapper a.item-link-settings {
float: left;
padding: 10px 40px 10px 10px;
color: #555;
font-weight: 500;
font-size: 16px;
background-image: url('../img/icon-3-dots.svg');
background-repeat: no-repeat;
background-position: right 6px top 16px;
transition: opacity 0.5s ease;
opacity: 0.5;
}
.polls-list .item-wrapper .item-links-wrapper a.item-link-settings:hover {
opacity: 0.9;
}
.item-link-visibility {
float: left;
padding: 10px 10px 10px 28px;
color: #333;
font-weight: 600;
font-size: 16px;
background-repeat: no-repeat;
transition: opacity 0.5s ease;
}
.item-link-visibility.private {
background-image: url('../img/icon-padlock-locked-orange.svg');
color: #FF9E72;
background-position: left 7px top 10px;
}
.item-link-visibility.public {
background-image: url('../img/icon-padlock-unlocked-blue.svg');
color: #4199FF;
background-position: left 7px top 9px;
}
.item-link-visibility:hover {
opacity: 0.7;
}
.polls-list .item-wrapper .item-links-wrapper .item-dropdown {
position: absolute;
right: 0px;
bottom: 40px;
width: 250px;
background-color: #000;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 0px;
overflow: hidden;
border-radius: 5px;
z-index: 5000;
display: none;
}
.item-dropdown-links-wrapper {
float: left;
width: 100%;
padding: 15px 0px 15px 0px;
}
.item-dropdown a, .poll-settings-right-column-wrapper a {
font-size: 15px;
color: #585D75;
float: left;
padding: 9px 30px 9px 30px;
font-weight: 500;
width: 100%;
margin: 3px 0px;
transition: opacity 0.5s ease;
}
.item-dropdown a:hover, .poll-settings-right-column-wrapper a:hover {
color: #585D75;
opacity: 0.6;
}
.item-dropdown a:hover span.item-dropdown-badge, .poll-settings-right-column-wrapper a:hover span.item-dropdown-badge {
opacity: 1;
}
.item-dropdown a.red-link {
background-color: #F9F9F9;
padding: 22px 27px;
color: #FF5252;
margin-top: 0px;
border-top: solid 1px #F2F2F2;
width: 100%;
margin-bottom: 0px;
}
.item-dropdown a.red-link:hover {
color: #b73333;
}
.item-dropdown a.blue-link {
background-color: #F9F9F9;
padding: 22px 27px;
color: #4199FF;
margin-top: 0px;
border-top: solid 1px #F2F2F2;
width: 100%;
}
.item-dropdown a.blue-link:hover {
color: #2064b3;
}
.item-dropdown a.red-text-link {
color: #FF5252;
}
.item-dropdown a.red-text-link:hover {
color: #b73333;
}
.item-dropdown a.green-text-link {
color: #4eda81;
}
.item-dropdown a.green-text-link:hover {
color: #3bbd6c;
}
.item-dropdown a.grey-text-link {
color: #a1a6bd;
}
.item-dropdown a.grey-text-link:hover {
color: #8f949e;
}
.item-dropdown a.orange-text-link {
color: #FF956B;
}
.item-dropdown a.orange-text-link:hover {
color: #bb6d4e;
}
.item-dropdown.animated-dropdown.social-share-links .item-dropdown-inner a {
padding: 9px 60px 9px 30px;
}
a.twitter-dropdown-link {
color: #00ADF2;
background-image: url('../img/icon-colour-icon-profile-twitter.svg');
background-repeat: no-repeat;
background-size: 18px;
background-position: center right 30px;
}
a.fb-dropdown-link {
color: #3C60A5;
background-image: url('../img/icon-colour-icon-profile-facebook.svg');
background-repeat: no-repeat;
background-size: 18px;
background-position: center right 30px;
}
a.whatsapp-dropdown-link {
color: #00D856;
background-image: url('../img/icon-whatsapp.svg');
background-repeat: no-repeat;
background-size: 18px;
background-position: center right 30px;
}
a.url-dropdown-link {
color: #FF9869;
background-image: url('../img/icon-link.svg');
background-repeat: no-repeat;
background-size: 18px;
background-position: center right 30px;
}
a.qr-code-dropdown-link {
color: #A46CFF;
background-image: url('../img/icon-qr-code.svg');
background-repeat: no-repeat;
background-size: 18px;
background-position: center right 30px;
}
.item-dropdown.social-share-links .item-dropdown-inner a.twitter-dropdown-link:hover {
color: #00ADF2;
}
.item-dropdown.social-share-links .item-dropdown-inner a.fb-dropdown-link:hover {
color: #3C60A5;
}
.item-dropdown.social-share-links .item-dropdown-inner a.whatsapp-dropdown-link:hover {
color: #00D856;
}
.item-dropdown.social-share-links .item-dropdown-inner a.url-dropdown-link:hover {
color: #FF9869;
}
.item-dropdown.social-share-links .item-dropdown-inner a.qr-code-dropdown-link:hover {
color: #A46CFF;
}
.item-dropdown.animated-dropdown.bounceIn.social-share-links {
width: 260px;
}
span.item-dropdown-badge {
background-color: #AEB0B9;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
padding: 3px 5px;
border-radius: 3px;
text-transform: uppercase;
float: right;
transition: background 0.5s ease;
font-weight: 700;
margin-top: 0px;
text-align: center;
}
span.item-dropdown-badge.grey {
background-color: #9799A9;
}
span.item-dropdown-badge.green {
background-color: #00DE74;
}
span.item-dropdown-badge.blue {
background-color: #009AFF;
}
span.item-dropdown-badge.orange {
background-color: #FF9869;
}
span.item-dropdown-badge.red {
background-color: #FF394A;
}
.item-dropdown-divide {
float: left;
width: 100%;
height: 1px;
background-color: #F3F3F3;
margin: 17px 0px;
}
.item-dropdown-wrapper .item-dropdown-links-wrapper .item-dropdown-inner {
float: left;
width: 100%;
padding: 16px 0px 16px 0px;
}
.polls-list .item-wrapper .item-links-wrapper .item-dropdown a.delete-poll-button {
display: none;
}
.item-dropdown a.disabled-edit-link, .poll-settings-right-column-wrapper a.disabled-edit-link {
color: #c0c4d4;
}
.item-dropdown a.disabled-edit-link:hover, .poll-settings-right-column-wrapper a.disabled-edit-link:hover {
opacity: 1;
}
a.disabled-edit-link span {
background-color: #ccc;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
padding: 3px 5px;
border-radius: 3px;
text-transform: uppercase;
float: right;
transition: background 0.5s ease;
font-weight: 700;
margin-top: 0px;
text-align: center;
}
.polls-list a.item .poll-voted-option {
float: left;
background-color: #E7F5FF;
padding: 20px 20px 20px 50px;
border-radius: 5px;
clear: both;
font-size: 13.5px;
color: #60859E;
font-weight: 500;
margin-top: 20px;
background-image: url('../img/icon-blue-tick.svg');
background-repeat: no-repeat;
background-position: left 15px top 15px;
background-size: 22px;
position: relative;
}
.polls-list a.item .poll-voted-option strong {
color: #375E77;
}
.polls-list a.item .poll-voted-option time.timeago {
color: #adb8bf;
font-size: 12px;
position: absolute;
top: -15px;
right: -20px;
background-color: #f8fcff;
padding: 7px;
border-radius: 6px;
}
.polls-list a.item p.private-notice {
float: right;
font-size: 18px;
font-weight: 500;
color: #7F8C8D;
margin-left: 25px;
background-image: url('../img/icon-lock.svg');
background-repeat: no-repeat;
background-position: left top 1px;
padding: 2px 0px 2px 25px;
}
.polls-list a.item p.badge {
float: left;
padding: 8px 10px 7px 10px;
background-color: #dcedff;
border-radius: 6px;
font-size: 11.5px;
text-transform: uppercase;
color: #587ca9;
font-weight: 700;
}
.polls-list a.item h2 {
float: left;
width: 100%;
padding: 20px 60px 20px 0px;
font-size: 36px;
color: #333;
line-height: 45px;
}
.polls-list a.item p.date {
font-size: 18px;
color: #b1b1b1;
float: left;
font-weight: 500;
}
.polls-list a.item p.poll-list-author {
font-size: 18px;
color: #b1b1b1;
float: left;
font-weight: 500;
margin-right: 10px;
}
.polls-list a.item .votes-count {
position: absolute;
right: -20px;
top: -20px;
}
.polls-list a.item .votes-count p {
background: #F7FFFA;
border: 2.5px solid #4AD97F;
box-sizing: border-box;
box-shadow: 0px 7px 14px rgba(74, 217, 127, 0.2);
border-radius: 23px;
font-size: 16px;
font-weight: 700;
color: #678873;
padding: 12px 20px 13px 20px;
}
/* Poll form */
.poll-wrapper {
width: 650px;
float: left;
}
.poll-heading {
float: left;
width: 100%;
margin-bottom: 40px;
margin-top: 60px;
}
.poll-heading p.poll-tag {
float: left;
padding: 8px 10px 7px 10px;
background-color: #dcedff;
border-radius: 6px;
font-size: 11.5px;
text-transform: uppercase;
color: #587ca9;
font-weight: 700;
}
/* Tag colours */
p.badge.random, p.poll-tag.random {
background-color: #FFFCB9 !important;
color: #626025 !important;
}
p.badge.web-design, p.poll-tag.web-design {
background-color: #dcedff !important;
color: #587ca9 !important;
}
p.badge.web-development, p.poll-tag.web-development {
background-color: #ABFFCA !important;
color: #2A7445 !important;
}
p.badge.mobile-development, p.poll-tag.mobile-development {
background-color: #FFB9B9 !important;
color: #8D2E2E !important;
}
p.badge.gaming, p.poll-tag.gaming {
background-color: #B9C6FF !important;
color: #3448A2 !important;
}
p.badge.healthcare, p.poll-tag.healthcare {
background-color: #FFE1A3 !important;
color: #805F1D !important;
}
p.badge.movies, p.poll-tag.movies {
background-color: #C9FFB7 !important;
color: #4B7323 !important;
}
p.badge.tv, p.poll-tag.tv {
background-color: #FFB9E7 !important;
color: #8D356F !important;
}
p.badge.crypto, p.poll-tag.crypto {
background-color: #afe6ff !important;
color: #20586b !important;
}
p.badge.startup, p.poll-tag.startup {
background-color: #b8f8ff !important;
color: #356360 !important;
}
p.badge.investment, p.poll-tag.investment {
background-color: #8194ff !important;
color: #3b4263 !important;
}
p.badge.animals, p.poll-tag.animals {
background-color: #ffbea9 !important;
color: #734334 !important;
}
p.badge.art, p.poll-tag.art {
background-color: #ff7777 !important;
color: #671318 !important;
}
p.badge.colour, p.poll-tag.colour {
background-color: #ffb677 !important;
color: #693e17 !important;
}
p.badge.food, p.poll-tag.food {
background-color: #fbea95 !important;
color: #796c2c !important;
}
p.badge.history, p.poll-tag.history {
background-color: #b6fff2 !important;
color: #34736b !important;
}
p.badge.music, p.poll-tag.music {
background-color: #b6f2ff !important;
color: #33666d !important;
}
p.badge.news, p.poll-tag.news {
background-color: #d0eaff !important;
color: #576771 !important;
}
p.badge.politics, p.poll-tag.politics {
background-color: #ffafa7 !important;
color: #543735 !important;
}
p.badge.science, p.poll-tag.science {
background-color: #aebfff !important;
color: #454f6b !important;
}
p.badge.social, p.poll-tag.social {
background-color: #83c8ff !important;
color: #004775 !important;
}
p.badge.sport, p.poll-tag.sport {
background-color: #83ffb5 !important;
color: #1d6d4b !important;
}
p.badge.book, p.poll-tag.book {
background-color: #ffe9bb;
color: #615742;
}
p.badge.days, p.poll-tag.days {
background-color: #49bbff;
color: #fff;
}
p.badge.drink, p.poll-tag.drink {
background-color: #97e8ec;
color: #397073;
}
p.badge.week, p.poll-tag.week {
background-color: #f7e3ff;
color: #846b8e;
}
.poll-heading h1 {
font-size: 44px;
color: #333333;
line-height: 55px;
float: left;
width: 100%;
padding: 20px 0px;
}
.poll-heading h1.sml {
font-size: 36px;
line-height: 45px;
}
.poll-heading h1.x-sml {
font-size: 28px;
line-height: 38px;
}
.poll-heading .private-notice {
float: left;
font-size: 16.5px;
font-weight: 600;
color: #717172;
margin-left: 25px;
background-image: url('../img/icon-padlock-locked-dark.svg');
background-repeat: no-repeat;
background-position: left top 2px;
padding: 2px 0px 2px 24px;
}
.poll-heading .public-notice {
float: left;
font-size: 18px;
font-weight: 500;
color: #7F8C8D;
margin-left: 25px;
background-image: url('../img/icon-unlock.svg');
background-repeat: no-repeat;
background-position: left top 0px;
padding: 2px 0px 2px 25px;
}
.poll-heading .author-date {
float: left;
font-size: 16px;
font-weight: 500;
color: #B1B1B1;
padding: 2px 0px;
letter-spacing: -0.27px;
}
.user-profile-info-wrapper {
display: inline-block;
position: relative;
z-index: 50;
}
.user-profile-info-wrapper:hover .user-profile-dropdown-outer {
display: block;
}
.user-profile-dropdown-outer {
position: absolute;
left: -5px;
top: -5px;
z-index: 50;
min-height: 70px;
display: none;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper {
width: 230px;
background-color: #FFFFFF;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 0px;
overflow: hidden;
border-radius: 5px;
min-height: 70px;
margin-top: 32px;
}
a.user-profile-dropdown-link {
position: relative;
z-index: 51;
}
.poll-heading .author-date a.username-pro-badge {
position: relative;
top: -1px;
margin-left: 2px;
margin-right: 5px;
z-index: 51;
background-color: #FFE4D9;
padding: 4px 12px;
border-radius: 30px;
font-weight: 800;
font-size: 11px;
line-height: 14px;
text-align: center;
letter-spacing: -0.3465px;
text-transform: uppercase;
color: #ff7f4c;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar {
width: 100%;
text-align: center;
padding: 35px 0px 10px 0px;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar img {
width: 64px;
border-radius: 64px;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar .user-profile-avatar-inner {
display: inline-block;
position: relative;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar .user-profile-avatar-inner .profile-pro-badge {
float: left;
background-color: #FFE4D9;
padding: 4px 12px;
border-radius: 30px;
font-weight: 800;
font-size: 11px;
line-height: 14px;
text-align: center;
letter-spacing: -0.3465px;
text-transform: uppercase;
color: #ff7f4c;
top: -10px;
position: absolute;
right: -10px;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-avatar .user-profile-avatar-inner .profile-pro-badge:hover {
color: #dd6738;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-name {
float: left;
width: 100%;
padding: 10px 20px 15px 20px;
text-align: center;
font-size: 18px;
color: #2E2E2E;
font-weight: 600;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-action-button {
float: left;
width: 100%;
padding: 20px;
border-top: solid 1px #f0f0f0;
text-align: center;
margin-top: 15px;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-action-button a {
float: left;
width: 100%;
background-color: #41db7b;
text-align: center;
padding: 15px;
font-weight: 600;
line-height: 18px;
font-size: 15px;
letter-spacing: -0.231px;
color: #FFF;
border-radius: 5px;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-action-button a:hover {
background-color: #3bbd6c;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-social-icons {
float: left;
width: 100%;
text-align: center;
}
.user-profile-info-wrapper .user-profile-dropdown-wrapper .user-profile-social-icons a {
width: 20px;
height: 20px;
background-size: 20px;
margin: 0px 5px;
float: none;
display: inline-block;
}
.poll-heading .author-date a.username-pro-badge:hover {
color: #dd6738;
}
.poll-heading .author-date span {
color: #777;
}
.poll-heading .poll-multi-votes-notice {
float: left;
width: 100%;
padding-top: 35px;
margin-bottom: -40px;
}
.poll-heading .poll-multi-votes-notice p {
float: left;
padding: 0px 0px 20px 0px;
font-weight: 600;
font-size: 15.5px;
color: #C7C7CD;
letter-spacing: -0.26px;
line-height: 23px;
}
.poll-wrapper .poll-form {
float: left;
width: 100%;
}
.poll-wrapper .poll-form .poll-item {
float: left;
width: 100%;
margin-bottom: 34px;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked),
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
visibility: hidden;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label strong,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label strong,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label strong,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label strong {
color: #333;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label {
position: relative;
cursor: pointer;
line-height: 20px;
display: inline-block;
background-color: #FFF;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
border-radius: 7px;
float: left;
width: 100%;
padding: 23px 27px 22px 27px;
font-size: 28px;
color: #333333;
font-weight: 700;
border: 2.5px solid #FFF;
line-height: 32px;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:before {
content: '';
position: absolute;
left: 0px;
width: 36px;
height: 36px;
top: -2px;
background-image: url('../img/icon-checkbox.svg');
background-repeat: no-repeat;
background-position: center;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:after {
content: '';
left: 0px;
width: 36px;
height: 36px;
top: -2px;
position: absolute;
border-radius: 100%;
background-image: url('../img/icon-checkbox-active.svg');
background-repeat: no-repeat;
background-position: center;
transition: all 0.2s ease;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:after {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.5s ease;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:before {
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.1s ease;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label {
background: #FFFFFF;
border: 2.5px solid #4AD97F;
box-shadow: 0 7px 14px 0 rgba(74,217,127,0.20);
border-radius: 7px;
margin-left: 20px;
transform: translateY(-3px);
}
.poll-wrapper .poll-form .poll-item label {
transition: transform 0.5s ease, box-shadow 0.5s ease, margin 0.5s ease;
}
.poll-wrapper .poll-form .poll-item label:hover {
transform: translateY(-3px);
box-shadow: 0px 10px 44px 10px rgb(233, 235, 243) !important;
}
p.vote-inner-label {
float: left;
width: 100%;
padding: 0px 0px 0px 49px;
position: relative;
}
.poll-wrapper .poll-form div#poll-error label {
padding: 10px 0px 30px 0px;
float: left;
width: 100%;
font-size: 15px;
color: #ff4040;
font-weight: 600;
}
.poll-wrapper .poll-form .poll-footer button {
float: left;
padding: 20px 34px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 22px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
}
.poll-wrapper .poll-form .poll-footer button:hover {
background-color: #3bbd6c;
}
a.poll-results-button {
float: right;
padding: 10px 44px 10px 10px;
font-size: 16px;
color: #969696;
font-weight: 600;
margin-top: 14px;
background-image: url('../img/icon-chevron-right.svg');
background-repeat: no-repeat;
background-position: center right 15px;
transition: opacity 0.5s ease;
}
a.poll-results-button:hover {
opacity: 0.7;
}
/* Poll results */
.poll-head {
float: left;
width: 100%;
}
.poll-right-column {
width: 295px;
float: right;
height: auto;
position: relative;
}
.poll-right-column-stick {
position: absolute;
}
.sticky-wrapper.is-sticky {
position: relative;
}
.poll-wrapper .poll-results {
width: 100%;
float: left;
}
.captcha-wrapper {
float: left;
width: 100%;
margin-bottom: 20px;
}
.poll-wrapper .poll-form div#poll-error label.catpcha-error {
padding-bottom: 10px;
}
.poll-settings-right-column-wrapper {
display: none;
float: left;
width: 100%;
padding: 20px 0px;
}
.poll-settings-button {
float: left;
width: 100%;
padding: 20px 30px;
border-top: solid 1px #f5f5f5;
}
.poll-settings-button a {
float: left;
width: 100%;
background-color: #F4F4F4;
text-align: center;
padding: 15px;
font-weight: 600;
line-height: 18px;
font-size: 15px;
letter-spacing: -0.231px;
color: #7C7C7C;
border-radius: 5px;
}
.poll-settings-button a:hover {
background-color: #ebebeb;
}
.poll-wrapper .poll-results .poll-item {
float: left;
width: 100%;
margin-bottom: 28px;
background: #FFFFFF;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
border-radius: 7px;
padding: 25px 28px;
border: solid 2.5px #FFF;
}
.poll-wrapper .poll-results .poll-item.most-voted {
background: #FFFFFF;
margin-left: 20px;
transition: margin 0.5s ease;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading {
float: left;
width: 100%;
margin-bottom: 20px;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading h2 {
width: 82%;
float: left;
font-size: 28px;
color: #333333;
font-weight: 700;
line-height: 32px;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading p {
width: 18%;
float: left;
font-size: 28px;
color: #333333;
font-weight: 700;
line-height: 32px;
text-align: right;
}
.poll-wrapper .poll-results .poll-item .poll-results-bar {
float: left;
width: 100%;
height: 8px;
background-color: #EFEFEF;
border-radius: 50px;
}
.poll-wrapper .poll-results .poll-item .poll-bar {
float: left;
height: 8px;
background-color: #000;
border-radius: 50px;
transition: width 0.8s ease;
}
.poll-wrapper .poll-results .poll-item .poll-votes-number {
float: left;
width: 100%;
margin-top: 17px;
font-size: 14px;
color: #ACACAC;
font-weight: 500;
}
.poll-right-column .poll-submit-button {
float: left;
width: 100%;
margin-bottom: 25px;
}
.poll-image {
float: left;
width: 100%;
margin-bottom: 20px;
}
.poll-image {
float: left;
width: 100%;
margin-bottom: 20px;
text-align: center;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 0px;
}
.poll-image img {
max-width: 100%;
width: auto;
border-radius: 6px;
height: auto;
max-height: 700px;
}
.mobile-url-copied {
position: fixed;
float: left;
padding: 20px 17px 19px 17px;
font-size: 15px;
font-weight: 600;
border-radius: 5px;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
z-index: 500;
right: 5%;
width: 90%;
margin-left: -100px;
text-align: center;
background-color: #FF9869;
color: #FFF;
display: none;
opacity: 0;
bottom: -150px;
}
.poll-right-column .poll-voted-notice {
float: left;
width: 100%;
margin-bottom: 25px;
background-color: #E7F5FF;
padding: 22px;
border-radius: 5px;
}
.poll-right-column .poll-voted-notice p.poll-voted-info {
float: left;
width: 100%;
color: #60859E;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.poll-right-column .poll-voted-notice p.poll-voted-info strong {
color: #375E77;
}
.poll-voted-notice.end-date {
background-color: #FFE8DF;
margin-bottom: 15px;
}
.poll-right-column .poll-voted-notice.end-date p.voting-end-date-info {
float: left;
width: calc(100% - 33px);
color: #926A5E;
font-size: 13px;
line-height: 18px;
font-weight: 500;
text-align: left;
padding-left: 20px;
}
.poll-right-column .poll-voted-notice.end-date p.voting-end-date-info strong {
float: left;
width: 100%;
color: #794333;
font-size: 14px;
}
.poll-voted-notice.end-date p.voting-end-date-icon {
float: left;
width: 24px;
height: 33px;
background-image: url('../img/icon-voting-end.svg');
background-repeat: no-repeat;
background-position: center;
}
.poll-right-column .poll-closed-notice {
float: left;
width: 100%;
margin-bottom: 25px;
background-color: #FFFCD1;
padding: 30px;
border-radius: 5px;
}
.poll-right-column .poll-closed-notice p.poll-closed-notice-icon {
width: 28px;
height: 28px;
margin-bottom: 10px;
float: left;
background-image: url('../img/icon-voting-closed.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.poll-right-column .poll-closed-notice p.poll-closed-info {
float: left;
width: 100%;
color: #A39F65;
font-size: 15px;
font-weight: 500;
}
.poll-right-column .poll-closed-notice p.poll-closed-info strong {
color: #7B7843;
}
.poll-right-column .poll-submit-button a {
float: left;
padding: 20px 34px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 22px;
border-radius: 5px;
font-weight: 600;
width: 100%;
text-align: center;
}
.poll-right-column .poll-submit-button a:hover {
background-color: #3bbd6c;
}
.poll-right-column-inner {
float: left;
width: 100%;
background-color: #FFF;
border-radius: 5px;
box-shadow: 0 1px 3px hsla(0, 0%, 0%, .05);
}
.poll-right-column .poll-right-column-inner .poll-votes-count {
float: left;
width: 100%;
padding: 30px;
}
.poll-right-column .poll-right-column-inner .poll-votes-count p.votes-title {
float: left;
width: 100%;
font-size: 15px;
color: #B1B1B1;
font-weight: 600;
margin-bottom: 15px;
}
.poll-right-column .poll-right-column-inner .poll-votes-count p.votes-number {
float: left;
width: 100%;
font-size: 48px;
color: #222;
font-weight: 700;
}
.poll-right-column .poll-right-column-inner .poll-right-divide {
float: left;
width: 100%;
height: 2px;
background-color: #F4F4F4;
}
.poll-right-column .poll-right-column-inner .poll-share {
float: left;
width: 100%;
padding: 30px;
border-top: solid 1px #f5f5f5;
}
.modal-share-links {
float: left;
width: 100%;
position: relative;
}
.modal-share-links .poll-share.w-action-button {
padding: 10px 0px 25px 0px;
}
.modal-share-links .poll-share.w-secure-poll {
padding: 70px 0px 0px 0px;
}
.modal-share-links .poll-share.w-secure-poll p.share-title {
color: #829BCA;
}
.modal-share-links .poll-share {
float: left;
width: 100%;
padding: 40px 0px 0px 0px;
}
.poll-right-column .poll-right-column-inner .poll-share p.share-title, .modal-share-links .poll-share p.share-title {
float: left;
width: 100%;
font-size: 15px;
color: #B1B1B1;
font-weight: 600;
margin-bottom: 5px;
}
.poll-right-column .poll-right-column-inner .poll-share ul, .modal-share-links .poll-share ul {
float: left;
width: 100%;
list-style: none;
}
.poll-right-column .poll-right-column-inner .poll-share ul li {
float: left;
width: 100%;
padding: 5px 0px
}
.modal-share-links .poll-share ul li {
float: left;
width: 100%;
padding: 8px 0px;
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link, .modal-share-links .poll-share ul li a.share-link {
float: left;
font-size: 15px;
color: #555;
font-weight: 500;
padding: 5px 5px 5px 35px;
background-repeat: no-repeat;
background-position: center left;
background-size: 18px;
transition: none;
}
.modal-share-links .poll-share ul li a.share-link {
font-size: 16px;
padding: 5px 5px 5px 40px;
background-size: 20px;
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link:hover, .modal-share-links .poll-share ul li a.share-link:hover {
opacity: 0.7;
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.twitter, .modal-share-links .poll-share ul li a.share-link.twitter {
color: #00AAEC;
background-image: url('../img/icon-colour-icon-profile-twitter.svg');
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.facebook, .modal-share-links .poll-share ul li a.share-link.facebook {
color: #4460A0;
background-image: url('../img/icon-colour-icon-profile-facebook.svg');
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.whatsapp, .modal-share-links .poll-share ul li a.share-link.whatsapp {
color: #00D856;
background-image: url('../img/icon-whatsapp.svg');
background-size: 20px;
}
.modal-share-links .poll-share ul li a.share-link.whatsapp {
background-size: 22px;
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.link, .modal-share-links .poll-share ul li a.share-link.link {
color: #FF9E72;
background-image: url('../img/icon-link.svg');
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.qr-code, .modal-share-links .poll-share ul li a.share-link.qr-code {
color: #A46CFF;
background-image: url('../img/icon-qr-code.svg');
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.embed, .modal-share-links .poll-share ul li a.share-link.embed {
color: #8C9BB2;
background-image: url('../img/icon-embed.svg');
}
.poll-right-column .report-button {
float: left;
width: 100%;
margin-top: 15px;
}
.poll-right-column .report-button a {
font-weight: 500;
padding: 10px 10px 10px 25px;
float: right;
font-size: 14px;
color: #333;
letter-spacing: -0.23px;
text-align: right;
background-image: url('../img/icon-report-flag.svg');
background-repeat: no-repeat;
background-position: 2px 11px;
opacity: 0.4;
transition: opacity 0.5s ease;
}
.poll-right-column .report-button a:hover {
opacity: 0.7;
}
.web-url-copied {
position: fixed;
bottom: 0px;
z-index: 5001;
width: 100%;
text-align: center;
display: none;
}
.web-url-copied-inner {
background-color: #FF9869;
display: inline-block;
margin-bottom: 20px;
padding: 20px 29px 21px 59px;
font-size: 16px;
font-weight: 600;
color: #FFF;
border-radius: 40px;
background-image: url('../img/icon-white-url-copy.svg');
background-repeat: no-repeat;
background-position: top 18px left 25px;
box-shadow: 0px 7px 14px rgba(255, 158, 114, 0.38);
}
.poll-settings-wrapper {
float: left;
width: 100%;
position: relative;
z-index: 41;
}
.poll-settings-wrapper .item-dropdown-wrapper {
float: left;
margin-left: 20px;
position: relative;
}
.item-dropdown-wrapper a.item-link-settings {
float: left;
padding: 10px 40px 10px 10px;
color: #555;
font-weight: 500;
font-size: 16px;
background-image: url('../img/icon-3-dots.svg');
background-repeat: no-repeat;
background-position: right 6px top 16px;
transition: opacity 0.5s ease;
opacity: 0.5;
}
.item-dropdown-wrapper a.item-link-settings:hover {
opacity: 0.9;
}
.poll-settings-wrapper .item-share-inline-wrapper a.item-link-share:hover {
opacity: 0.9;
}
.item-dropdown-wrapper .item-dropdown {
position: absolute;
right: 0px;
top: 40px;
width: 250px;
background-color: #000;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 0px;
overflow: hidden;
border-radius: 5px;
z-index: 5000;
display: none;
}
.item-dropdown-wrapper .item-dropdown-links-wrapper {
float: left;
width: 100%;
padding: 0px;
}
.poll-settings-inner-wrapper {
position: absolute;
top: 20px;
right: 20px;
}
.item-share-inline-wrapper {
float: left;
margin-right: 0px;
}
.poll-settings-wrapper .item-share-inline-wrapper a.item-link-share {
float: left;
padding: 10px 40px 10px 10px;
color: #555;
font-weight: 500;
font-size: 16px;
background-image: url('../img/icon-share-fixed.svg');
background-repeat: no-repeat;
background-position: right 6px top 9px;
transition: opacity 0.5s ease;
opacity: 0.5;
}
.poll-heading a.item-link-share-inline {
float: left;
font-size: 16.5px;
font-weight: 600;
color: #717172;
margin-left: 25px;
background-image: url('../img/icon-share-inline.svg');
background-repeat: no-repeat;
background-position: left top 1px;
padding: 2px 0px 2px 24px;
display: none;
}
.item-settings-inline-wrapper {
float: right;
position: relative;
display: none;
}
.item-inline-wrapper .item-settings-inline-wrapper .item-dropdown-wrapper a.item-link-settings-inline {
float: left;
background-image: url(../img/icon-3-dots-inline.svg);
background-repeat: no-repeat;
transition: opacity 0.5s ease;
font-size: 15px;
font-weight: 600;
color: #717172;
padding: 2px 0px 2px 36px;
margin-top: 20px;
margin-left: 0px;
display: block;
background-position: left top -3px;
background-size: 27px;
}
.item-share-inline-wrapper .item-dropdown-wrapper {
float: left;
position: relative;
}
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
right: inherit;
left: -10px;
top: 50px;
}
.item-inline-wrapper .item-settings-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.settings-links {
top: 50px;
right: -10px;
left: auto;
}
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
display: none;
}
.stopped-data-notice {
position: fixed;
right: 20px;
bottom: 20px;
position: fixed;
display: none;
z-index: 60;
max-width: 170px;
}
.stopped-data-notice .getting-data-inner {
position: relative;
float: left;
padding: 16px 17px 16px 17px;
font-size: 15px;
font-weight: 600;
line-height: 18px;
color: #A63333;
border-radius: 5px;
background: #FFFAFA;
border: 2px solid #FF9292;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
}
.stopped-data-notice .getting-data-inner p {
float: left;
}
.stopped-data-notice .getting-data-inner p.subtitle {
font-size: 13px;
color: #ca8d8d;
letter-spacing: -0.21px;
line-height: 16px;
margin-top: 10px;
float: left;
width: 100%;
}
.getting-data-notice {
position: fixed;
right: 20px;
bottom: 20px;
position: fixed;
display: none;
z-index: 55;
}
.getting-data-notice .getting-data-inner {
position: relative;
background-color: #ffffff;
float: left;
padding: 16px 55px 15px 17px;
font-size: 15px;
font-weight: 600;
color: #333333;
border-radius: 5px;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
}
.getting-data-notice .getting-data-inner p {
float: left;
}
.getting-data-notice .loading {
border-radius: 50%;
width: 22px;
height: 22px;
border: 3.2px solid rgb(232, 232, 232);
border-top-color: #009aff;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
position: absolute;
top: 12px;
right: 14px;
background-color: #fff;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Poll colour options */
.poll-wrapper .poll-results .poll-item.red .poll-bar {
background-color: #FF5252;
}
.poll-wrapper .poll-results .poll-item.most-voted.red {
border-color: #FF5252;
box-shadow: 0 7px 14px 0 rgba(255,82,82,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.red .poll-votes-number {
color: #826767;
}
.poll-wrapper .poll-results .poll-item.most-voted.red .poll-results-bar {
background-color: #F8EBEB;
}
.poll-wrapper .poll-results .poll-item.green .poll-bar {
background-color: #4AD97F;
}
.poll-wrapper .poll-results .poll-item.most-voted.green {
border-color: #4AD97F;
box-shadow: 0 7px 14px 0 rgba(74,217,127,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.green .poll-votes-number {
color: #669377;
}
.poll-wrapper .poll-results .poll-item.most-voted.green .poll-results-bar {
background-color: #E6F6EC;
}
.poll-wrapper .poll-results .poll-item.orange .poll-bar {
background-color: #FF9E72;
}
.poll-wrapper .poll-results .poll-item.most-voted.orange {
border-color: #FF9E72;
box-shadow: 0 7px 14px 0 rgba(255,158,114,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.orange .poll-votes-number {
color: #cf9375;
}
.poll-wrapper .poll-results .poll-item.most-voted.orange .poll-results-bar {
background-color: #F3E5DF;
}
.poll-wrapper .poll-results .poll-item.blue .poll-bar {
background-color: #4199FF;
}
.poll-wrapper .poll-results .poll-item.most-voted.blue {
border-color: #4199FF;
box-shadow: 0 7px 14px 0 rgba(65,153,255,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.blue .poll-votes-number {
color: #788FA6;
}
.poll-wrapper .poll-results .poll-item.most-voted.blue .poll-results-bar {
background-color: #E3F0FF;
}
.poll-wrapper .poll-results .poll-item.yellow .poll-bar {
background-color: #FFD06E;
}
.poll-wrapper .poll-results .poll-item.most-voted.yellow {
border-color: #FFD06E;
box-shadow: 0 7px 14px 0 rgba(255,208,110,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.yellow .poll-votes-number {
color: #9E8759;
}
.poll-wrapper .poll-results .poll-item.most-voted.yellow .poll-results-bar {
background-color: #FFF0D3;
}
.poll-wrapper .poll-results .poll-item.purple .poll-bar {
background-color: #6E76FF;
}
.poll-wrapper .poll-results .poll-item.most-voted.purple {
border-color: #6E76FF;
box-shadow: 0 7px 14px 0 rgba(110,118,255,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.purple .poll-votes-number {
color: #8B8FCE;
}
.poll-wrapper .poll-results .poll-item.most-voted.purple .poll-results-bar {
background-color: #E8E9FF;
}
.poll-wrapper .poll-results .poll-item.turquoise .poll-bar {
background-color: #76ECE9;
}
.poll-wrapper .poll-results .poll-item.most-voted.turquoise {
border-color: #76ECE9;
box-shadow: 0 7px 14px 0 rgba(118,236,233,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.turquoise .poll-votes-number {
color: #88B1B0;
}
.poll-wrapper .poll-results .poll-item.most-voted.turquoise .poll-results-bar {
background-color: #E1F9F8;
}
.poll-wrapper .poll-results .poll-item.pink .poll-bar {
background-color: #FF96E0;
}
.poll-wrapper .poll-results .poll-item.most-voted.pink {
border-color: #FF96E0;
box-shadow: 0 7px 14px 0 rgba(255,150,224,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.pink .poll-votes-number {
color: #D593C1;
}
.poll-wrapper .poll-results .poll-item.most-voted.pink .poll-results-bar {
background-color: #FFE8F8;
}
.poll-wrapper .poll-results .poll-item.light-blue .poll-bar {
background-color: #96D4FF;
}
.poll-wrapper .poll-results .poll-item.most-voted.light-blue {
border-color: #96D4FF;
box-shadow: 0 7px 14px 0 rgba(150,245,255,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.light-blue .poll-votes-number {
color: #7DB7E0;
}
.poll-wrapper .poll-results .poll-item.most-voted.light-blue .poll-results-bar {
background-color: #E3F3FF;
}
.poll-wrapper .poll-results .poll-item.grey .poll-bar {
background-color: #BDC3C7;
}
.poll-wrapper .poll-results .poll-item.most-voted.grey {
border-color: #BDC3C7;
box-shadow: 0 7px 14px 0 rgba(189,195,199,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.grey .poll-votes-number {
color: #8B97A0;
}
.poll-wrapper .poll-results .poll-item.most-voted.grey .poll-results-bar {
background-color: #F1F1F1;
}
.poll-wrapper .poll-results .poll-item.pale-purple .poll-bar {
background-color: #B5B9FF;
}
.poll-wrapper .poll-results .poll-item.most-voted.pale-purple {
border-color: #B5B9FF;
box-shadow: 0 7px 14px 0 rgba(110,118,255,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.pale-purple .poll-votes-number {
color: #8B8FCE;
}
.poll-wrapper .poll-results .poll-item.most-voted.pale-purple .poll-results-bar {
background-color: #EAECFF;
}
.poll-wrapper .poll-results .poll-item.bright-pink .poll-bar {
background-color: #F53B86;
}
.poll-wrapper .poll-results .poll-item.most-voted.bright-pink {
border-color: #F53B86;
box-shadow: 0 7px 14px 0 rgba(245,59,134,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.bright-pink .poll-votes-number {
color: #e08aac;
}
.poll-wrapper .poll-results .poll-item.most-voted.bright-pink .poll-results-bar {
background-color: #FFDDEB;
}
.poll-wrapper .poll-results .poll-item.dark-grey .poll-bar {
background-color: #808E9B;
}
.poll-wrapper .poll-results .poll-item.most-voted.dark-grey {
border-color: #808E9B;
box-shadow: 0 7px 14px 0 rgba(128,142,155,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.dark-grey .poll-votes-number {
color: #808E9B;
}
.poll-wrapper .poll-results .poll-item.most-voted.dark-grey .poll-results-bar {
background-color: #D8DEE3;
}
.poll-wrapper .poll-results .poll-item.bright-orange .poll-bar {
background-color: #FD7272;
}
.poll-wrapper .poll-results .poll-item.most-voted.bright-orange {
border-color: #FD7272;
box-shadow: 0 7px 14px 0 rgba(128,142,155,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.bright-orange .poll-votes-number {
color: #c78282;
}
.poll-wrapper .poll-results .poll-item.most-voted.bright-orange .poll-results-bar {
background-color: #FFE5E5;
}
.poll-wrapper .poll-results .poll-item.dark-blue .poll-bar {
background-color: #62A5DB;
}
.poll-wrapper .poll-results .poll-item.most-voted.dark-blue {
border-color: #62A5DB;
box-shadow: 0 7px 14px 0 rgba(150,245,255,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.dark-blue .poll-votes-number {
color: #6598C2;
}
.poll-wrapper .poll-results .poll-item.most-voted.dark-blue .poll-results-bar {
background-color: #DAEEFF;
}
/* new */
.poll-wrapper .poll-results .poll-item.true-purple .poll-bar {
background-color: #9030DF;
}
.poll-wrapper .poll-results .poll-item.most-voted.true-purple {
border-color: #9030DF;
box-shadow: 0 7px 14px 0 rgba(144,48,223,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.true-purple .poll-votes-number {
color: #B585DC;
}
.poll-wrapper .poll-results .poll-item.most-voted.true-purple .poll-results-bar {
background-color: #F2E3FF;
}
.poll-wrapper .poll-results .poll-item.jet-blue .poll-bar {
background-color: #005BC6;
}
.poll-wrapper .poll-results .poll-item.most-voted.jet-blue {
border-color: #005BC6;
box-shadow: 0 7px 14px 0 rgba(0,91,198,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.jet-blue .poll-votes-number {
color: #5587C3;
}
.poll-wrapper .poll-results .poll-item.most-voted.jet-blue .poll-results-bar {
background-color: #D6E9FF;
}
.poll-wrapper .poll-results .poll-item.smashed-pumpkin .poll-bar {
background-color: #E2500E;
}
.poll-wrapper .poll-results .poll-item.most-voted.smashed-pumpkin {
border-color: #E2500E;
box-shadow: 0 7px 14px 0 rgba(226,80,14,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.smashed-pumpkin .poll-votes-number {
color: #E18D68;
}
.poll-wrapper .poll-results .poll-item.most-voted.smashed-pumpkin .poll-results-bar {
background-color: #F3E5DF;
}
.poll-wrapper .poll-results .poll-item.madder-lake .poll-bar {
background-color: #FF2B2B;
}
.poll-wrapper .poll-results .poll-item.most-voted.madder-lake {
border-color: #FF2B2B;
box-shadow: 0 7px 14px 0 rgba(226,80,14,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.madder-lake .poll-votes-number {
color: #F47D7D;
}
.poll-wrapper .poll-results .poll-item.most-voted.madder-lake .poll-results-bar {
background-color: #FFDFDF;
}
.poll-wrapper .poll-results .poll-item.offset-purple .poll-bar {
background-color: #C287E8;
}
.poll-wrapper .poll-results .poll-item.most-voted.offset-purple {
border-color: #C287E8;
box-shadow: 0 7px 14px 0 rgba(194,135,232,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.offset-purple .poll-votes-number {
color: #CB9EEA;
}
.poll-wrapper .poll-results .poll-item.most-voted.offset-purple .poll-results-bar {
background-color: #ECDBF8;
}
.poll-wrapper .poll-results .poll-item.fiery-rose .poll-bar {
background-color: #FF5476;
}
.poll-wrapper .poll-results .poll-item.most-voted.fiery-rose {
border-color: #FF5476;
box-shadow: 0 7px 14px 0 rgba(255,84,118,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.fiery-rose .poll-votes-number {
color: #F49BAD;
}
.poll-wrapper .poll-results .poll-item.most-voted.fiery-rose .poll-results-bar {
background-color: #FFDDE4;
}
.poll-wrapper .poll-results .poll-item.eggshell .poll-bar {
background-color: #fdcca0;
}
.poll-wrapper .poll-results .poll-item.most-voted.eggshell {
border-color: #fdcca0;
box-shadow: 0 7px 14px 0 rgba(253, 204, 160, 0.52);
}
.poll-wrapper .poll-results .poll-item.most-voted.eggshell .poll-votes-number {
color: #d0b195;
}
.poll-wrapper .poll-results .poll-item.most-voted.eggshell .poll-results-bar {
background-color: #f6e9dd;
}
.poll-wrapper .poll-results .poll-item.sonic-silver .poll-bar {
background-color: #746D75;
}
.poll-wrapper .poll-results .poll-item.most-voted.sonic-silver {
border-color: #746D75;
box-shadow: 0 7px 14px 0 rgba(116,109,117,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.sonic-silver .poll-votes-number {
color: #A5A1A5;
}
.poll-wrapper .poll-results .poll-item.most-voted.sonic-silver .poll-results-bar {
background-color: #E3E2E3;
}
.poll-wrapper .poll-results .poll-item.sunset-blue .poll-bar {
background-color: #93E1FF;
}
.poll-wrapper .poll-results .poll-item.most-voted.sunset-blue {
border-color: #93E1FF;
box-shadow: 0 7px 14px 0 rgba(147,225,255,0.30);
}
.poll-wrapper .poll-results .poll-item.most-voted.sunset-blue .poll-votes-number {
color: #7fb9d0;
}
.poll-wrapper .poll-results .poll-item.most-voted.sunset-blue .poll-results-bar {
background-color: #d8f4ff;
}
.poll-wrapper .poll-results .poll-item.rajah .poll-bar {
background-color: #F7B267;
}
.poll-wrapper .poll-results .poll-item.most-voted.rajah {
border-color: #F7B267;
box-shadow: 0 7px 14px 0 rgba(247,178,103,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.rajah .poll-votes-number {
color: #D3B390;
}
.poll-wrapper .poll-results .poll-item.most-voted.rajah .poll-results-bar {
background-color: #FDF0E1;
}
.poll-wrapper .poll-results .poll-item.light-coral .poll-bar {
background-color: #F67E7D;
}
.poll-wrapper .poll-results .poll-item.most-voted.light-coral {
border-color: #F67E7D;
box-shadow: 0 7px 14px 0 rgba(246,126,125,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.light-coral .poll-votes-number {
color: #F19E9D;
}
.poll-wrapper .poll-results .poll-item.most-voted.light-coral .poll-results-bar {
background-color: #FDE5E5;
}
.poll-wrapper .poll-results .poll-item.mustard .poll-bar {
background-color: #FFC857;
}
.poll-wrapper .poll-results .poll-item.most-voted.mustard {
border-color: #FFC857;
box-shadow: 0 7px 14px 0 rgba(255,200,87,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.mustard .poll-votes-number {
color: #D0B378;
}
.poll-wrapper .poll-results .poll-item.most-voted.mustard .poll-results-bar {
background-color: #FFF4DD;
}
.poll-wrapper .poll-results .poll-item.metallic-seaweed .poll-bar {
background-color: #177E89;
}
.poll-wrapper .poll-results .poll-item.most-voted.metallic-seaweed {
border-color: #177E89;
box-shadow: 0 7px 14px 0 rgba(23,126,137,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.metallic-seaweed .poll-votes-number {
color: #64A1A8;
}
.poll-wrapper .poll-results .poll-item.most-voted.metallic-seaweed .poll-results-bar {
background-color: #D1E5E7;
}
.poll-wrapper .poll-results .poll-item.sea-green .poll-bar {
background-color: #8ad2a0;
}
.poll-wrapper .poll-results .poll-item.most-voted.sea-green {
border-color: #8ad2a0;
box-shadow: 0 7px 14px 0 rgba(185,227,198,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.sea-green .poll-votes-number {
color: #A2D3B2;
}
.poll-wrapper .poll-results .poll-item.most-voted.sea-green .poll-results-bar {
background-color: #cdf0d8;
}
.poll-wrapper .poll-results .poll-item.japanese-violet .poll-bar {
background-color: #58344E;
}
.poll-wrapper .poll-results .poll-item.most-voted.japanese-violet {
border-color: #58344E;
box-shadow: 0 7px 14px 0 rgba(128,142,155,0.20);
}
.poll-wrapper .poll-results .poll-item.most-voted.japanese-violet .poll-votes-number {
color: #90818D;
}
.poll-wrapper .poll-results .poll-item.most-voted.japanese-violet .poll-results-bar {
background-color: #DED6DC;
}
/* Poll comments */
.comments {
float: left;
width: 100%;
background-color: #FFF;
padding: 90px 0px;
border-bottom: solid 2px #fafafa;
}
.comments .header {
float: left;
width: 100%;
padding-bottom: 20px;
}
.comments .header .left {
float: left;
}
.comments .header .left h2 {
font-size: 26px;
font-weight: 600;
color: #333333;
}
.comments .header .right {
float: right;
}
.comments .header .right p {
font-size: 16px;
color: #aeaeae;
}
.comments .comments-inner {
float: left;
width: 100%;
}
.comments .comments-inner .comment {
float: left;
width: 100%;
}
.comment-error {
background-color: #ff5a5a;
color: #FFF;
text-align: center;
padding: 34px;
width: 100%;
z-index: 50;
position: fixed;
top: 0px;
}
.comments .comments-inner .comment .comment-inner {
border-top: solid 1px #f2f2f2;
float: left;
width: 100%;
padding: 43px 0px;
}
.comments .comments-inner .comment .left {
width: 64px;
float: left;
}
.comments .comments-inner .comment .left .avatar {
float: left;
width: 64px;
position: relative;
}
.comments .comments-inner .comment .left .avatar a {
float: left;
}
.comments .comments-inner .comment .left .avatar img {
float: left;
width: 64px;
border-radius: 50px;
transition: all 0.5s ease;
}
.comments .comments-inner .comment .left .avatar a:hover img {
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
filter: grayscale(70%);
}
.comments .comments-inner .comment .right {
width: 926px;
margin-left: 0px;
float: right;
}
.comments .comments-inner .comment .right .name {
font-size: 22px;
color: #333333;
font-weight: 700;
margin-bottom: 10px;
}
.comments .comments-inner .comment .right .name a {
font-size: 22px;
color: #333333;
font-weight: 700;
}
.comments .comments-inner .comment .right .name a:hover {
color: #4AD97F;
}
.comments .comments-inner .comment .right .comment-copy {
font-size: 18px;
color: #616161;
line-height: 28px;
font-weight: 500;
}
.comments .comments-inner .comment .right .comment-copy p {
margin-bottom: 15px;
}
.comments .comments-inner .comment .right .comment-copy p:last-child {
margin-bottom: 0px;
}
.comments .comments-inner .comment .right .comment-copy a {
color: #4098ff;
}
.comments .comments-inner .comment .right .comment-copy a:hover {
color: #265b98;
}
.comments .comments-inner .comment .right .comment-footer {
float: left;
width: 100%;
padding-top: 15px;
}
.comments .comments-inner .comment .right .comment-footer p.date {
float: left;
font-size: 16px;
color: #bababa;
font-weight: 600;
margin-right: 30px;
padding: 3px 0px 4px 0px;
}
.comments .comments-inner .comment .right .comment-footer p.date abbr[title] {
border-bottom: none;
cursor: help;
text-decoration: none;
}
.comments .comments-inner .comment .right .comment-footer p.likes {
float: left;
margin-right: 25px;
}
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes, .comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes-disabled {
color: #ff6097;
font-size: 16px;
font-weight: 500;
background-repeat: no-repeat;
background-image: url('../img/icon-comment-like.svg');
background-position: left center;
padding: 3px 10px 4px 31px;
font-weight: 700;
float: left;
transition: opacity 0.5s ease;
}
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes.liked, .comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes-disabled.liked {
background-image: url('../img/icon-comment-like-filled.svg');
}
.comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes.liked:hover, .comments .comments-inner .comment .right .comment-footer p.likes a.comment-likes-disabled.liked:hover {
opacity: 1;
}
.comments .comments-inner .comment .right .comment-footer p.reply-button {
float: left;
margin-right: 25px;
}
.comments .comments-inner .comment .right .comment-footer p.reply-button span.reply-id {
display: none;
}
.comments .comments-inner .comment .right .comment-footer p.reply-button a.comment-reply {
color: #009aff;
font-size: 16px;
font-weight: 500;
background-repeat: no-repeat;
background-image: url('../img/icon-comment-reply.svg');
background-position: left 2px center;
padding: 3px 10px 4px 32px;
font-weight: 700;
float: left;
transition: opacity 0.5s ease;
}
.comments .comments-inner .comment .right .comment-footer .comment-more-button {
float: left;
margin-right: 25px;
position: relative;
}
.comments .comments-inner .comment .right .comment-footer .comment-more-button a.comment-more {
color: #AAAAAA;
font-size: 16px;
font-weight: 500;
background-repeat: no-repeat;
background-image: url('../img/icon-comment-more.svg');
background-position: left 2px center;
padding: 3px 10px 4px 38px;
font-weight: 700;
float: left;
transition: opacity 0.5s ease;
}
.comments .comments-inner .comment .right .comment-footer .item-dropdown {
position: absolute;
left: -5px;
top: 40px;
width: 190px;
background-color: #000;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 0px;
overflow: hidden;
border-radius: 5px;
z-index: 5000;
display: none;
}
.comments .comments-inner .comment .right .comment-footer .item-dropdown a:hover {
opacity: 1;
}
.comments .comments-inner .comment .right .comment-footer a:hover {
opacity: 0.7;
}
.comments .comments-inner .comment.reply {
padding-left: 100px;
}
.comments .comments-inner .comment.reply .right {
width: 826px;
margin-left: 34px;
float: right;
}
.comments .comments-inner .comment-textarea {
float: left;
width: 100%;
padding: 45px 0px;
border-top: solid 1px #f2f2f2;
}
.comments .comments-inner .comment-textarea .left {
float: left;
width: 64px;
}
.comments .comments-inner .comment-textarea .left .avatar {
float: left;
width: 64px;
position: relative;
}
.comments p.comments-pro-badge {
background-color: #ff946b;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
text-align: center;
padding: 3px 4px;
border-radius: 3px;
text-transform: uppercase;
transition: background 0.5s ease;
font-weight: 700;
float: left;
position: absolute;
top: -2px;
right: -8px;
z-index: 50;
}
.comments .avatar.reply-avatars p.comments-pro-badge {
display: none;
}
.comments p.comments-pro-badge {
background-color: #ff946b;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
text-align: center;
padding: 3px 4px;
border-radius: 3px;
text-transform: uppercase;
transition: background 0.5s ease;
font-weight: 700;
float: left;
position: absolute;
top: -2px;
right: -8px;
z-index: 50;
}
.comments .comments-inner .comment-textarea .left .avatar img {
float: left;
width: 64px;
border-radius: 60px;
}
.comments .comments-inner .comment-textarea .left .avatar.reply-avatars img {
float: left;
width: 50px;
border-radius: 60px;
position: absolute;
}
.comments .comments-inner .comment-textarea .left .avatar.reply-avatars img:nth-child(2n) {
margin-left: 25px;
}
.redactor-editor.required {
border-color: #ff3838 !important;
}
.comments .comments-inner .comment-textarea .right {
width: 926px;
margin-left: 0px;
float: right;
position: relative;
}
.comments .comments-inner .comment-textarea .right .reply-badge {
position: absolute;
right: -15px;
top: -15px;
background-color: #4199FF;
color: #FFF;
padding: 10px 17px 12px 17px;
border-radius: 25px;
font-weight: 600;
font-size: 15px;
display: none;
box-shadow: 0 0 10px 0 rgba(65,153,255,0.45);
}
.comments .comments-inner .comment-textarea .right textarea {
width: 100%;
float: left;
border: solid 2px #EBEBEB;
padding: 22px 20px 20px 20px;
border-radius: 5px;
font-size: 18px;
font-weight: 500;
outline: none;
height: 120px;
resize: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
margin-bottom: 18px;
}
.comments .comments-inner .comment-textarea .right textarea:focus {
border: solid 2px #4199FF;
color: #4199FF;
box-shadow: 0 0 10px 0 rgba(65,153,255,0.45);
transition: all 0.5s ease;
}
.comments .comments-inner .comment-textarea .right textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b4b4b4;
font-weight: 500;
}
.comments .comments-inner .comment-textarea .right button {
background-color: #00DE74;
color: #FFF;
padding: 17px 23px 17px 23px;
font-size: 19px;
font-weight: 600;
border-radius: 4px;
background-repeat: no-repeat;
background-position: right 19px top 18px;
background-size: 13px;
display: inline-block;
float: left;
border: none;
outline: none;
font-family: 'Inter', sans-serif;
cursor: pointer;
}
.comments .comments-inner .comment-textarea .right input#comment_reply_id {
display: none;
}
.comments .comments-inner .comment-textarea .right a.cancel-reply-button {
color: #b7b7b7;
padding: 21px 20px 19px 20px;
font-size: 17px;
font-weight: 600;
border-radius: 4px;
background-size: 13px;
display: none;
float: left;
margin-left: 10px;
}
.comments .comments-inner .comment-textarea .right a.cancel-reply-button:hover {
color: #777;
}
.comments .comments-inner .comment-textarea .right button:hover {
background-color: #17ce76;
}
.comments .comments-inner .comment-textarea .right p.comment-options {
float: right;
font-size: 13px;
color: #929192;
padding-top: 21px;
font-weight: 500;
}
.comments .comments-inner .comments-prompt {
float: left;
width: 100%;
padding: 100px 0px 30px 0px;
border-top: solid 1px #f2f2f2;
}
.comments .comments-inner .comments-prompt strong {
float: left;
width: 100%;
font-size: 22px;
color: #525252;
font-weight: 600;
}
.comments .comments-inner .comments-prompt p {
float: left;
width: 100%;
font-size: 18px;
color: #adadad;
padding: 15px 0px 20px 0px;
}
.comments .comments-inner .comments-prompt a {
background-color: #4199FF;
color: #FFF;
padding: 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
float: left;
}
.comments .comments-inner .comments-prompt a:hover {
background-color: #1184d0;
}
.comments .comments-inner .comments-prompt a.login-button {
background-color: #4AD97F;
color: #FFF;
padding: 16px 20px 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
margin-left: 15px;
}
.comments .comments-inner .comments-prompt a.login-button:hover {
background-color: #3bbd6c;
}
.comments-disabled-notice {
float: left;
width: 100%;
border-top: solid 1px #f2f2f2;
padding: 30px 0px;
}
.comments-disabled-notice p {
float: left;
width: 100%;
font-size: 15px;
padding: 40px;
color: #9c9c9c;
text-align: center;
background-color: #fafafa;
border-radius: 5px;
line-height: 20px;
}
/* Add space */
.fp-ad-wrapper {
position: fixed;
width: 170px;
left: 20px;
bottom: 20px;
}
.fp-ad-wrapper span.ad-line {
font-size: 10px;
color: #808080;
font-weight: 700;
text-transform: uppercase;
float: left;
width: 100%;
margin-bottom: 10px;
}
body.fix-adspace main {
position: relative;
}
body.fix-adspace .fp-ad-wrapper {
position: absolute;
bottom: 20px;
}
.fp-ad {
float: left;
width: 100%;
background-color: #FFF;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}
.fp-ad-wrapper .fp-ad-image {
float: left;
width: 100%;
}
.fp-ad-wrapper .fp-ad-image a img {
transition: opacity 0.5s ease;
}
.fp-ad-wrapper .fp-ad-image a:hover img {
opacity: 0.9;
}
.fp-ad-wrapper .fp-ad-copy {
float: left;
width: 100%;
padding: 12px;
}
.fp-ad-wrapper .fp-ad-copy p {
font-size: 11.5px;
color: #333;
font-weight: 600;
line-height: 14px;
}
.fp-ad-wrapper .fp-ad-copy p a {
font-size: 11.5px;
color: #333;
}
.fp-ad-wrapper .fp-ad-copy p a:hover {
color: #777;
}
/* Profile */
header.profile {
background-color: #FFF;
}
header.profile .profile-header-inner {
float: left;
width: 100%;
position: relative;
height: 500px;
}
header.profile .profile-header-inner .left {
float: left;
width: 780px;
padding: 115px 0px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
header.profile .profile-header-inner .left .avatar {
width: 90px;
height: 90px;
float: left;
position: relative;
}
header.profile .profile-header-inner .left .avatar .profile-pro-badge {
position: absolute;
right: -14px;
top: -14px;
background-color: #FFE4D9;
padding: 7px 15px;
border-radius: 30px;
font-weight: 800;
font-size: 12.5px;
line-height: 15px;
text-align: center;
letter-spacing: -0.3465px;
text-transform: uppercase;
color: #ff7f4c;
}
header.profile .profile-header-inner .left .avatar img {
width: 90px;
height: 90px;
float: left;
border-radius: 150px;
}
header.profile .profile-header-inner .left h1 {
float: left;
width: 100%;
font-size: 50px;
padding: 20px 0px 0px 0px;
color: #333333;
}
header.profile .profile-header-inner .left p {
float: left;
width: 100%;
font-size: 17px;
font-weight: 500;
color: #B1B1B1;
line-height: 25px;
padding: 10px 0px 0px 0px;
max-width: 600px;
}
header.profile .profile-header-inner .left .profile-social {
float: left;
width: 100%;
padding: 20px 0px 0px 0px;
}
header.profile .profile-header-inner .left .profile-social a, .user-profile-social-icons a {
float: left;
width: 25px;
height: 25px;
margin-right: 18px;
background-repeat: no-repeat;
background-position: center;
transition: opacity 0.5s ease;
}
header.profile .profile-header-inner .left .profile-social a:hover, .user-profile-social-icons a:hover {
opacity: 0.7;
}
header.profile .profile-header-inner .left .profile-social a.facebook, .user-profile-social-icons a.facebook {
background-image: url('../img/icon-colour-icon-profile-facebook.svg');
}
header.profile .profile-header-inner .left .profile-social a.twitter, .user-profile-social-icons a.twitter {
background-image: url('../img/icon-colour-icon-profile-twitter.svg');
}
header.profile .profile-header-inner .left .profile-social a.instagram, .user-profile-social-icons a.instagram {
background-image: url('../img/icon-colour-icon-profile-instagram.svg');
}
header.profile .profile-header-inner .left .profile-social a.producthunt, .user-profile-social-icons a.producthunt {
background-image: url('../img/icon-colour-icon-profile-producthunt.svg');
}
header.profile .profile-header-inner .right {
float: right;
margin-top: 204px;
width: 180px;
}
header.profile .profile-header-inner .right .poll-count {
background-color: #F8F8F8;
border-radius: 5px;
padding: 20px 22px;
float: right;
}
header.profile .profile-header-inner .right .poll-count p.number {
float: left;
width: 100%;
font-size: 32px;
font-weight: 700;
color: #333;
}
header.profile .profile-header-inner .right .poll-count p.title {
float: left;
width: 100%;
font-size: 16px;
font-weight: 500;
color: #929292;
padding-top: 7px;
}
header.profile .profile-header-inner .edit-profile-link {
float: right;
position: absolute;
bottom: 40px;
right: 0px;
}
header.profile .profile-header-inner .edit-profile-link a {
font-size: 14.5px;
color: #9D9D9D;
font-weight: 600;
padding: 10px 14px;
border: solid 2px #DCDCDC;
border-radius: 5px;
transition: border 0.5s ease, color 0.5s ease;
}
header.profile .profile-header-inner .edit-profile-link a:hover {
color: #6f6f6f;
border: solid 2px #c3c3c3;
}
/* Brand & Support pages */
.split-columns {
width: 100%;
float: left;
padding-top: 30px;
}
.split-columns .left {
width: 210px;
float: left;
}
.split-columns .left .nav {
background: #FFFFFF;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
border-radius: 7px;
width: 100%;
padding: 23px 30px;
float: left;
}
.split-columns .left .nav a {
font-size: 15px;
color: #222;
font-weight: 600;
float: left;
clear: both;
padding: 5px 0px;
margin-bottom: 5px;
}
.split-columns .left .nav a.active {
color: #4099ff;
}
.split-columns .left .nav a:hover {
color: #4099ff;
}
.split-columns .left .nav a:last-child {
margin-bottom: 0px;
}
.split-columns .right {
float: left;
width: 736px;
margin-left: 75px;
}
.split-columns .right .copy-based {
float: left;
width: 100%;
}
.split-columns .right .copy-based section {
float: left;
width: 100%;
margin-bottom: 0px;
padding: 40px 0px 40px 0px;
border-bottom: solid 1px #EEEEEE;
}
.split-columns .right .copy-based section .post-section {
float: left;
width: 100%;
margin-bottom: 0px;
padding: 0px 0px 50px 0px;
}
.split-columns .right .copy-based section .post-section:first-child {
padding-top: 0px;
}
.split-columns .right .copy-based section:first-child {
padding-top: 0px;
}
.split-columns .right .copy-based section:first-child p.sml-tilte {
padding-top: 0px;
}
.split-columns .right .copy-based section:last-child {
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 50px;
}
.split-columns .right .copy-based section p.sml-tilte {
font-size: 14px;
color: #ddd;
letter-spacing: -0.25px;
font-weight: 800;
text-transform: uppercase;
float: left;
width: 100%;
margin-bottom: 10px;
padding-top: 40px;
}
.split-columns .right .copy-based section p.sml-tilte.orange {
color: #ff9e72;
}
.split-columns .right .copy-based section h2 {
font-size: 28px;
color: #333333;
letter-spacing: -0.46px;
line-height: 28px;
font-weight: 700;
float: left;
width: 100%;
margin-bottom: 15px;
}
.split-columns .right .copy-based section p {
font-size: 17px;
color: #B1B1B1;
letter-spacing: -0.28px;
line-height: 26px;
margin-bottom: 30px;
float: left;
width: 100%;
}
.split-columns .right .copy-based section ul {
float: left;
width: 100%;
list-style: none;
font-size: 17px;
color: #B1B1B1;
letter-spacing: -0.28px;
line-height: 26px;
margin-bottom: 30px;
}
.split-columns .right .copy-based section ul li {
float: left;
width: 100%;
margin-bottom: 5px;
}
.split-columns .right .copy-based section strong {
color: #555;
}
.split-columns .right .copy-based section p a {
color: #4199FF;
font-weight: 600;
}
.split-columns .right .copy-based section p a:hover {
color: #357dd0;
}
.split-columns .right .copy-based section p:last-child {
margin-bottom: 0px;
}
.split-columns .right .copy-based section .brand-logo-wrapper {
float: left;
width: 100%;
overflow: hidden;
border-radius: 8px;
margin-bottom: 30px;
}
.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block {
float: left;
width: 100%;
background-color: #FFF;
padding: 120px 0px;
text-align: center;
}
.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block img {
width: 286px;
}
.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block.grey {
background-color: #F2F6F6;
}
.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block.black {
background-color: #222222;
}
.split-columns .right .copy-based section a.inline-post-button {
background-color: #4199FF;
color: #FFF;
padding: 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
float: left;
}
.split-columns .right .copy-based section a.inline-post-button:hover {
background-color: #357dd0;
color: #FFF;
}
.split-columns .right .copy-based section .brand-screens-wrapper {
background-color: #FFF;
float: left;
width: 100%;
overflow: hidden;
border-radius: 8px;
margin-bottom: 30px;
}
.split-columns .right .copy-based section .brand-logo-block {
float: right;
width: 100%;
padding: 40px 0px 40px 30px;
}
.split-columns .right .copy-based section .brand-button-wrapper {
float: left;
width: 100%;
overflow: hidden;
border-radius: 8px;
margin-bottom: 30px;
}
.split-columns .right .copy-based section .brand-button-block img {
width: 236px;
}
.brand-button-block {
float: left;
width: 100%;
background-color: #FFF;
padding: 120px 0px;
text-align: center;
}
.split-columns .right .copy-based section .brand-button-block img {
width: 236px;
}
.brand-button-block.grey {
background-color: #F2F6F6;
}
/* No data */
.no-date-notice {
float: left;
width: 100%;
padding: 150px 0px;
}
.no-date-notice p.title {
font-size: 34px;
font-weight: 700;
color: #333;
margin-bottom: 12px;
padding-top: 0px;
}
.no-date-notice p {
font-size: 22px;
font-weight: 500;
color: #BFBFBF;
float: left;
width: 100%;
padding-top: 7px;
}
.no-date-notice p a {
color: #7b7b7b;
}
.no-date-notice p a:hover {
color: #555;
}
/* user no data notice */
.user-no-data-notice {
text-align: center;
width: 100%;
padding: 110px 0px;
}
.user-no-data-notice p.icon {
width: 130px;
height: 130px;
display: inline-block;
margin-bottom: 25px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.user-no-data-notice p.icon.votes-no-data {
background-image: url('../img/icon-no-votes-data.svg');
}
.user-no-data-notice p.icon.polls-no-data {
background-image: url('../img/icon-no-polls-data.svg');
}
.user-no-data-notice p.title {
font-size: 26px;
color: #333333;
letter-spacing: -0.43px;
text-align: center;
line-height: 40px;
font-weight: 700;
}
.user-no-data-notice p.no-data-subtitle {
font-size: 16px;
color: #9C9C9C;
letter-spacing: -0.26px;
text-align: center;
font-weight: 500;
line-height: 24px;
}
.user-no-data-notice a.no-data-action-button {
background-color: #4199FF;
color: #FFF;
font-size: 16px;
font-weight: 700;
padding: 16px 20px;
border-radius: 4px;
display: inline-block;
}
.user-no-data-notice p.no-data-subtitle {
font-size: 16px;
color: #9C9C9C;
letter-spacing: -0.26px;
text-align: center;
font-weight: 500;
line-height: 24px;
padding: 4px 0px 15px 0px;
}
/* Pagination */
.pagination {
float: left;
width: 100%;
text-align: left;
padding: 50px 0px 0px 0px;
}
.pagination ul {
float: left;
width: 100%;
list-style: none;
}
.pagination ul li {
display: inline-block;
transition: all .15s ease;
}
.pagination ul li a {
background-color: #FFF;
padding: 14px 20px 10px 20px;
height: 44px;
font-size: 17px;
font-weight: 600;
color: #878787;
margin: 0px 6px;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
float: left;
-webkit-transition: all .5s ease;
transition: all 0.5s ease;
}
.pagination ul li a svg g {
transition: all 0.5s ease;
}
.pagination ul li a.prev-link, .pagination ul li a.next-link {
padding: 15px 30px;
}
.pagination ul li a.prev-link:hover svg g, .pagination ul li a.next-link:hover svg g {
fill: #3488ff;
}
.pagination ul li a.active, .pagination ul li a:hover {
color: #3488ff;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.20);
transform: translateY(-5px);
}
.pagination ul li a.prev-link svg, .pagination ul li a.next-link svg {
width: 10px;
margin-bottom: -1px;
}
/* Dashboard nav */
.dashboard-nav {
float: left;
width: 100%;
padding: 30px 0px 50px 0px;
}
.dashboard-nav a {
margin-right: 30px;
background: #FFFFFF;
border-radius: 5px;
font-size: 17px;
font-weight: 700;
padding: 17px 22px;
display: inline-block;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
-webkit-transition: all .5s ease;
transition: all 0.5s ease;
}
.dashboard-nav a.active, .dashboard-nav a.active:hover {
color: #3488ff;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.20);
transform: translateY(0px);
}
.dashboard-nav a:hover {
color: #3488ff;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.20);
transform: translateY(-5px);
}
#my-votes-tab {
display: none;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-dropdown {
animation-duration: 0.2s;
animation-fill-mode: both;
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(5.215, 1, 2, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: 0.25s;
animation-name: bounceIn;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.load-more-wrapper {
float: left;
width: 100%;
margin: 40px 0px;
text-align: center;
}
.load-more-wrapper .loading-icon {
height: 32px;
width: 32px;
margin-left: auto;
margin-right: auto;
margin-bottom: 19px;
display: none;
background-image: url('../img/loading-icon.svg');
background-repeat: no-repeat;
-webkit-animation: rotating 0.7s linear infinite;
-moz-animation: rotating 0.7s linear infinite;
-ms-animation: rotating 0.7s linear infinite;
-o-animation: rotating 0.7s linear infinite;
animation: rotating 0.7s linear infinite;
background-position: center;
}
.load-complete {
font-size: 15px;
color: #7e8b8d;
font-weight: 500;
padding: 20px 0px 0px 0px;
display: none;
}
.load-more-wrapper a.load-more {
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.20);
border-radius: 5px;
font-size: 17px;
color: #4c4c4c;
font-weight: 700;
padding: 17px 22px;
display: inline-block;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
-webkit-transition: all .5s ease;
transition: all 0.5s ease;
}
.load-more-wrapper a.load-more:hover {
color: #3488ff;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.20);
transform: translateY(-5px);
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Members nav */
.nav-links.members a.avatar-nav-icon {
float: left;
margin: 2px 0px 0px 10px;
background-image: url('../img/icon-chevron-down.svg');
background-repeat: no-repeat;
background-position: top 16px right 7px;
background-size: 14px;
padding: 0px 40px 6px 0px;
}
.nav-links.members a.avatar-nav-icon img {
float: left;
width: 40px;
border-radius: 50px;
}
.nav-links.members .members-nav-menu {
float: left;
position: relative;
}
.nav-links.members .members-nav-menu .members-nav-dropdown {
position: absolute;
right: -5px;
top: 57px;
width: 220px;
background-color: #000;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 15px 0px 0px 0px;
overflow: hidden;
border-radius: 5px;
z-index: 5000;
display: none;
}
.dropdown-menu {
position: absolute;
right: 25px;
top: 70px;
width: 240px;
background-color: #000;
background: #FFFFFF;
box-shadow: 0 4px 21px 0 rgba(49, 49, 49, 0.2);
padding: 15px 0px 0px 0px;
overflow: hidden;
border-radius: 5px;
z-index: 5000;
}
.nav-links-wrapper {
float: left;
width: 100%;
padding: 15px 0px 15px 0px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header {
float: left;
width: 100%;
padding: 12px 27px 0px 27px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner {
float: left;
width: 100%;
border-bottom: solid 1px #F2F2F2;
padding-bottom: 20px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner p.name {
font-size: 15px;
color: #3B4058;
font-weight: 500;
float: left;
width: 100%;
margin-bottom: 8px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner p.sub-title {
font-size: 15px;
color: #A3A7B5;
float: left;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 18px;
}
.sml-pro-badge {
float: left;
right: -14px;
top: -14px;
background-color: #FFE4D9;
padding: 4px 12px;
border-radius: 30px;
font-weight: 800;
font-size: 11px;
line-height: 14px;
text-align: center;
letter-spacing: -0.3465px;
text-transform: uppercase;
color: #ff7f4c;
}
.sml-pro-badge.pink {
color: #ff6e97;
background-color: #ffe3eb;
}
.nav-links.members .members-nav-menu .members-nav-dropdown .dropdown-menu-header .inner .sml-pro-badge {
margin-top: 10px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown a {
font-size: 14.5px;
color: #585D75;
float: left;
padding: 10px 27px;
font-weight: 500;
width: 100%;
margin-right: 0px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown a:hover {
color: #4199FF;
}
.nav-links.members .members-nav-menu .members-nav-dropdown a.logout-link {
background-color: #F9F9F9;
padding: 22px 27px;
color: #FF5252;
margin-top: 0px;
border-top: solid 1px #F2F2F2;
border-radius: 0px;
}
.nav-links.members .members-nav-menu .members-nav-dropdown a.logout-link:hover {
color: #b73333;
}
.nav-links.members a.dashboard-button {
color: #4099ff;
}
.nav-links.members a.dashboard-button:hover {
color: #3686e2;
}
.nav-overlay {
position: fixed;
background-color: transparent;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
z-index: 50;
display: none;
}
/* Header button */
.form-wrapper header.form-header a.header-action-button {
float: left;
padding: 22px 30px;
background-color: #41db7b;
font-size: 22px;
color: #FFF;
font-weight: 600;
border-radius: 5px;
margin-top: 22px;
}
.form-wrapper header.form-header a.header-action-button:hover {
background-color: #3bbd6c;
}
/* Delete account */
.form-wrapper header.form-header a.delete-button, .form-wrapper header.form-header button.delete-button {
float: left;
padding: 22px 30px;
background-color: #FF5252;
font-size: 22px;
color: #FFF;
font-weight: 600;
border-radius: 5px;
margin-top: 22px;
border: none;
outline: none;
cursor: pointer;
}
.form-wrapper header.form-header a.delete-button:hover, .form-wrapper header.form-header button.delete-button:hover {
background-color: #ea4646;
}
/* Copy page */
.copy-page {
float: left;
width: 100%;
padding: 180px 0px 20px 0px;
}
.copy-page .copy-heading.about-page {
padding-bottom: 0px;
}
.copy-page .copy-heading {
float: left;
width: 100%;
padding: 0px 0px 120px 0px;
}
.copy-page .copy-heading h1 {
font-size: 52px;
color: #414141;
float: left;
width: 100%;
padding-bottom: 30px;
}
/* Copy Page */
.copy-page {
float: left;
width: 100%;
padding: 0px 0px 20px 0px;
}
.copy-heading {
float: left;
width: 100%;
padding: 0px 0px 120px 0px;
}
.copy-heading h1 {
font-size: 52px;
color: #414141;
float: left;
width: 100%;
padding-bottom: 30px;
}
.copy-heading p {
font-size: 24px;
color: #898989;
float: left;
width: 100%;
padding-bottom: 30px;
line-height: 34px;
}
.copy-block {
float: left;
width: 100%;
padding: 0px 0px 100px 0px;
}
.copy-block h2 {
font-size: 38px;
color: #414141;
float: left;
width: 100%;
padding-bottom: 15px;
}
.copy-block p {
font-size: 24px;
color: #898989;
float: left;
width: 100%;
padding-bottom: 15px;
line-height: 34px;
}
.copy-block p strong {
color: #333;
margin-top: 50px;
float: left;
width: 100%;
font-size: 18px;
text-transform: uppercase;
}
.copy-block ul {
float: left;
width: 100%;
padding-left: 30px;
margin-bottom: 50px;
}
.copy-block ul li {
font-size: 24px;
color: #898989;
float: left;
width: 100%;
padding-top: 15px;
line-height: 34px;
}
.copy-block.about-copy-block {
padding-bottom: 0px;
}
/* About Page */
.about-page-wrapper {
float: left;
width: 100%;
background-color: #FFF;
}
.about-header {
float: left;
width: 100%;
text-align: center;
position: relative;
padding-bottom: 180px;
overflow: hidden;
}
.about-header .about-header-inner {
padding: 100px 0px 0px 0px;
float: left;
width: 100%;
z-index: 5;
position: relative;
}
.about-header-background-fixed {
width: 100%;
float: left;
background-color: #F9F7FF;
height: 840px;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
}
.about-header .about-header-copy {
float: left;
width: 100%;
z-index: 5;
position: relative;
}
.about-header .about-images-wrapper {
float: left;
width: 100%;
z-index: 5;
position: relative;
}
.about-header:after {
background-image: url("../img/home-shape-4.svg");
background-repeat: no-repeat;
background-size: 790px;
position: absolute;
width: 790px;
height: 790px;
top: 190px;
right: -50px;
z-index: 1;
content: "";
}
.about-header .about-header-copy {
float: left;
width: 100%;
z-index: 5;
position: relative;
padding: 0px 0px 80px 0px;
}
.about-header .about-header-copy p.about-header-small {
font-size: 21px;
font-weight: 700;
color: #9F96B9;
letter-spacing: -0.35px;
text-align: center;
margin-bottom: 15px;
}
.about-header .about-header-copy h1 {
font-size: 60px;
line-height: 70px;
color: #232B35;
text-align: center;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.about-header .about-images-wrapper img {
background: #FFFFFF;
box-shadow: 0 20px 24px 10px rgba(138,138,138,0.22);
border-radius: 6px;
}
.about-header .about-images-wrapper img.about-header-image-one {
float: left;
max-width: 930px;
width: 91%;
}
.about-header .about-images-wrapper img.about-header-image-two {
float: right;
max-width: 485px;
width: 48%;
margin-top: -47%;
}
.about-body-content {
float: left;
width: 100%;
padding-bottom: 100px;
}
.about-counts {
float: left;
width: 100%;
padding-bottom: 180px;
}
.about-counts .about-count {
float: left;
margin-right: 92px;
}
.about-counts .about-count:last-child {
margin-right: 0px;
}
.about-counts .about-count p.about-count-title {
font-size: 18px;
font-weight: 700;
color: #A6A6A6;
letter-spacing: -0.3px;
}
.about-counts .about-count p.about-count-number {
font-size: 85px;
font-weight: 700;
color: #222831;
padding: 20px 0px;
}
.about-counts .about-count p.about-count-subtitle {
font-size: 18px;
font-weight: 600;
color: #FFA771;
letter-spacing: -0.3px;
}
.about-copy-block {
float: left;
width: 100%;
margin-bottom: 150px;
}
.about-copy-block:last-child {
margin-bottom: 50px;
}
.about-copy-block p.small-purple-title {
font-size: 18px;
color: #AB94EF;
letter-spacing: -0.3px;
font-weight: 700;
float: left;
width: 100%;
padding-bottom: 10px;
}
.about-copy-block h2 {
width: 100%;
float: left;
font-size: 35px;
color: #343434;
line-height: 38px;
padding-bottom: 15px;
}
.about-copy-block p {
float: left;
width: 100%;
font-size: 20px;
color: #B1B1B1;
line-height: 32px;
}
.about-copy-block p a {
color: #737373;
font-weight: 500;
}
.about-copy-block p a:hover {
color: #4099ff;
}
.about-copy-block ul {
float: left;
width: 100%;
list-style: none;
}
.about-copy-block ul li {
float: left;
width: 100%;
background-image: url("../img/icon-about-commit.svg");
background-position: 0px 15px;
background-repeat: no-repeat;
font-size: 20px;
color: #B1B1B1;
padding: 10px 20px 10px 45px;
margin-bottom: 10px;
}
/* Form notices */
.notice-results-wrapper {
position: relative;
float: left;
width: 100%;
}
.notice-results-wrapper .notice {
position: absolute;
z-index: 9;
}
.notice {
background-color: #ccc;
padding: 25px 30px 24px 30px;
font-size: 15.5px;
color: #333;
line-height: 21px;
font-weight: 500;
float: left;
text-align: center;
width: 100%;
}
.notice a {
font-size: 16px;
font-weight: 500;
}
.notice.info {
background-color: #fffdcf;
color: #767448;
}
.notice.closed {
background-color: #e6f6ff;
color: #4e7088;
}
.notice.error {
background-color: #ff5d5d;
color: #ffffff;
}
.notice.error a {
color: #770e0e;
}
.notice.error a:hover {
color: #c51a1a;
}
.notice.top-placement.error a:hover {
color: #c51a1a;
}
.notice.info a {
color: #484628;
}
.notice.info a:hover {
color: #151408;
}
/* Modal */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgba(117,120,137,0.30);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
left: 50%;
top: 140px;
margin-left: -275px;
width: 550px;
background: #FFF;
position: absolute;
z-index: 101;
padding: 0px;
border-radius:8px
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal.default-modal {
width: 540px;
margin-left: -270px;
}
.reveal-modal.default-modal .default-modal-body {
float: left;
width: 100%;
padding: 50px;
}
.reveal-modal.default-modal .default-modal-body .default-modal-header {
float: left;
width: 100%;
margin-bottom: 20px;
}
.reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-title {
float: left;
width: 100%;
font-weight: bold;
font-size: 34px;
line-height: 41px;
letter-spacing: -0.561px;
color: #333333;
margin-bottom: 5px;
}
.reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-subtitle {
float: left;
width: 100%;
font-weight: 500;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.2805px;
color: #B1B1B1;
}
/* copy url modal */
.copy-url-body {
float: left;
width: 100%;
margin-top: 10px;
}
.copy-url-input-group {
float: left;
width: 100%;
position: relative;
margin-bottom: 25px;
}
.copy-url-input-group label {
float: left;
font-weight: 600;
font-size: 12px;
line-height: 15px;
letter-spacing: -0.2475px;
color: #B1B1B1;
}
.copy-url-input-group input[type="text"] {
float: left;
width: 100%;
background-color: #F8F8F8;
font-size: 13.5px;
line-height: 24px;
color: #555;
font-weight: 600;
padding: 14px 18px;
border: none;
outline: none;
border-radius: 5px;
font-family: 'Inter', sans-serif;
margin-top: 8px;
}
.copy-url-input-group a.modal-copy-url-link {
position: absolute;
right: 14px;
top: 37px;
background-color: #009AFF;
color: #fff;
font-size: 12px;
font-weight: 600;
padding: 7px 9px;
border-radius: 5px;
}
.copy-url-input-group a.modal-copy-url-link:hover {
background-color: #357dd0;
color: #fff;
}
.copy-url-input-group a.modal-copy-url-link.active-copy {
background-color: #FF9E72;
color: #fff;
}
.copy-url-input-group:last-child {
margin-bottom: 0px;
}
/* qr code modal */
.qr-code-body {
float: left;
width: 100%;
}
.qr-code-body-inner {
float: left;
width: 100%;
background-color: #F5F5F5;
border-radius: 6px;
padding: 35px 0px 25px 0px;
}
.vote-page-qr-code {
width: 200px;
margin-left: auto;
margin-right: auto;
}
.qr-code-square {
background-color: #FFF;
padding: 10px;
border-radius: 6px;
}
.vote-page-qr-code-column {
display: none;
}
.qr-code-body p.qr-code-type-title {
float: left;
width: 100%;
padding: 15px 0px 0px 0px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-align: center;
letter-spacing: -0.2805px;
color: #898989;
}
.results-page-qr-code-wrapper, .vote-page-qr-code-wrapper {
width: 180px;
margin-left: auto;
margin-right: auto;
}
.vote-page-qr-code-wrapper.hidden {
display: none;
}
.results-page-qr-code-wrapper.hidden {
display: none;
}
.qr-code-body .default-modal-buttons {
float: left;
width: 100%;
padding: 30px 0px 0px 0px;
}
.default-modal-buttons a {
float: left;
width: 100%;
margin-bottom: 15px;
background-color: #fff;
padding: 20px 10px;
font-weight: 600;
font-size: 15px;
line-height: 18px;
text-align: center;
letter-spacing: -0.264px;
color: #495F79;
border-radius: 6px;
}
.default-modal-buttons a.blue-button {
background-color: #009AFF;
color: #FFF;
}
.default-modal-buttons a.grey-button {
background-color: #F9F9F9;
}
.default-modal-buttons a.hidden {
display: none;
}
.default-modal-buttons a.no-margin {
margin: 0px !important;
}
.reveal-modal.new-poll, .reveal-modal.what-is-fastpoll {
width: 500px;
margin-left: -250px;
}
.reveal-modal .close-reveal-modal {
position: absolute;
height: 16px;
width: 16px;
top: 15px;
right: 15px;
cursor: pointer;
background-image: url('../img/icon-close-modal.svg');
background-repeat: no-repeat;
background-position: center;
opacity: 0.6;
background-size: 100%;
}
.reveal-modal .close-reveal-modal:hover {
opacity: 1;
}
.delete-modal-copy, .report-modal-copy {
float: left;
width: 100%;
padding: 45px;
}
.tour-slider .basic-modal-modal-wrapper {
position: relative;
}
.tour-slider ul.slick-dots {
text-align: center;
width: 100%;
float: left;
margin: 0px 0px 60px 0px;
padding: 0px;
list-style: none;
}
.tour-slider ul.slick-dots li {
display: inline-block;
margin: 0px 5px;
padding: 0px;
list-style: none;
}
.tour-slider ul.slick-dots li button {
height: 10px;
width: 20px;
background-color: #D8D8D8;
overflow: hidden;
text-indent: -60px;
border: none;
outline: none;
border-radius: 25px;
-webkit-transition: width .5s ease;
transition: width 0.2s ease;
cursor: pointer;
}
.tour-slider ul.slick-dots li.slick-active button {
background-color: #4199FF;
width: 30px;
}
.reveal-modal.basic-modal.align-center {
text-align: center;
}
.tour-slider .sub-icon.tour-icon {
text-align: center;
}
.tour-slider .sub-icon.tour-icon img {
height: 122px;
width: auto;
display: inline-block;
}
.reveal-modal.basic-modal.dashboard-offset.dashboard-sub-modal .tour-slider .basic-modal-subtitle p a {
color: #777;
font-weight: 600;
}
.reveal-modal.basic-modal.dashboard-offset.dashboard-sub-modal.align-center .sub-icon {
float: none;
margin-left: auto;
margin-right: auto;
}
.basic-modal-modal-wrapper {
float: left;
width: 100%;
padding: 50px;
}
.basic-modal-modal-wrapper p.basic-modal-title {
float: left;
width: 100%;
font-size: 28px;
font-weight: 700;
line-height: 38px;
padding: 0px 0px 10px 0px;
}
.basic-modal-modal-wrapper .basic-modal-subtitle {
float: left;
width: 100%;
}
.basic-modal-modal-wrapper .basic-modal-subtitle p {
float: left;
width: 100%;
font-size: 17px;
line-height: 23px;
color: #B1B1B1;
margin-bottom: 20px;
}
.basic-modal-modal-wrapper .basic-modal-subtitle p:last-child {
margin-bottom: 0px;
}
.basic-modal-modal-wrapper a.modal-action-button, .basic-modal-modal-wrapper button.modal-action-button {
float: left;
padding: 22px 34px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 22px;
border-radius: 5px;
font-weight: 600;
width: auto;
text-align: center;
position: relative;
right: 0px;
background-image: none;
opacity: 1;
height: auto;
top: 0px;
margin-top: 20px;
cursor: pointer;
}
.basic-modal-modal-wrapper a.modal-action-button:hover, .basic-modal-modal-wrapper button.modal-action-button:hover {
background-color: #3bbd6c;
}
.reveal-modal.new-poll .new-poll-modal, .reveal-modal .what-is-fastpoll-modal {
float: left;
width: 100%;
padding: 70px 50px 50px 50px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-icon, .what-is-fastpoll-modal .fast-poll-icon {
float: left;
width: 70px;
height: 70px;
background-image: url('../img/icon-checkbox-active.svg');
background-size: 70px;
background-position: center;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-title {
float: left;
width: 100%;
font-size: 36px;
font-weight: 700;
line-height: 48px;
padding: 30px 30px 12px 0px;
}
.what-is-fastpoll-modal p.what-is-fastpoll-title {
float: left;
width: 100%;
font-size: 28px;
font-weight: 700;
line-height: 38px;
padding: 30px 30px 12px 0px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-subtitle {
float: left;
width: 100%;
font-size: 17px;
line-height: 23px;
color: #B1B1B1;
}
.what-is-fastpoll-modal .what-is-fastpoll-subtitle {
float: left;
width: 100%;
margin-bottom: 20px;
}
.what-is-fastpoll-modal .what-is-fastpoll-subtitle p {
float: left;
width: 100%;
font-size: 17px;
line-height: 23px;
color: #B1B1B1;
margin-bottom: 15px;
}
.reveal-modal.new-poll .new-poll-modal .new-poll-url {
float: left;
width: 100%;
padding: 30px 0px;
}
.reveal-modal.new-poll .new-poll-modal .new-poll-url input {
background-color: #F5F5F5;
outline: none;
border: none;
padding: 18px;
font-size: 15px;
color: #666;
font-weight: 600;
width: 310px;
text-align: left;
border-radius: 5px 0px 0px 5px;
height: 52px;
float: left;
}
a.copy-poll-url {
height: 52px;
background-color: #4199FF;
float: left;
width: 90px;
text-align: center;
font-size: 17px;
padding: 17px 0px 10px 0px;
color: #FFF;
font-weight: 600;
border-radius: 0px 5px 5px 0px;
}
a.copy-poll-url:hover {
background-color: #3c82d4;
}
.reveal-modal.new-poll .new-poll-modal a.modal-action-button, .reveal-modal .what-is-fastpoll-modal a.modal-action-button {
float: left;
padding: 22px 34px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 22px;
border-radius: 5px;
font-weight: 600;
width: 100%;
text-align: center;
position: relative;
right: 0px;
background-image: none;
opacity: 1;
height: auto;
top: 0px;
}
.reveal-modal.new-poll .new-poll-modal a.modal-action-button:hover, .reveal-modal .what-is-fastpoll-modal a.modal-action-button:hover {
background-color: #3bbd6c;
}
.reveal-modal.delete p.delete-title, .reveal-modal.report p.report-title {
float: left;
width: 100%;
font-size: 28px;
color: #333333;
font-weight: 700;
padding: 0px;
line-height: 36px;
}
.reveal-modal.delete p.delete-subtitle, .reveal-modal.report p.report-subtitle {
float: left;
width: 100%;
font-size: 16.5px;
color: #B1B1B1;
padding: 10px 0px 25px 0px;
line-height: 26px;
}
.reveal-modal.delete p.delete-subtitle.p-b-sml, .reveal-modal.report p.report-subtitle.p-b-sml {
padding: 10px 0px 5px 0px;
}
.reveal-modal.delete p.delete-subtitle.warning-copy, .reveal-modal.report p.report-subtitle.p-b-sml.warning-copy {
color: #ff5c5c;
font-weight: 600;
}
.poll-status-info-block {
float: left;
width: 100%;
margin-bottom: 40px;
}
.poll-status-info-block p.icon {
float: left;
width: 100%;
height: 30px;
}
.poll-status-info-block p.title {
float: left;
width: 100%;
font-size: 18px;
font-weight: 700;
margin: 10px 0px;
}
.poll-status-info-block p.copy {
float: left;
width: 100%;
font-size: 16px;
line-height: 22px;
}
.poll-status-info-block.green {
margin-bottom: 0px;
}
.poll-status-info-block.blue p.icon {
background-image: url('../img/icon-blue-lock.svg');
background-repeat: no-repeat;
background-position: left center;
}
.poll-status-info-block.blue p.title {
color: #009AFF;
}
.poll-status-info-block.blue p.copy {
color: #80B1E0;
}
.poll-status-info-block.green p.icon {
background-image: url('../img/icon-green-eye.svg');
background-repeat: no-repeat;
background-position: left center;
}
.poll-status-info-block.green p.title {
color: #00DE74;
}
.poll-status-info-block.green p.copy {
color: #63DB9D;
}
.reveal-modal.delete button.delete-account-button, .reveal-modal.report button.report-button, .reveal-modal a.delete-team-invite-button, .reveal-modal a.delete-poll-button, .default-modal-body button.report-button {
background-color: #FF394A;
float: left;
padding: 20px 26px;
border: none;
outline: none;
border-radius: 5px;
cursor: pointer;
font-weight: 600;
font-size: 19px;
line-height: 23px;
text-align: center;
letter-spacing: -0.264px;
color: #FFFFFF;
}
.reveal-modal.delete button.delete-account-button:hover, .reveal-modal.report button.report-button:hover, .reveal-modal a.delete-team-invite-button:hover, .reveal-modal a.delete-poll-button:hover, .default-modal-body button.report-button:hover {
background-color: #e04545;
}
.reveal-modal.embed {
width: 780px;
margin-left: -390px;
}
.qr-lrg-preview .reveal-modal.qr-code-square img {
width: auto;
height: auto;
max-height: 65vh;
max-width: 100%;
}
.qr-lrg-preview .reveal-modal .left-column {
float: left;
width: 100%;
text-align: center;
padding: 22px 0px 0px 0px;
}
.qr-lrg-preview .reveal-modal .default-modal-body {
float: left;
width: 100%;
padding: 45px;
position: fixed;
left: 0px;
width: 100%;
height: 100%;
background-color: #FFF;
top: 0px;
}
.qr-lrg-preview .reveal-modal.default-modal .default-modal-body .default-modal-header {
display: none;
}
.qr-lrg-preview .reveal-modal .default-modal-buttons a.blue-button {
position: fixed;
right: 20px;
bottom: 20px;
width: auto;
}
.qr-lrg-preview .default-modal-buttons a.grey-button {
position: fixed;
left: 20px;
bottom: 20px;
width: auto;
}
.qr-lrg-preview .qr-code-body-inner {
float: left;
width: 100%;
background-color: #FFF;
border-radius: 6px;
padding: 0px;
}
.qr-lrg-preview .results-page-qr-code-wrapper, .qr-lrg-preview .vote-page-qr-code-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.qr-lrg-preview .qr-code-square {
text-align: center;
}
.qr-lrg-preview .qr-code-square img {
width: auto;
height: auto;
max-height: 65vh;
max-width: 100%;
}
.qr-lrg-preview .default-modal-buttons a {
float: left;
width: 100%;
margin-bottom: 0px;
padding: 15px;
}
.qr-lrg-preview .reveal-modal .close-reveal-modal {
position: fixed;
}
body.qr-lrg-preview {
overflow: hidden;
}
.reveal-modal.embed .embed-modal-title {
float: left;
width: 100%;
font-size: 34px;
color: #333333;
font-weight: 700;
padding: 0px;
line-height: 40px;
}
.reveal-modal.embed .embed-tabs {
float: left;
width: 100%;
}
.reveal-modal.embed .embed-tabs .embed-tabs-buttons {
float: left;
width: 100%;
margin-bottom: 20px;
}
.reveal-modal.embed .embed-tabs .embed-tabs-buttons a {
float: left;
background-color: #F8F8F8;
padding: 17px 20px;
color: #82869B;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
margin-right: 20px;
transition: background 0s ease, opacity 0.5s ease;
}
.reveal-modal.embed .embed-tabs .embed-tabs-buttons a:hover {
opacity: 0.7;
}
.reveal-modal.embed .embed-tabs .embed-tabs-buttons a.active, .reveal-modal.embed .embed-tabs .embed-tabs-buttons a.active:hover {
background-color: #4199FF;
color: #FFF;
opacity: 1;
}
.reveal-modal.embed .embed-tabs .embed-tab {
float: left;
width: 100%;
display: none;
position: relative;
}
.reveal-modal.embed .embed-tabs .embed-tab.active {
display: block;
}
.reveal-modal.embed .embed-tabs .embed-tab textarea {
background-color: #F8F8F8;
width: 100%;
float: left;
border: none;
padding: 22px 20px 20px 20px;
border-radius: 5px;
font-size: 13px;
font-weight: 500;
outline: none;
height: 95px;
resize: none;
-webkit-appearance: none;
font-family: monospace;
}
.reveal-modal.embed .embed-tabs .embed-tab a.copy-embed-button {
font-size: 12px;
font-weight: 600;
background-color: #FFF;
border: solid 1px #EBEBEB;
color: #81869B;
padding: 7px;
border-radius: 5px;
position: absolute;
right: 10px;
bottom: 10px;
}
.reveal-modal.embed .embed-tabs .embed-tab a.copy-embed-button:hover, .reveal-modal.embed .embed-tabs .embed-tab a.copy-embed-button.active {
background-color: #ffffff;
color: #4199ff;
}
/* session and login modals */
.reveal-modal.login-share-modal {
width: 940px;
margin-left: -470px;
}
.reveal-modal.login-share-modal .login-modal-wrapper {
width: 490px;
padding: 75px 60px 0px 60px;
}
.reveal-modal.login-share-modal .login-modal-wrapper a.modal-reset-link {
margin-top: 18px;
margin-left: 22px;
}
.reveal-modal .form-wrapper form .input-group input {
padding: 18px 20px 16px 20px;
font-size: 17px;
background-color: #F4F4F4;
box-shadow: none;
}
.reveal-modal .form-wrapper form .input-group input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 40px #F4F4F4 inset !important;
border-color: #F4F4F4 !important;
}
.reveal-modal .form-wrapper form .input-group input:-webkit-autofill:focus,
.reveal-modal .form-wrapper form .input-group input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 40px #F4F4F4 inset, 0 0 10px 0 rgba(65,153,255,0.45) !important;
border-color: #4199FF !important;
}
.reveal-modal.login-modal {
width: 500px;
margin-left: -250px;
left: 50%;
}
.login-modal-wrapper {
float: left;
width: 100%;
padding: 55px 55px 25px 55px;
}
.login-icon {
float: left;
width: 58px;
height: 58px;
margin-bottom: 20px;
background-image: url('../img/fast-poll-icon.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 56px;
}
.modal-header {
float: left;
width: 100%;
margin-bottom: 30px;
}
.modal-header p {
float: left;
width: 100%;
}
.modal-header p.heading {
margin-bottom: 10px;
font-size: 38px;
color: #333333;
line-height: 45px;
font-weight: 700;
}
.modal-header p.subtitle {
font-size: 17px;
color: #B1B1B1;
letter-spacing: -0.28px;
font-weight: 500;
line-height: 22px;
}
.modal-header p.subtitle {
font-size: 17px;
color: #B1B1B1;
letter-spacing: -0.28px;
font-weight: 500;
}
.login-modal-wrapper .form-wrapper form .input-group button {
padding: 16px 32px 17px 32px;
font-size: 19px;
font-weight: 600;
}
.login-modal-wrapper a.modal-reset-link {
float: right;
font-size: 15px;
color: #C1C1C1;
letter-spacing: -0.25px;
text-align: right;
margin-top: 14px;
font-weight: 500;
}
.login-modal-wrapper a.modal-reset-link:hover {
color: #848484;
}
.login-modal-wrapper .form-wrapper form .input-group {
margin-bottom: 25px;
}
a.modal-footer-link {
float: left;
width: 100%;
background-color: #f9f9f9;
text-align: center;
border-radius: 0px 0px 8px 8px;
padding: 28px;
color: #808080;
font-weight: 500;
font-size: 16px;
}
.modal-footer-link span {
color: #4099FF;
font-weight: 700;
}
a.modal-footer-link:hover {
background-color: #ebf7ff;
color: #6b8d9e;
}
.share-modal-colour {
float: left;
width: 450px;
height: 500px;
border-radius: 8px 0px 0px 8px;
background-color: #E8F3FF;
}
.share-modal-colour .share-modal-colour-inner {
float: left;
width: 100%;
padding: 60px 50px;
}
.share-modal-colour .share-modal-colour-inner p.new-poll-title {
font-size: 34px;
color: #241E3B;
letter-spacing: -0.56px;
line-height: 45px;
font-weight: 700;
float: left;
width: 100%;
margin-top: 20px;
}
.share-modal-colour .share-modal-colour-inner p.new-poll-subtitle {
font-size: 17px;
color: #79718D;
letter-spacing: -0.16px;
font-weight: 500;
float: left;
width: 100%;
padding: 18px 0px 30px 0px;
}
.share-modal-colour p.new-poll-icon {
float: left;
width: 50px;
height: 50px;
background-image: url('../img/icon-checkbox-active.svg');
background-size: 50px;
background-position: center;
}
.share-modal-colour .share-modal-colour-inner .new-poll-url {
float: left;
width: 100%;
}
.share-modal-colour .share-modal-colour-inner .new-poll-url input[type="text"] {
background-color: #ffffff;
outline: none;
border: none;
padding: 18px;
font-size: 15px;
color: #666;
font-weight: 600;
width: 310px;
text-align: left;
border-radius: 5px;
height: 52px;
float: left;
}
.share-modal-colour .share-modal-colour-inner .new-poll-url a.copy-poll-url {
height: 46px;
background-color: #808CE3;
float: left;
width: 90px;
text-align: center;
font-size: 17px;
padding: 15px 0px 10px 0px;
color: #FFF;
font-weight: 600;
border-radius: 5px;
margin-top: 16px;
}
.share-modal-colour .share-modal-colour-inner .new-poll-url a.copy-poll-url:hover {
background-color: #6974b9;
}
.reveal-modal.new-poll {
width: 500px;
margin-left: -250px;
left: 50%;
}
.disabled-form {
opacity: 0.5;
}
.reveal-modal.login-share-modal .form-wrapper form .input-group label.error {
font-size: 13px;
margin-top: 11px;
margin-bottom: 0px;
}
/* cookie notice */
.gdpr-cookie-message-wrapper {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(52, 136, 255, 0.13);
z-index: 500;
}
div#gdpr-cookie-message {
position: absolute;
right: 0px;
bottom: 50px;
width: 500px;
background-color: #ffffff;
border-radius: 5px;
padding: 40px;
box-shadow: 0 20px 24px 10px rgba(0,0,0,0.04);
z-index: 65500;
left: 50%;
margin-left: -250px;
}
div#gdpr-cookie-message h4 {
color: #212121;
font-size: 26px;
float: left;
width: 100%;
}
div#gdpr-cookie-message p {
font-size: 16px;
color: #8f9496;
float: left;
width: 100%;
padding-top: 10px;
line-height: 26px;
}
div#gdpr-cookie-message p a {
color: #616161;
font-weight: 600;
}
div#gdpr-cookie-message p a:hover {
color: #b9b9b9;
font-weight: 600;
}
button#gdpr-cookie-accept {
border-radius: 4px;
color: #FFF;
clear: both;
display: inline-block;
background-color: #3488ff;
-webkit-font-smoothing: antialiased;
font-family: 'Inter', sans-serif;
border: none;
outline: none;
margin-top: 11px;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 16px 20px;
}
button#gdpr-cookie-accept:hover {
background-color: #2c73d8;
}
/* Hamburger */
.hamburger {
float: right;
margin-right: 0px;
padding: 14px 0px 0px 0px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
-webkit-tap-highlight-color: transparent;
display: none;
}
.hamburger.is-active {
position: fixed;
right: 25px;
z-index: 5000;
}
.hamburger.is-active .hamburger-inner {
background-color: #333;
}
.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: #333;
}
.hamburger-box {
width: 30px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
width: 32px;
height: 2px;
background-color: #333;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
width: 32px;
height: 2px;
background-color: #333;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -9px;
}
.hamburger-inner::after {
bottom: -9px;
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobile-nav {
background-color: #FFF;
position: fixed;
left: 0px;
width: 100%;
top: 0px;
height: 100%;
bottom: 0px;
z-index: 500;
display: none;
}
.mobile-nav-inner {
height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 20px 40px;
}
.mobile-nav-inner .nav-links {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.mobile-nav-inner .nav-links a {
width: 100%;
padding: 20px 0px;
display: inline-block;
font-size: 18px;
font-weight: 500;
}
.mobile-nav-inner .nav-links .nav-divide {
width: 70px;
height: 4px;
background-color: #f7f7f7;
margin: 30px 0px;
}
.mobile-nav-avatar {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
}
.mobile-nav-avatar img {
border-radius: 60px;
}
.mobile-nav-inner {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/* Error */
main.home-page section.error-page {
float: left;
width: 100%;
padding: 0px;
background-image: url('../img/home-background-shape.svg');
background-repeat: no-repeat;
background-position: right -10% center;
background-size: contain;
margin-bottom: 50px;
margin-top: 90px;
}
section.error-page .error-message {
float: left;
width: 100%;
text-align: center;
height: 60vh;
}
section.error-page .error-message .inner-wrapper.x-sml {
position: relative;
top: 50%;
transform: translateY(-50%);
}
section.error-page .error-message h1 {
font-size: 70px;
color: #222222;
float: left;
width: 100%;
line-height: 80px;
margin-bottom: 35px;
text-align: center;
}
section.error-page .error-message p {
font-size: 18px;
float: left;
width: 100%;
margin-bottom: 40px;
line-height: 31px;
color: #828282;
font-weight: 400;
}
section.error-page .error-message a {
padding: 22px 30px;
background-color: #41db7b;
font-size: 22px;
color: #FFF;
font-weight: 600;
border-radius: 5px;
display: inline-block;
}
section.error-page .error-message a:hover {
background-color: #3bbd6c;
}
/* session pages */
main.session-page {
background-color: #F4F7FB;
overflow: hidden;
position: relative;
}
main.session-page .inner-wrapper:after {
background-image: url('../img/home-shape-2.svg');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 840px;
height: 840px;
top: 28px;
left: 55%;
z-index: 1;
content: "";
}
main.session-page .inner-wrapper .form-wrapper {
float: left;
width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
z-index: 50;
}
main.session-page .inner-wrapper.session-form {
width: 400px;
height: 70vh;
min-height: 580px;
max-height: 650px;
}
main.session-page .inner-wrapper.session-form.login {
min-height: 290px;
}
main.session-page .inner-wrapper.session-form.single-field {
min-height: 230px;
}
header.session-form-header {
float: left;
width: 100%;
padding-bottom: 30px;
}
header.session-form-header h1 {
float: left;
width: 100%;
font-size: 40px;
color: #333333;
letter-spacing: -0.66px;
}
header.session-form-header p {
float: left;
width: 100%;
font-size: 16px;
color: #A6A9AE;
font-weight: 500;
letter-spacing: -0.26px;
padding: 20px 0px 0px 0px;
}
.reset-response {
float: left;
width: 100%;
}
.reset-response h1 {
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 38px;
color: #333;
}
.reset-response p {
float: left;
width: 100%;
color: #B1B1B1;
font-size: 16px;
font-weight: 500;
padding-bottom: 30px;
}
.reset-response a.action-button {
padding: 18px 34px;
border: none;
color: #FFF;
background-color: #4199FF;
font-size: 21px;
border-radius: 5px;
font-weight: 600;
float: left;
text-align: center;
}
.reset-response a.action-button:hover {
background-color: #357dd0;
}
main.session-page .inner-wrapper.session-form.reset-response-wrapper {
height: 50vh;
min-height: 290px;
max-height: 400px;
}
/* Teams */
header.home-header .home-header-inner p.sub span.badge.blue {
background-color: #4199FF;
color: #FFF;
font-size: 9px;
color: #FFFFFF;
letter-spacing: -0.15px;
text-align: center;
padding: 0px 5px;
border-radius: 3px;
text-transform: uppercase;
transition: background 0.5s ease;
font-weight: 700;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.teams-header-fixed {
width: 100%;
float: left;
background-color: #ebeef3;
height: 870px;
position: absolute;
z-index: 1;
}
header.teams-header {
padding: 102px 0px 0px 0px;
}
body.team-colours nav .right .nav-links a {
color: #7F8997;
}
body.team-colours nav .right .nav-links a.team-login-link {
color: #5F5F5F;
margin-right: 20px;
}
body.team-colours nav .right .nav-links a.signup-button {
color: #FFF;
}
body.team-colours nav .right .nav-links a.team-login-link:hover {
color: #5F5F60;
}
header.teams-header .teams-header-inner h1 span.change {
position: relative;
display: inline-block;
}
header.teams-header .teams-header-inner h1 .change:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 7px;
background-color: #C5CCD4;
z-index: 1;
transform: rotate(178deg) skew(25deg);
border-radius: 20px;
}
.typelighted {
background: #dbdeea;
color: #fff;
}
body.team-colours nav .right .nav-links a:hover {
color: #5F5F5F;
}
body.team-colours nav .right .nav-links a.signup-button:hover {
color: #FFF;
}
body.team-colours header.teams-header .teams-header-inner p.sub {
font-size: 14px;
color: #748094;
line-height: 20px;
}
body.team-colours header.teams-header .teams-header-wrapper {
width: 1260px;
margin-left: auto;
margin-right: auto;
z-index: 50;
position: relative;
}
body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
float: left;
width: 100%;
padding: 100px 240px 0px 240px;
text-align: center;
position: relative;
z-index: 40;
}
body.team-colours header.teams-header .teams-header-wrapper h1 {
font-size: 64px;
line-height: 70px;
color: #222222;
}
body.team-colours header.teams-header.pro-page .teams-header-inner p.current-pro {
color: #cc5d33;
font-size: 16px;
font-weight: 600;
padding: 20px 40px;
background-color: #FFF;
border-radius: 57px;
display: inline-block;
margin: 20px 0px;
}
nav .mid a.create-poll-button {
background-color: #4AD97F;
color: #FFF;
padding: 16px 54px 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
background-image: url('../img/create-poll-icon.svg');
background-repeat: no-repeat;
background-position: top 12px right 16px;
transition: background-color 0.5s ease, color 0s ease;
}
nav .mid a.create-poll-button:hover {
background-color: #3bbd6c;
}
header.teams-header .teams-header-inner a.action-button {
background-color: #49d97f;
color: #FFF;
margin: 35px 0px;
display: inline-block;
padding: 22px 36px;
font-size: 22px;
color: #FFFFFF;
letter-spacing: -0.36px;
text-align: center;
font-weight: 600;
border-radius: 5px;
}
header.teams-header .teams-header-inner a.action-button:hover {
background-color: #3bbd6c;
}
header.teams-header .teams-header-browser-window {
float: left;
width: 100%;
margin-top: 40px;
position: relative;
}
header.teams-header .teams-header-browser-window:after {
background-image: url('../img/home-shape-4.svg');
background-repeat: no-repeat;
background-size: 840px;
position: absolute;
width: 840px;
height: 840px;
top: -90px;
right: -240px;
z-index: 1;
content: "";
}
header.teams-header .teams-header-browser-window img {
z-index: 10;
position: relative;
}
body.team-colours .home-fixed-nav .right a {
padding: 14px 16px;
display: inline-block;
font-weight: 600;
border-radius: 4px;
margin-right: 10px;
float: left;
font-size: 15px;
color: #7E8997;
letter-spacing: -0.26px;
}
body.team-colours .home-fixed-nav .right a.create-poll-button {
background-color: #4199FF;
background-image: none;
color: #FFF;
padding: 14px 16px;
display: inline-block;
font-size: 15px;
font-weight: 700;
border-radius: 4px;
float: left;
transition: background-color 0.5s ease, color 0s ease;
margin-left: 0px;
margin-right: 0px;
}
body.team-colours .home-fixed-nav {
background-color: #ebeef3;
box-shadow: none;
}
body.team-colours .home-fixed-nav .right a.create-poll-button:hover {
background-color: #357dd0;
color: #FFF;
}
body.team-colours .home-fixed-nav .right a:hover {
color: #333;
}
body.team-colours section.teams-home-cta {
background-color: #ebeef3;
padding: 110px 0px;
}
section.teams-home-cta h4 {
font-size: 52px;
color: #222222;
letter-spacing: -0.86px;
line-height: 64px;
float: left;
width: 100%;
}
section.teams-home-cta p {
font-size: 19px;
color: #B7B7B7;
letter-spacing: -0.31px;
line-height: 29px;
font-weight: 600;
padding: 12px 0px 20px 0px;
float: left;
width: 100%;
}
section.teams-home-cta a.action-button {
background-color: #4199FF;
color: #FFF;
padding: 22px 30px;
float: left;
border-radius: 5px;
font-size: 19px;
font-weight: 600;
}
section.teams-home-cta a.action-button:hover {
background-color: #357dd0;
}
main.home-page section.team-section-privacy .home-wrapper .browser-window:after {
background-image: url('../img/home-shape-4.svg');
background-repeat: no-repeat;
background-size: 840px;
position: absolute;
width: 840px;
height: 840px;
top: -170px;
right: -20%;
z-index: 1;
content: "";
}
section.home-icons.team-section-one {
padding-top: 150px;
margin-top: 0px;
}
.pricing-page {
float: left;
width: 100%;
padding-top: 102px;
position: relative;
background-color: #ffffff;
}
.pricing-page-head-pricing-wrapper {
position: relative;
z-index: 40;
float: left;
width: 100%;
}
.pricing-header-background {
float: left;
width: 100%;
position: absolute;
height: 615px;
background-color: #ebeef3;
z-index: 5;
overflow: hidden;
}
.pricing-header-background:after {
background-image: url("../img/home-shape-4.svg");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 840px;
height: 840px;
top: 130px;
left: 55%;
z-index: 1;
content: "";
}
.pricing-page .pricing-header {
float: left;
width: 100%;
padding: 120px 0px 90px 0px;
text-align: center;
}
.pricing-header header h1 {
font-size: 52px;
color: #232B35;
letter-spacing: -0.86px;
text-align: center;
float: left;
width: 100%;
}
.pricing-header header p {
font-size: 19px;
color: #738094;
letter-spacing: -0.31px;
text-align: center;
line-height: 29px;
font-weight: 500;
float: left;
width: 100%;
padding: 10px 0px 0px 0px;
}
.pricing-page .pricing-blocks {
float: left;
width: 100%;
}
.pricing-page .pricing-blocks .pricing-block-wrapper {
width: 310px;
float: left;
margin-right: 47px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block {
width: 100%;
background: #FFFFFF;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
border-radius: 8px;
float: left;
padding: 40px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper:last-child {
margin-right: 0px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block h2 {
font-size: 32px;
color: #333333;
letter-spacing: -0.53px;
line-height: 44px;
float: left;
width: 100%;
margin-bottom: 8px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block p.price {
float: left;
width: 100%;
font-size: 19px;
color: #94A0AD;
font-weight: 600;
letter-spacing: -0.31px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block ul {
float: left;
width: 100%;
list-style: none;
border-top: solid 1px #F4F4F4;
margin-top: 15px;
padding: 10px 0px 15px 0px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block ul li {
float: left;
width: 100%;
padding: 5px 0px;
font-size: 16px;
font-weight: 600;
color: #B1B1B1;
letter-spacing: -0.26px;
line-height: 20px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block a.pricing-action-button {
float: left;
width: 100%;
background-color: #49d97f;
padding: 18px;
text-align: center;
color: #FFF;
border-radius: 5px;
font-weight: 600;
font-size: 19px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block a.pricing-action-button:hover {
background-color: #3bbd6c;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme {
background-color: #131A24;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme h2 {
color: #FFF;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme p.price {
float: left;
width: 100%;
font-size: 19px;
color: #929DAE;
font-weight: 600;
letter-spacing: -0.31px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme ul {
border-color: #2B3441;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme ul li {
color: #A3AFC0;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme a.pricing-action-button {
background-color: #4199FF;
}
.pricing-page .pricing-blocks .pricing-block-wrapper .pricing-block.dark-theme a.pricing-action-button:hover {
background-color: #357dd0;
}
.pricing-page .pricing-blocks .pricing-block-wrapper p.more-seats-tag {
float: left;
width: 100%;
text-align: center;
font-size: 12px;
color: #ABAEB3;
padding: 18px 0px 5px 0px;
font-weight: 500;
}
.pricing-page .pricing-blocks .pricing-block-wrapper p.more-seats-tag a {
color: #494949;
}
.pricing-page .pricing-blocks .pricing-block-wrapper p.more-seats-tag a:hover {
color: #121a24;
}
.pricing-faq-wrapper {
float: left;
width: 100%;
padding: 100px 0px;
}
.pricing-faq-wrapper {
float: left;
width: 100%;
padding: 100px 0px 50px 0px;
}
.pricing-faq-wrapper header h3 {
float: left;
width: 100%;
padding: 20px 0px;
font-weight: 500;
font-size: 22px;
color: #959AA1;
letter-spacing: -0.36px;
line-height: 55px;
}
.pricing-faq-blocks {
float: left;
width: 100%;
}
.pricing-faq-blocks .pricing-faq-block {
width: 400px;
float: left;
margin-right: 160px;
margin-bottom: 100px;
}
.pricing-faq-blocks .pricing-faq-block:nth-child(2n) {
margin-right: 0px;
}
.pricing-faq-blocks .pricing-faq-block h4 {
font-size: 20px;
color: #333333;
line-height: 22px;
float: left;
width: 100%;
margin-bottom: 10px;
font-weight: 600;
}
.pricing-faq-blocks .pricing-faq-block p {
font-size: 16.5px;
color: #A4ABB5;
line-height: 24px;
font-weight: 500;
}
.overlay-loading {
width: 100%;
position: absolute;
width: 100%;
height: 100%;
min-height: 600px;
background-color: #fff;
border-radius: 7px;
z-index: 50;
display: none;
}
.pro-account-body-inner.loading-active {
position: relative;
padding: 0px;
}
.overlay-loading .loading-icon {
height: 38px;
width: 38px;
margin-left: auto;
margin-right: auto;
background-image: url('../img/loading-icon.svg');
background-size: 38px;
background-repeat: no-repeat;
-webkit-animation: rotating 0.7s linear infinite;
-moz-animation: rotating 0.7s linear infinite;
-ms-animation: rotating 0.7s linear infinite;
-o-animation: rotating 0.7s linear infinite;
animation: rotating 0.7s linear infinite;
background-position: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.pro-state-wrapper {
float: left;
width: 100%;
background-color: #F8F9F9;
position: absolute;
height: 100%;
left: 0px;
top: 0px;
}
.pro-state-wrapper .inner-container-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}
.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 490px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
background: #FFFFFF;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
border-radius: 8px;
padding: 80px;
}
.inline-message-wrapper .icon-wrapper {
width: 60px;
margin-left: auto;
margin-right: auto;
}
.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper h2 {
font-size: 28px;
color: #333333;
letter-spacing: -0.46px;
text-align: center;
line-height: 36px;
padding: 25px 0px 10px 0px;
}
.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper p {
font-size: 17px;
font-weight: 500;
color: #B1B1B1;
letter-spacing: -0.28px;
text-align: center;
line-height: 25px;
}
.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper a.action-button {
background-color: #4199FF;
color: #FFF;
padding: 19px 26px;
border-radius: 5px;
font-size: 19px;
font-weight: 600;
width: 100%;
text-align: center;
margin-top: 25px;
display: inline-block;
}
.pro-state-wrapper .inner-container-wrapper .inline-message-wrapper a.action-button:hover {
background-color: #357dd0;
}
body.team-colours section.teams-home-cta.pricing-cta {
margin-top: 0px;
background-color: #ebeef3;
}
.team-session-outer-wrapper {
float: left;
width: 100%;
padding-top: 102px;
position: relative;
background-color: #ebeef3;
z-index: 5;
}
.team-session-outer-wrapper:after {
background-image: url('../img/home-shape-4.svg');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 840px;
height: 840px;
top: 130px;
left: 55%;
z-index: 1;
content: "";
}
.team-session-form-header {
float: left;
width: 100%;
padding: 120px 0px 70px 0px;
text-align: center;
position: relative;
z-index: 50;
}
.team-session-form-header header h1 {
font-size: 52px;
color: #232B35;
letter-spacing: -0.86px;
text-align: center;
float: left;
width: 100%;
}
.team-session-form-header header p {
font-size: 19px;
color: #738094;
letter-spacing: -0.31px;
text-align: center;
line-height: 29px;
font-weight: 500;
float: left;
width: 100%;
padding: 10px 0px 0px 0px;
}
.team-session-outer-wrapper .team-session-form {
float: left;
width: 100%;
padding-bottom: 150px;
position: relative;
z-index: 50;
}
.team-session-outer-wrapper .team-session-form .team-session-form-wrapper, .session-form-wrapper {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.session-input-group {
float: left;
width: 100%;
margin-bottom: 25px;
}
.session-input-group.split-field-left {
width: 50%;
padding-right: 15px;
}
.session-input-group.split-field-right {
width: 50%;
padding-left: 15px;
}
.session-input-group h3 {
font-size: 16px;
color: #A6A9AE;
letter-spacing: -0.26px;
font-weight: 500;
}
.session-input-group input {
width: 100%;
float: left;
border: none;
padding: 18px 20px 17px 20px;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
background-color: #FFF;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px transparent;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
}
.session-input-group input:focus {
border: 2px solid #4199FF;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.29);
}
.session-input-group textarea {
width: 100%;
float: left;
border: none;
padding: 18px 20px 17px 20px;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
background-color: #FFF;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px transparent;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
max-height: 300px;
min-height: 150px;
}
.session-input-group textarea:focus {
border: 2px solid #4199FF;
box-shadow: 0 2px 4px 0 rgba(65,153,255,0.29);
}
.session-input-group select {
width: 100%;
float: left;
border: none;
padding: 18px 20px 17px 20px;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
background-color: #FFF;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px #FFF;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
-webkit-appearance: none;
background-image: url(../img/icon-chevron-down.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: right 20px top 24px;
}
.session-input-group select:focus {
border: solid 2px #4199FF;
color: #4199FF;
box-shadow: 0 0 10px 0 rgba(65,153,255,0.45);
background-image: url('../img/icon-chevron-down-active.svg');
}
.team-session-outer-wrapper .team-session-form .team-session-form-wrapper .session-input-group.mid-heading-spacing {
margin-bottom: 20px;
margin-top: 25px;
}
.session-input-group input::-webkit-input-placeholder {
color: #909190;
}
.session-input-group input::-moz-placeholder {
color: #909190;
}
.session-input-group [type="checkbox"]:checked,
.session-input-group [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.session-input-group [type="checkbox"]:checked + label,
.session-input-group [type="checkbox"]:not(:checked) + label
{
position: relative;
cursor: pointer;
display: inline-block;
font-size: 13px;
color: #939FAD;
font-weight: 500;
padding-left: 52px;
height: 20px;
padding: 5px 0px 0px 38px;
margin-top: 0px;
margin-bottom: 0px;
float: left;
}
.session-input-group [type="checkbox"]:checked + label:before,
.session-input-group [type="checkbox"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../img/icon-session-checkbox.svg');
}
.session-input-group [type="checkbox"]:checked + label:after,
.session-input-group [type="checkbox"]:not(:checked) + label:after {
content: '';
width: 27px;
height: 27px;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../img/icon-session-checkbox-checked.svg');
}
.session-input-group [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
}
.session-input-group [type="checkbox"]:checked + label:after {
opacity: 1;
}
.session-input-group label.terms-check a {
color: #52667E;
}
.session-input-group label.terms-check a:hover {
color: #0a0e19;
}
.session-input-group.field-error .username-response, .session-input-group.field-error .team-username-response {
display: none !important;
}
.session-input-group button {
padding: 18px 34px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 21px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
width: 100%;
float: left;
}
.session-input-group button:hover {
background-color: #3bbd6c;
}
.session-input-group label.error {
font-size: 13.5px;
color: #ff4040;
float: left;
clear: both;
margin-top: 15px;
font-weight: 600;
}
.session-input-group p.settings-username-response {
font-size: 13.5px;
color: #333;
float: left;
clear: both;
margin-top: 15px;
font-weight: 600;
}
.session-input-group p.settings-username-response.green {
color: #4AD97F;
}
.session-input-group p.settings-username-response.red {
color: #ff5d5d;
}
.session-input-group [type="radio"]:checked,
.session-input-group [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.session-input-group [type="radio"]:checked + label,
.session-input-group [type="radio"]:not(:checked) + label {
position: relative;
cursor: pointer;
display: inline-block;
padding-left: 52px;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
float: left;
border: none;
padding: 27px 30px 27px 80px;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
background-color: #11151B;
color: #FFF;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px #11151B;
}
.session-input-group [type="radio"]:checked + label{
background-color: #191D29;
border-color: #4199FF;
}
.session-input-group [type="radio"]:checked + label:before,
.session-input-group [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 22px;
top: 50%;
margin-top: -16px;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../img/icon-dark-radio-button.svg');
}
.session-input-group [type="radio"]:checked + label:after,
.session-input-group [type="radio"]:not(:checked) + label:after {
content: '';
width: 32px;
height: 32px;
position: absolute;
left: 22px;
top: 50%;
margin-top: -16px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background-repeat: no-repeat;
background-position: left center;
background-image: url('../img/icon-dark-radio-button-checked.svg');
}
.session-input-group [type="radio"]:not(:checked) + label:after {
opacity: 0;
}
.session-input-group [type="radio"]:checked + label:after {
opacity: 1;
}
.session-input-group [type="radio"] + label strong {
color: #FFF;
font-size: 22px;
font-weight: 700;
float: left;
width: 100%;
margin-bottom: 8px;
}
.session-input-group [type="radio"] + label p {
font-size: 14px;
font-weight: 600;
color: #657184;
letter-spacing: -0.23px;
}
.session-input-group p.payments-via-stripe {
float: left;
width: 100%;
text-align: center;
color: #707E92;
font-size: 13px;
font-weight: 500;
padding-top: 10px;
}
.session-input-group p.payments-via-stripe a {
color: #A3B3CC;
font-weight: 600;
}
.session-input-group p.payments-via-stripe a:hover {
color: #FFF;
}
body.join-team-body {
background-color: #ebeef3;
}
body.join-team-body main.home-page nav {
background-color: #ebeef3;
}
body.join-team-body .team-session-outer-wrapper.join-team-page {
background-image: none;
}
/* session start form */
.session-start-wrapper {
float: left;
width: 100%;
height: 100%;
position: absolute;
}
.session-start-wrapper .session-start-left-column {
float: left;
width: 32%;
position: absolute;
height: 100%;
background-color: #ccc;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url('../img/team-session-background.jpg');
}
.session-start-wrapper .session-start-left-column .session-start-logo-tag {
position: absolute;
bottom: 0px;
left: 0px;
padding: 40px;
}
.session-start-wrapper .session-start-left-column .session-start-logo-tag .logo {
float: left;
width: 160px;
margin-bottom: 15px;
}
.session-start-wrapper .session-start-left-column .session-start-logo-tag .tag {
float: left;
width: 100%;
font-size: 16px;
color: #B1B1B1;
letter-spacing: -0.28px;
}
.session-start-wrapper .session-start-right-column {
float: right;
width: 68%;
position: absolute;
right: 0px;
height: 100%;
background-color: #FFF;
}
.session-start-wrapper .session-start-right-column .top {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
padding: 30px;
z-index: 10;
}
.session-start-wrapper .session-start-right-column .top .home-link {
float: right;
}
.session-start-wrapper .session-start-right-column .top .home-link a {
font-size: 15px;
color: #6B7077;
letter-spacing: -0.25px;
text-align: right;
font-weight: 600;
transition: opacity 0.5s ease;
}
.session-start-wrapper .session-start-right-column .top .home-link a span {
color: #343941;
}
.session-start-wrapper .session-start-right-column .top .home-link a:hover {
opacity: 0.6;
}
.session-start-wrapper .session-start-right-column .footer {
position: absolute;
bottom: 0px;
width: 100%;
padding: 30px;
z-index: 10;
}
.session-start-wrapper .session-start-right-column .footer .copy-links {
float: right;
}
.session-start-wrapper .session-start-right-column .footer .copy-links p {
float: left;
margin-left: 15px;
font-size: 12px;
font-weight: 500;
color: #B5B5B5;
letter-spacing: -0.2px;
text-align: right;
}
.session-start-wrapper .session-start-right-column .footer .copy-links p a {
color: #797979;
}
.session-start-wrapper .session-start-right-column .footer .copy-links p a:hover {
color: #333;
}
.session-start-wrapper .session-start-right-column .mid {
position: absolute;
width: 100%;
height: 100%;
padding: 80px 0px;
z-index: 5;
}
.session-start-wrapper .session-start-right-column .mid .mid-inner {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.session-start-form-wrapper {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.session-start-form-wrapper header.form-header {
float: left;
width: 100%;
margin-bottom: 30px;
}
.session-start-form-wrapper header.form-header .fast-poll-icon {
float: left;
width: 50px;
height: 50px;
margin-bottom: 22px;
}
.session-start-form-wrapper header.form-header h1 {
float: left;
width: 100%;
font-size: 40px;
color: #333333;
letter-spacing: -0.63px;
line-height: 55px;
}
.session-start-form-wrapper header.form-header p {
float: left;
width: 100%;
font-size: 16px;
color: #B1B1B1;
letter-spacing: -0.26px;
font-weight: 500;
padding: 10px 0px 0px 0px;
}
.session-start-form-wrapper .input-group {
float: left;
width: 100%;
margin-bottom: 25px;
}
.session-start-form-wrapper .input-group input {
width: 100%;
float: left;
border: none;
padding: 18px 20px 17px 20px;
border-radius: 5px;
font-size: 16px;
font-weight: 500;
background-color: #F4F4F4;
color: #333;
outline: none;
-webkit-appearance: none;
font-family: 'Inter', sans-serif;
border: solid 2px transparent;
}
.session-start-form-wrapper .input-group input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 40px #F4F4F4 inset, 0 2px 4px 0 rgba(0,0,0,0.06) !important;
border-color: #F4F4F4 !important;
}
.session-start-form-wrapper .input-group input:-webkit-autofill:focus,
.session-start-form-wrapper .input-group input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 40px #F4F4F4 inset, 0 0 10px 0 rgba(65,153,255,0.45) !important;
border-color: #4199FF !important;
}
.session-start-form-wrapper .input-group input::-webkit-input-placeholder {
color: #919090;
}
.session-start-form-wrapper .input-group input::-moz-placeholder {
color: #919090;
}
.session-start-form-wrapper .input-group button {
float: left;
padding: 19px 25px;
border: none;
outline: none;
color: #FFF;
background-color: #41db7b;
font-size: 19px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
}
.session-start-form-wrapper .input-group button:hover {
background-color: #3bbd6c;
}
.session-start-form-wrapper .input-group label.error {
width: 100%;
margin: 10px 0px 0px 0px;
font-size: 15px;
color: #ff4040;
float: left;
clear: both;
font-weight: 600;
}
.session-start-form-wrapper .form-final-line {
width: 100%;
clear: both;
font-size: 13px;
color: #B1B1B1;
letter-spacing: -0.21px;
font-weight: 500;
}
.session-start-wrapper .session-start-right-column .notice.inline {
border-radius: 8px;
font-size: 16px;
text-align: left;
padding: 18px 22px;
line-height: 24px;
font-weight: 600;
margin-bottom: -85px;
}
/* join team page */
.team-session-outer-wrapper.join-team-page .team-session-form .team-session-form-wrapper .session-input-group p.settings-username-response.green {
background-color: #4AD97F;
}
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:checked + label:before,
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:not(:checked) + label:before {
background-image: url('../img/icon-checkbox-dark.svg');
}
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:checked + label:after,
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:not(:checked) + label:after {
background-image: url('../img/icon-checkbox-dark-checked.svg');
}
.team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:checked + label, .team-session-outer-wrapper.join-team-page .session-input-group [type="checkbox"]:not(:checked) + label{
color: #9e9e9e;
}
.team-session-outer-wrapper.join-team-page .session-input-group label.terms-check a {
color: #666;
}
.team-session-outer-wrapper.join-team-page .session-input-group label.terms-check a:hover {
color: #333;
}
.team-session-outer-wrapper.join-team-page .session-input-group button {
background-color: #49d97f;
}
.team-session-outer-wrapper.join-team-page .session-input-group button:hover {
background-color: #3bbd6c;
}
.team-session-outer-wrapper.join-team-page .joined-icon-group {
float: left;
width: 100%;
margin-bottom: 20px;
}
.team-session-outer-wrapper.join-team-page img {
width: 64px;
border-radius: 70px;
}
.team-session-outer-wrapper.join-team-page img:first-child {
margin-right: -15px;
}
.team-session-outer-wrapper.join-team-page img:last-child {
margin-left: -15px;
}
.team-session-outer-wrapper.join-team-page .team-session-form {
padding-bottom: 50px;
}
.team-session-outer-wrapper.join-team-page .team-session-form-header {
padding: 70px 0px 70px 0px;
}
nav .left a.join-icon {
width: 35px;
height: 35px;
float: left;
background-image: url('../img/fast-poll-icon.svg');
background-size: 100%;
background-repeat: no-repeat;
background-position: left top;
margin: 8px 0px 5px 0px;
transition: background 0s ease, opacity 0.5s ease;
}
nav .left a.join-icon:hover {
opacity: 0.7;
}
nav .right .nav-links a.join-what-is-link {
font-weight: 600;
color: #979BA3;
transition: opacity 0.5s ease;
margin-right: 0px;
}
nav .right .nav-links a.join-what-is-link span {
color: #333;
}
nav .right .nav-links p.join-logged-in-as {
float: left;
padding: 16px;
display: inline-block;
border-radius: 4px;
float: left;
font-size: 16px;
letter-spacing: -0.26px;
font-weight: 600;
color: #979BA3;
margin-right: 0px;
}
nav .right .nav-links p.join-logged-in-as strong {
color: #333;
}
nav .right .nav-links a.join-what-is-link:hover {
opacity: 0.7;
}
.basic-join-footer {
background-color: #ebeef3;
float: left;
width: 100%;
padding: 0px 0px 80px 0px;
text-align: center;
}
.basic-join-footer .copy-links p {
margin-left: 15px;
font-size: 12px;
font-weight: 500;
color: #B5B5B5;
letter-spacing: -0.2px;
display: inline-block;
}
.basic-join-footer .copy-links p a {
color: #797979;
}
.basic-join-footer .copy-links p a:hover {
color: #333;
}
/* team poll page */
nav .left a.team-logo-wrapper {
display: table-cell;
vertical-align: middle;
transition: opacity 0.5s ease;
height: 48px;
}
nav .left a.team-logo-wrapper:hover {
opacity: 0.7;
}
nav .left .team-logo-wrapper img {
width: auto;
vertical-align: middle;
max-height: 34px;
}
nav .left .team-logo-wrapper img.rounded-icon {
border-radius: 50px;
}
nav .left .team-logo-wrapper img.rounded-icon.mobile-icon {
display: none;
}
nav .left .team-logo-wrapper img.desktop-logo {
display: block;
}
nav .right a.team-dashboard-button {
background-color: #4199FF;
color: #FFF;
padding: 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
float: right;
margin-right: 0px;
}
nav .right a.team-dashboard-button:hover {
background-color: #357dd0;
}
.team-nav-team-name {
float: right;
padding: 18px 5px 0px 0px;
color: #797979;
font-weight: 500;
font-size: 15px;
}
.payment-form {
float: left;
width: 100%;
transition: height 0.5s ease;
}
/* team pw reset */
header.team-form-pw-notice {
float: none;
text-align: center;
}
header.team-form-pw-notice h1 {
font-size: 32px;
font-weight: 700;
color: #333;
}
header.team-form-pw-notice p {
font-size: 16px;
font-weight: 500;
color: #999;
padding: 15px;
line-height: 20px;
}
header.team-form-pw-notice a.action-button {
background-color: #4199FF;
color: #FFF;
padding: 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
}
header.team-form-pw-notice a.action-button:hover {
background-color: #357dd0;
}
/* team footer */
footer .team-footer {
float: left;
width: 100%;
font-size: 12px;
color: #B5B5B5;
}
footer .team-footer .left-col {
float: left;
width: 50%;
}
footer .team-footer .left-col p.copyright {
float: left;
margin-right: 15px;
}
footer .team-footer .left-col p.copyright p.links {
float: left;
}
footer .team-footer .left-col p.links a {
float: left;
color: #555;
margin-right: 10px;
}
footer .team-footer .left-col p.links a:hover {
color: #888;
}
footer .team-footer .right-col {
float: right;
}
footer .team-footer .right-col p.powered-by a {
color: #555;
}
footer .team-footer .right-col p.powered-by a:hover {
color: #888;
}
/* changelog */
.changelog-body {
float: left;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
border-radius: 7px;
padding: 40px 45px;
position: relative;
transition: box-shadow 0.5s ease;
}
.changelog-item {
float: left;
width: 100%;
padding: 0px 0px 65px 0px;
background-image: url('../img/changelog-line-repeat.svg');
background-repeat: repeat-y;
background-position: left 10px top;
}
.changelog-item.heart .copy {
background-image: url('../img/icon-changelog-heart.svg');
}
.changelog-item.tick .copy {
background-image: url('../img/icon-changelog-tick.svg');
}
.changelog-item.star .copy {
background-image: url('../img/icon-changelog-star.svg');
}
.changelog-item:last-child {
padding: 0px 0px 20px 0px;
background-image: none;
}
.changelog-item .copy {
float: left;
width: 100%;
position: relative;
padding: 2px 120px 0px 45px;
background-size: 24px;
background-repeat: no-repeat;
background-position: left top;
}
.changelog-item .copy h2 {
float: left;
width: 100%;
font-size: 16px;
color: #333333;
letter-spacing: -0.26px;
line-height: 18px;
padding-bottom: 6px;
}
.changelog-item .copy p {
float: left;
width: 100%;
font-size: 15px;
line-height: 18px;
color: #aaa;
letter-spacing: -0.25px;
}
.changelog-item .copy p a {
color: #5e6c79;
font-weight: 500;
font-size: 15px;
}
.changelog-item .copy p a:hover {
color: #6f6f6f;
}
.changelog-item .copy p.date {
position: absolute;
right: 0px;
top: 0px;
font-size: 11px;
color: #9D9D9D;
letter-spacing: -0.18px;
text-align: right;
font-weight: 500;
padding: 3px 0px 0px 0px;
width: 160px;
}
/* voting disabled notice */
.voting-disabled-body {
float: left;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
border-radius: 7px;
padding: 40px 45px;
position: relative;
transition: box-shadow 0.5s ease;
}
.voting-disabled-body .voting-disabled-body-inner {
float: left;
width: 100%;
padding: 45px 45px 15px 45px;
text-align: center;
}
.voting-disabled-body .voting-disabled-body-inner .voting-disabled-icon {
width: 127px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.voting-disabled-body .voting-disabled-body-inner h2 {
font-size: 36px;
color: #333333;
letter-spacing: -0.56px;
text-align: center;
line-height: 40px;
font-weight: 700;
}
.voting-disabled-body .voting-disabled-body-inner p {
width: 100%;
float: left;
padding: 30px 0px;
font-size: 16px;
color: #B1B1B1;
letter-spacing: -0.26px;
line-height: 26px;
}
.voting-disabled-body .voting-disabled-body-inner a.blue-action-button {
background-color: #4199FF;
color: #FFF;
padding: 16px 20px;
display: inline-block;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
margin-right: 0px;
display: inline-block;
letter-spacing: -0.26px;
}
.voting-disabled-body .voting-disabled-body-inner a.blue-action-button:hover {
background-color: #357dd0;
}
.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link {
padding: 60px 0px 0px 0px;
text-align: center;
}
.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link a {
font-size: 15px;
font-weight: 600;
color: #878787;
letter-spacing: -0.44px;
background-image: url('../img/icon-arrow-right.svg');
background-repeat: no-repeat;
background-position: center right 10px;
padding: 10px 40px 10px 10px;
background-size: 9px;
transition: opacity 0.5s ease;
}
.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link a:hover {
opacity: 0.7;
}
/* Banners */
.notice-banner {
float: left;
width: 100%;
text-align: center;
padding: 24px 20px;
background-color: #f5f5f5;
font-size: 16px;
font-weight: 500;
color: #333;
}
.notice-banner.purple {
background-color: #F9F7FF;
color: #7667A2;
}
.notice-banner.purple strong {
color: #534778;
}
main.home-page .notice-banner {
margin-top: 100px;
position: absolute;
}
/* firefox font smoothing fix */
@-moz-document url-prefix() {
body {
font-weight: 400 !important;
}
}
/* pro styling */
.reveal-modal.pro-modal {
margin-left: -425px;
width: 850px;
}
.reveal-modal.pro-modal .pro-modal-inner {
float: left;
width: 100%;
}
.pro-modal-left-inner {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left {
height: 478px;
background-color: #FFE8E0;
border-radius: 8px 0px 0px 8px;
float: left;
width: 420px;
padding: 0px 52px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left p.pro-modal-badge {
display: inline-block;
background-color: #FF8C5E;
color: #FFF;
padding: 10px 14px;
font-size: 26px;
font-weight: 700;
border-radius: 9px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left .pro-modal-title {
width: 100%;
padding: 20px 0px;
font-weight: bold;
font-size: 36px;
line-height: 37px;
color: #251D3D;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left a.pro-modal-more-button {
display: inline-block;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.264px;
color: #FF9368;
font-weight: 700;
background-image: url('../img/icon-arrow-right-orange.svg');
background-repeat: no-repeat;
background-position: center right 10px;
padding: 10px 35px 10px 0px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right {
width: 430px;
float: left;
height: 478px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0px 67px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column p.title {
font-weight: bold;
font-size: 16px;
line-height: 45px;
align-items: center;
color: #FF9E72;
width: 100%;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price {
width: 100%;
padding: 15px 0px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price p.number {
font-weight: bold;
font-size: 57px;
line-height: 32px;
color: #222222;
display: inline;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price p.term {
display: inline;
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: #A9A9A9;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column ul {
width: 100%;
list-style: none;
padding: 0px 0px 25px 0px;
margin: 0px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column ul li {
font-weight: 500;
font-size: 16.5px;
letter-spacing: -0.2805px;
color: #B1B1B1;
padding: 8px 0px;
margin: 0px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column a.green-action-button {
background-color: #41db7b;
padding: 19px 20px 18px 20px;
margin-right: 20px;
border-radius: 5px;
font-weight: 600;
font-size: 19px;
display: inline-block;
color: #FFF;
width: 100%;
text-align: center;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column a.green-action-button:hover {
background-color: #3bbd6c;
}
.pro-redirect-notice {
float: left;
width: 100%;
background: #FFE9E1;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0629644);
border-radius: 5px;
margin-bottom: 25px;
padding: 28px 25px;
}
.pro-redirect-notice p.pro-redirect-badge {
display: inline-block;
background-color: #FF8C5E;
color: #FFF;
padding: 4px 8px;
font-size: 16.5px;
font-weight: 700;
border-radius: 6px;
float: inherit;
width: auto;
line-height: 20px;
margin-top: 4px;
}
.pro-redirect-notice p {
width: calc(100% - 65px);
padding: 0px 0px 0px 0px;
float: right;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #FF9E72;
}
header.teams-header.pro-page {
padding: 0px 0px 0px 0px;
}
.teams-header.pro-page .teams-header-fixed {
background-color: #FFE8DB;
}
header.teams-header .teams-header-inner a.action-button.orange {
background-color: #FF8358;
}
header.teams-header .teams-header-inner a.action-button.orange:hover {
background-color: #d6663e;
}
header.teams-header .teams-header-inner button#pro-btn {
color: #FFF;
margin: 35px 0px;
display: inline-block;
padding: 20px 36px;
font-size: 22px;
color: #FFFFFF;
letter-spacing: -0.36px;
text-align: center;
font-weight: 600;
border-radius: 5px;
background-color: #FF8358;
outline: none;
border: none;
cursor: pointer;
}
header.teams-header .teams-header-inner button#pro-btn:hover {
background-color: #d6663e;
}
.home-fixed-nav.pro-page .right a.modal-action-button.basic-modal {
margin-right: 0px;
font-weight: 600;
}
body.team-colours .home-fixed-nav.pro-page .right button#pro-btn-secondary {
background-color: #FF8358;
background-image: none;
color: #FFF;
padding: 14px 16px;
display: inline-block;
font-size: 15px;
font-weight: 700;
border-radius: 4px;
float: left;
transition: background-color 0.5s ease, color 0s ease;
margin-left: 0px;
margin-right: 0px;
border: none;
outline: none;
cursor: pointer;
}
body.team-colours .home-fixed-nav.pro-page .right button#pro-btn-secondary:hover {
background-color: #d6663e;
}
body.team-colours .home-fixed-nav.pro-page .right a {
color: #FFF;
background-color: #38A0FF;
}
body.team-colours .home-fixed-nav.pro-page .right a:hover {
background-color: #3C86CB;
}
header.teams-header.pro-page .teams-header-browser-window:after {
background-image: url('../img/pro-shape-1.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-images {
background-image: url('../img/icon-pro-images.svg');
width: 37px;
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-end-date {
background-image: url('../img/icon-pro-calendar.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-drafts {
background-image: url('../img/icon-pro-draft.svg');
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-remove-ads {
background-image: url('../img/icon-pro-remove-ads.svg');
background-size: 26px;
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-poll-options {
background-image: url('../img/icon-pro-poll-options.svg');
background-size: 26px;
}
section.home-icons .home-icons-wrapper .home-icon-block p.home-icon.pro-stats {
background-image: url('../img/icon-pro-stats.svg');
}
section.teams-home-cta.pro-page {
margin-top: 90px;
}
body.team-colours .home-fixed-nav.pro-page {
background-color: #f9f7ff;
}
body.team-colours .home-fixed-nav.pro-page .right a.create-poll-button {
background-color: #ff8358;
}
body.team-colours .home-fixed-nav.pro-page .right a.create-poll-button:hover {
background-color: #d6663e;
}
body.team-colours header.teams-header.pro-page .teams-header-inner p.sub {
color: #b7927e;
}
.pro-account-body {
float: left;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.07);
border-radius: 7px;
}
.pro-account-body-body-heading {
border-radius: 5px 5px 0px 0px;
padding: 25px;
font-size: 14px;
font-weight: 500;
border-bottom: solid 1px #f2f2f2;
background-color: #F8FEFF;
color: #5c7579;
}
.pro-account-body-inner {
float: left;
width: 100%;
padding: 40px;
}
.poll-end-date-options.visible {
display: block;
}
.poll-end-date-actions.visible {
display: block;
}
.reveal-modal.basic-modal.new-pro-sub-modal {
margin-left: -240px;
width: 480px;
left: 50%;
}
.reveal-modal.basic-modal.new-pro-sub-modal .sub-icon {
width: 125px;
float: left;
margin-bottom: 20px;
}
a.modal-action-button.basic-modal.full-width {
width: 100%;
}
.reveal-modal.basic-modal.new-pro-sub-modal .basic-modal-subtitle a.blue-modal-link {
color: #009AFF;
font-weight: 600;
}
.reveal-modal.basic-modal.new-pro-sub-modal .basic-modal-subtitle a.blue-modal-link:hover {
color: #3b88ba;
}
/* ads */
.poll-right-outer {
float: right;
width: 295px;
}
a.go-pro-ad-link:hover {
color: #8a8a8a;
}
a.go-pro-ad-link:hover span {
color: #5f5f5f;
}
.poll-right-ad-wrapper {
float: left;
position: relative;
z-index: 40;
margin-bottom: 15px;
width: 100%;
}
.poll-right-ad-wrapper a.go-pro-ad-link {
position: absolute;
top: -20px;
font-size: 11px;
right: 0px;
color: #92a4b1;
}
.poll-right-ad-wrapper a.go-pro-ad-link span {
color: #777;
font-weight: 600;
}
.poll-right-ad-wrapper a.go-pro-ad-link:hover {
color: #8a8a8a;
}
.poll-right-ad-wrapper a.go-pro-ad-link:hover span {
color: #5f5f5f;
}
.poll-right-ad-wrapper .poll-right-ad-inner {
float: right;
width: 100%;
padding: 10px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 1px 3px hsla(0, 0%, 0%, .05);
}
.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image {
float: left;
width: 120px;
}
.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image a {
float: left;
}
.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image a img {
border-radius: 5px;
}
.poll-right-ad-copy {
float: right;
width: 150px;
padding: 0px 6px;
height: 94px;
vertical-align: middle;
color: #ccc;
}
.poll-right-ad-copy p {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.poll-right-ad-copy p a {
color: #5e6469;
line-height: 17px;
font-size: 12.5px;
}
.poll-right-ad-wrapper.vote-page .poll-right-ad-copy {
width: 490px;
}
.poll-right-ad-wrapper.vote-page {
margin-top: 80px;
margin-bottom: 0px;
}
.poll-right-ad-wrapper.vote-page .poll-right-ad-copy p a {
line-height: 25px;
font-size: 15px;
}
.poll-top-ad-wrapper {
float: left;
margin: 0px;
width: 100%;
padding: 0px;
}
.poll-top-ad-wrapper a.go-pro-ad-link {
font-size: 11px;
float: right;
color: #92a4b1;
margin-bottom: 10px;
}
.poll-top-ad-wrapper a.go-pro-ad-link span {
color: #777;
font-weight: 600;
}
.poll-top-ad-inner {
float: right;
width: 100%;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 1px 3px hsla(0, 0%, 0%, .05);
padding: 10px;
max-height: 150px;
}
.poll-top-ad-inner .poll-top-ad-copy {
float: left;
width: calc(100% - 110px);
padding: 5px 5px 4px 15px;
height: 82px;
}
.poll-top-ad-copy p {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.poll-top-ad-image a {
float: left;
width: 110px;
}
.poll-top-ad-image a img {
float: left;
border-radius: 5px;
}
.poll-top-ad-copy p a {
color: #5e6469;
line-height: 17px;
font-size: 17px;
}
main.poll-main.vote-page {
padding: 40px 0px 100px 0px;
}
/* Fixed prompt */
.pro-fixed-prompt {
position: fixed;
bottom: 15px;
width: 100%;
z-index: 99;
text-align: center;
}
.pro-fixed-prompt-inner {
background-color: #FFF;
display: inline-block;
left: 0px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03);
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
}
.pro-fixed-prompt-inner a.prompt-link {
padding: 16px 25px 16px 15px;
float: left;
font-size: 14px;
letter-spacing: -0.264px;
color: #8296AB;
height: 44px;
}
.pro-fixed-prompt-inner a.prompt-link span {
color: #0099FF;
font-weight: 600;
}
a.close-prompt-icon {
float: left;
width: 46px;
border-left: solid 1px #ebebeb;
height: 44px;
background-image: url('../img/close-prompt-icon.svg');
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
background-size: 17px;
}
/* mobile go pro notice */
.notice.mobile-go-pro {
padding: 0px;
background-color: #FFF;
border-top: solid 2px #ea7a50;
}
.notice.mobile-go-pro a {
float: left;
width: 100%;
padding: 20px 0px;
color: #fff0e9;
font-size: 16px;
letter-spacing: -0.264px;
background-color: #ff8356;
}
.notice.mobile-go-pro a span {
color: #FFF;
font-weight: 600;
}
.notice.mobile-go-pro a:hover {
background-color: #df754f;
}
.notice.mobile-go-pro a:hover span {
color: #FFF;
}
/* plans page */
.plans-page-wrapper {
float: left;
width: 100%;
background-color: #FFF;
}
.plans-header {
float: left;
width: 100%;
text-align: center;
position: relative;
padding-bottom: 180px;
overflow: hidden;
}
.plans-header-background-fixed {
width: 100%;
float: left;
background-color: #F9F7FF;
height: 800px;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
}
.plans-header .plans-header-inner {
padding: 100px 0px 0px 0px;
float: left;
width: 100%;
z-index: 5;
position: relative;
}
.plans-header .plans-header-copy {
float: left;
width: 100%;
z-index: 5;
position: relative;
padding: 0px 0px 20px 0px;
}
.plans-header .plans-header-copy p.plans-header-small {
font-size: 21px;
font-weight: 700;
color: #9F96B9;
letter-spacing: -0.35px;
text-align: center;
margin-bottom: 15px;
}
.plans-header .plans-header-copy h1 {
font-size: 60px;
line-height: 70px;
color: #232B35;
text-align: center;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.plans-header:after {
background-image: url("../img/home-shape-4.svg");
background-repeat: no-repeat;
background-size: 790px;
position: absolute;
width: 790px;
height: 790px;
top: 190px;
right: -50px;
z-index: 1;
content: "";
}
.plans-header .plans-term-toggle-wrapper {
float: left;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.plans-header .plans-term-toggle-wrapper p {
display: inline-block;
vertical-align: top;
padding: 5px 10px;
}
.plans-header .plans-term-toggle-wrapper .plans-term-toggle {
display: inline-block;
width: 56px;
height: 32px;
background: #FF6F97;
box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.13);
border-radius: 90px;
cursor: pointer;
position: relative;
}
.plans-header .plans-term-toggle-wrapper .plans-term-toggle .toggle-circle {
height: 26px;
width: 26px;
background-color: #FFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 50px;
cursor: pointer;
position: absolute;
left: 3px;
top: 3px;
transition: 300ms left cubic-bezier(.75,0,0,1);
}
.plans-header .plans-term-toggle-wrapper .plans-term-toggle.toggle-active .toggle-circle {
left: 27px;
}
.plans-header .plans-term-toggle-wrapper p a {
font-weight: 600;
font-size: 16px;
line-height: 18px;
letter-spacing: -0.3465px;
color: #AFA4D1;
padding: 2px;
display: inline-block;
}
.plans-header .plans-term-toggle-wrapper p a.active {
color: #FF6F97;
}
.plans-columns {
width: 750px;
margin-left: auto;
margin-right: auto;
clear: both;
}
.plan-column {
width: 350px;
float: left;
margin-right: 50px;
background: #FFFFFF;
box-shadow: 0px 4px 8px rgba(227, 223, 239, 0.6);
border-radius: 6px;
padding: 35px;
text-align: left;
position: relative;
}
.plan-column:last-child {
margin-right: 0px;
}
.plan-column p.plans-fixed-badge {
position: absolute;
right: -8px;
top: -8px;
background-color: #FFE4D9;
padding: 7px 15px;
border-radius: 30px;
font-weight: 800;
font-size: 12.5px;
line-height: 15px;
text-align: center;
letter-spacing: -0.3465px;
text-transform: uppercase;
color: #ff7f4c;
}
.plan-column .plan-header {
float: left;
width: 100%;
margin-bottom: 15px;
}
.plan-column .plan-header p.colour-title {
font-weight: bold;
font-size: 22px;
line-height: 27px;
letter-spacing: -0.3465px;
color: #FF9368;
float: left;
width: 100%;
margin-bottom: 10px;
}
.plan-column .plan-header h2 {
float: left;
width: 100%;
font-weight: bold;
font-size: 50px;
line-height: 61px;
letter-spacing: -0.3465px;
color: #222222;
}
.plan-column .plan-header h2 span {
font-weight: 500;
font-size: 22px;
line-height: 27px;
letter-spacing: -0.3465px;
color: #B1B1B1;
}
.plan-body {
float: left;
width: 100%;
}
.plan-body ul {
float: left;
width: 100%;
list-style: none;
}
.plan-body ul li {
float: left;
width: 100%;
margin-bottom: 10px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.3465px;
color: #979797;
}
.plan-body ul li:last-child {
margin-bottom: 0px;
}
.plan-body .fp-button {
margin-top: 20px;
float: left;
}
.plan-column .plan-header strong {
width: 100%;
float: left;
font-weight: bold;
font-size: 17px;
line-height: 26px;
letter-spacing: -0.3465px;
color: #333;
margin: 10px 0px 15px 0px;
}
.plan-column .plan-body ul li.subheading {
color: #333;
font-weight: 600;
}
.plan-column.invert-pink {
background: #292634;
}
.plan-column.invert-pink .plan-header p.colour-title {
color: #FF6F97;
}
.plan-column.invert-pink .plan-header h2 {
color: #fff;
}
.plan-column.invert-pink .plan-header h2 span {
color: #5C576C;
}
.plan-column.invert-pink .plan-header strong {
color: #fff;
}
.plan-column.invert-pink .plan-body ul li {
color: #BAB6C9;
}
.plan-column.invert-pink .plan-body ul li.subheading {
color: #FFF;
}
.annual-saving {
float: left;
width: 100%;
font-weight: 600;
font-size: 18px;
line-height: 22px;
letter-spacing: -0.3465px;
color: #4199FF;
padding: 5px 0px 0px 0px;
display: none;
}
.annual-element, .fp-button.annual-element {
display: none ;
}
.home-fixed-nav.pro-page .right a.modal-action-button.basic-modal.go-pro-button.pink {
background: #FF6F97;
margin-left: 10px;
}
.home-fixed-nav.pro-page .right a.modal-action-button.basic-modal.go-pro-button.pink:hover {
background: #F23574;
}
.plans-current-notice {
background-color: #FFF;
display: inline-block;
padding: 18px 30px;
margin-bottom: 30px;
border-radius: 57px;
color: #8397AC;
font-size: 15px;
font-weight: 500;
line-height: 22px;
}
.plans-current-notice strong {
color: #4b5c6e;
}
.plans-current-notice a {
color: #009AFF;
margin-left: 5px;
}
.plans-current-notice a:hover {
color: #48a2dd;
}
section.home-icons.team-section-one.pro-top-section {
padding-top: 0px;
}
/* fp buttons */
a.fp-button, button.fp-button {
display: inline-block;
background: #fff;
padding: 15px 22px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #00a2ff;
outline: none;
border: none;
font-family: 'Inter', sans-serif;
cursor: pointer;
transition: background 0.5s ease, color 0.5s ease;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
a.fp-button.w-icon, button.fp-button.w-icon {
padding-right: 50px;
position: relative;
}
a.fp-button.w-icon p.button-icon, button.fp-button.w-icon p.button-icon {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
padding: 12px 13px 11px 0px;
width: 34px;
}
a.fp-button.blue, button.fp-button.blue {
background: #38A0FF;
box-shadow: 0px 2px 4px rgba(56, 160, 255, 0.15);
color: #FFF;
}
a.fp-button.red, button.fp-button.red {
background: #FF4B4B;
box-shadow: 0px 2px 4px rgba(255, 75, 75, 0.15);
color: #FFF;
}
a.fp-button.green, button.fp-button.green {
background: #4AD97F;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
color: #FFF;
}
a.fp-button.orange, button.fp-button.orange {
background: #FFAB5D;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
color: #FFF;
}
a.fp-button.grey, button.fp-button.grey {
background: #54585C;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
color: #FFF;
}
a.fp-button.alt-white, button.fp-button.alt-white {
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
color: #526D87;
}
a.fp-button.pink, button.fp-button.pink {
background: #FF6F97;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
color: #FFF;
}
a.fp-button.no-bg, button.fp-button.no-bg {
background: transparent;
box-shadow: none;
color: #A7A7A7;
}
/* lrg buttons */
a.fp-button.lrg, button.fp-button.lrg {
padding: 17px 18px;
font-size: 17.5px;
line-height: 22px;
}
/* button states */
a.fp-button:hover, button.fp-button:hover {
background: #FFF;
color: #80A6C9;
}
a.fp-button:focus, button.fp-button:focus {
background: #FFF;
color: #526D87;
}
a.fp-button.disabled, button.fp-button.disabled {
opacity: 0.3;
background: #FFF;
}
a.fp-button.blue:hover, button.fp-button.blue:hover {
background: #3C86CB;
color: #FFF;
}
a.fp-button.blue:focus, button.fp-button.blue:focus {
background: #124E86;
color: #FFF;
}
a.fp-button.blue.disabled, button.fp-button.blue.disabled {
opacity: 0.3;
background: #38A0FF;
}
a.fp-button.red:hover, button.fp-button.red:hover {
background: #D63D3D;
color: #FFF;
}
a.fp-button.red:focus, button.fp-button.red:focus {
background: #A00000;
color: #FFF;
}
a.fp-button.red.disabled, button.fp-button.red.disabled {
opacity: 0.3;
background: #D63D3D;
}
a.fp-button.green:hover, button.fp-button.green:hover {
background: #44B56E;
color: #FFF;
}
a.fp-button.green:focus, button.fp-button.green:focus {
background: #317349;
color: #FFF;
}
a.fp-button.green.disabled, button.fp-button.green.disabled {
opacity: 0.3;
background: #4AD97F;
}
a.fp-button.orange:hover, button.fp-button.orange:hover {
background: #E78D39;
color: #FFF;
}
a.fp-button.orange:focus, button.fp-button.orange:focus {
background: #B26F30;
color: #FFF;
}
a.fp-button.orange.disabled, button.fp-button.orange.disabled {
opacity: 0.3;
background: #FFAB5D;
}
a.fp-button.grey:hover, button.fp-button.grey:hover {
background: #37393B;
color: #FFF;
}
a.fp-button.grey:focus, button.fp-button.grey:focus {
background: #2B3138;
color: #FFF;
}
a.fp-button.grey.disabled, button.fp-button.grey.disabled {
opacity: 0.3;
background: #54585C;
}
a.fp-button.alt-white:hover, button.fp-button.alt-white:hover {
background: #fff;
color: #80A6C9;
}
a.fp-button.alt-white:focus, button.fp-button.alt-white:focus {
background: #fff;
color: #526D87;
}
a.fp-button.alt-white.disabled, button.fp-button.alt-white.disabled {
opacity: 0.3;
background: #526D87;
}
a.fp-button.no-bg:hover, button.fp-button.no-bg:hover {
background: transparent;
color: #666;
}
a.fp-button.no-bg:focus, button.fp-button.no-bg:focus {
background: transparent;
color: #333;
}
a.fp-button.no-bg.disabled, button.fp-button.no-bg.disabled {
background: transparent;
opacity: 0.6;
}
a.fp-button.pink:hover, button.fp-button.pink:hover {
background: #F23574;
color: #FFF;
}
a.fp-button.pink:focus, button.fp-button.pink:focus {
background: #9B1E48;
color: #FFF;
}
a.fp-button.pink.disabled, button.fp-button.pink.disabled {
background: #FF6F97;
opacity: 0.6;
}
.button-group {
display: inline-block;
padding: 0px 8px;
}
a.fp-button.full-width, button.fp-button.full-width {
width: 100%;
}
a.delete-stored-data-link {
font-size: 15px;
font-weight: 600;
margin-top: 40px;
float: left;
color: #ff1a1a;
}
a.delete-stored-data-link:hover {
color: #cd3c3c;
}
/* .pa-ad-wrapper {
height: 90px;
overflow: hidden;
float: left;
width: 100%;
}
.poll-top-ad-inner {
max-height: 115px;
padding: 0px;
}
.poll-right-ad-wrapper .poll-right-ad-inner {
padding: 0px;
}
.poll-top-ad-wrapper {
padding: 0px 0px 30px 0px;
} */
/* Responsive CSS */
@media screen and (max-width: 1460px) {
.fp-ad-wrapper {
display: none;
}
}
@media screen and (max-width: 1260px) {
main.home-page section .home-wrapper {
width: 90%;
}
.section-heading {
width: 90%;
padding: 0px 0px 50px 0px;
}
main.home-page section .home-wrapper .browser-window img {
z-index: 5;
position: relative;
margin-left: -20px;
}
body.team-colours header.teams-header .teams-header-wrapper {
width: 90%;
}
body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
padding: 100px 50px 0px 50px;
}
}
@media screen and (max-width: 1200px) {
section.home-icons .inner-wrapper.x-lrg {
width: 100%;
}
section.home-icons .home-icons-wrapper .home-icon-block {
width: 50%;
margin-right: 0px;
padding: 0px 70px 0px 0px;
min-height: 180px;
}
main.home-page section .home-wrapper .left {
width: 48%;
}
section.home-audience .right-full-section {
width: 45%;
}
.home-pro-left {
width: 44%;
}
.home-pro-right {
width: 55%;
margin-top: 20px;
position: inherit;
right: inherit;
top: inherit;
}
.home-pro-right img {
width: 900px;
}
}
@media screen and (max-width: 1100px) {
nav .right .nav-links a.teams-nav-link span.badge {
display: none;
}
nav .right .nav-links a {
margin-right: 5px;
padding-left: 10px;
}
nav .mid a.create-poll-button {
padding: 16px 20px 16px 20px;
background-image: none;
}
}
@media screen and (max-width: 1080px) {
.inner-wrapper.lrg {
width: 90%;
}
.poll-wrapper {
width: 60%;
float: left;
}
.poll-right-column {
width: 100%;
float: left;
padding-left: 0px;
margin-left: 0px;
}
.poll-wrapper.questions-wrapper {
width: 100%;
float: left;
}
.comments .comments-inner {
float: left;
width: 100%;
}
.poll-right-outer {
float: right;
width: 40%;
padding-left: 65px;
}
.comments .comments-inner .comment .right {
width: calc(100% - 98px);
}
.comments .comments-inner .comment.reply .right {
width: calc(100% - 98px);
}
.comments .comments-inner .comment.reply {
padding-left: 30px;
}
.comments .comments-inner .comment-textarea .right {
width: calc(100% - 98px);
}
header.home-header .logos p {
margin: 0px 20px 0px 20px;
}
.split-columns .left {
width: 25%;
}
.split-columns .right {
width: 75%;
margin-left: 0px;
padding-left: 75px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper {
width: 32%;
margin-right: 2%;
}
.about-counts .about-count {
width: 50%;
margin-right: 0px;
}
.about-counts .about-count p.about-count-number {
font-size: 65px;
}
.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image {
float: left;
width: 100%;
text-align: center;
}
.poll-right-ad-wrapper .poll-right-ad-inner .poll-right-ad-image a {
float: none;
display: inline-block;
}
.poll-right-ad-image img {
width: 110px;
}
.poll-right-ad-copy {
float: right;
width: 100%;
padding: 14px 16px 0px 16px;
height: auto;
color: #ccc;
text-align: center;
}
.poll-right-ad-copy p {
position: inherit;
top: auto;
transform: inherit;
}
.poll-right-ad-wrapper .poll-right-ad-inner {
padding: 25px 10px;
}
.poll-right-ad-wrapper.vote-page .poll-right-ad-copy {
width: 100%;
}
.poll-right-ad-wrapper.vote-page .poll-right-ad-copy p a {
line-height: 17px;
font-size: 12.5px;
}
}
@media screen and (max-width: 1000px) {
.inner-wrapper {
width: 90%;
}
.inner-wrapper .avatar-settings-wrapper {
display: none;
}
main .inner-wrapper .form-wrapper.settings {
width: 100%;
}
main.home-page section .home-wrapper .left {
padding: 130px 0px;
}
main.home-page section.home-control {
margin-top: 400px;
}
.pricing-faq-blocks .pricing-faq-block {
width: 50%;
margin-right: 0px;
padding-right: 120px;
margin-bottom: 100px;
}
}
@media screen and (max-width: 960px) {
.reveal-modal.login-share-modal {
width: 710px;
margin-left: -355px;
left: 50%;
}
.share-modal-colour {
width: 330px;
height: auto;
}
.share-modal-colour .share-modal-colour-inner .new-poll-url input[type="text"] {
width: 100%;
}
.reveal-modal.login-share-modal .login-modal-wrapper {
width: 380px;
padding: 75px 55px 0px 55px;
}
.reveal-modal.login-share-modal .login-modal-wrapper a.modal-reset-link {
margin-top: 9px;
margin-left: 0px;
}
header.home-header .logos p.mailchimp {
display: none;
}
.about-counts .about-count p.about-count-title {
font-size: 16px;
}
.about-counts .about-count p.about-count-number {
font-size: 50px;
}
.about-counts .about-count p.about-count-subtitle {
font-size: 15px;
}
}
@media screen and (max-width: 940px) {
header.profile .profile-header-inner .right {
display: none;
}
.comments .comments-inner .comment-textarea .right p.comment-options {
display: none;
}
header.home-header .logos p {
margin: 0px 20px 0px 20px;
}
section.home-icons .home-icons-wrapper .home-icon-block {
width: 100%;
margin-right: 0px;
padding: 0px 70px 0px 0px;
min-height: auto;
margin-bottom: 80px;
}
.user-navigation .inner-wrapper {
width: 100%;
}
.page-wrapper header.page-header .right {
width: 100%;
padding-top: 25px;
}
.page-wrapper header.page-header .left {
width: 100%;
}
.page-wrapper header.page-header .right .order-dropdown {
float: left;
}
.page-wrapper header.page-header .right .order-dropdown .order-dropdown-menu {
right: auto;
left: 0px;
}
footer .right .right-columns .footer-column {
margin-left: 20px;
}
}
@media screen and (max-width: 900px) {
nav .right .nav-links {
float: right;
display: none;
}
nav .right {
width: auto;
float: right;
}
.hamburger {
display: block;
}
.inner-wrapper.sml {
width: 90%;
}
.polls-list a.item h2 {
padding: 20px 0px 20px 0px;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading h2 {
width: 75%;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading p {
width: 25%;
}
footer .left p.copyright {
margin-top: 20px;
}
.form-wrapper form#poll-form .input-group.split-field-left {
width: 100%;
padding-right: 0px;
}
.form-wrapper form#poll-form .input-group.split-field-right {
width: 100%;
padding-left: 0px;
}
.form-wrapper form#poll-form .input-group.split-field-left select, .form-wrapper form#poll-form .input-group.split-field-right select {
width: 100%;
}
header.home-header .home-header-inner {
width: 80%;
}
header.home-header .logos p.linkedin {
display: none;
}
header.home-header .logos p.htc {
display: none;
}
main.home-page section .home-wrapper .left {
width: 90%;
padding: 130px 0px 80px 0px;
}
main.home-page section .home-wrapper .right {
width: 100%;
margin-right: 0%;
text-align: center;
}
main.home-page section .home-wrapper .right img {
max-width: 440px;
margin-left: -70px;
}
section.home-audience .right-full-section {
position: inherit;
width: 100%;
right: 0px;
top: 0px;
float: left;
margin-bottom: 120px;
}
main.home-page section.home-control {
margin-top: 160px;
}
main.home-page section {
float: left;
width: 100%;
margin-top: 160px;
}
.dashboard-blocks .block {
width: 100%;
margin-right: 0px;
margin-bottom: 40px;
}
.pricing-page .pricing-blocks .pricing-block-wrapper {
width: 46%;
margin-right: 4%;
margin-bottom: 30px;
}
.poll-right-column .poll-submit-button a {
padding: 20px 15px;
}
header.teams-header .teams-header-browser-window:after {
background-size: 580px;
top: -40px;
right: -400px;
height: 560px;
}
.about-header:after {
background-size: 580px;
top: 210px;
right: -400px;
height: 560px;
}
.plans-header:after {
background-size: 580px;
top: 210px;
right: -400px;
height: 560px;
}
.plans-current-notice {
border-radius: 5px;
}
.about-header-background-fixed {
height: 700px;
}
nav .mid .nav-mid-links a.nav-link-polls {
display: none;
}
nav .mid .nav-mid-links a.nav-link-teams {
display: none;
}
nav .mid .nav-mid-links a.nav-link-poll {
color: #FFF;
background-color: #42db7b;
border-radius: 4px;
padding: 16px 20px 16px 20px;
font-weight: 700;
}
nav .mid .nav-mid-links a.nav-link-poll:hover {
background-color: #3bbd6c;
color: #ffffff;
}
nav .mid {
left: 50%;
width: 200px;
margin-left: -100px;
}
.reveal-modal.pro-modal {
width: 90%;
margin-left: 0px;
left: 5%;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left {
height: auto;
border-radius: 8px 8px 0px 0px;
width: 100%;
padding: 40px 52px;
}
.pro-modal-left-inner {
position: relative;
top: auto;
transform: none;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right {
width: 100%;
float: left;
height: auto;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column {
position: relative;
top: auto;
transform: none;
padding: 19px 52px 40px 52px;
}
.poll-end-date-remove {
padding: 0px 0px 30px 0px;
margin-top: -5px;
}
}
@media screen and (max-width: 830px) {
.plans-columns {
width: 350px;
}
.plan-column {
width: 100%;
margin-right: 0px;
margin-bottom: 50px;
}
.plans-header {
padding-bottom: 80px;
}
}
@media screen and (max-width: 800px) {
.mobile-url-copied.vote-page {
background-color: transparent;
box-shadow: none;
bottom: 0px;
z-index: 5001;
width: 100%;
text-align: center;
margin-left: 0px;
right: 0px;
padding: 0px;
border-radius: 0px;
}
.mobile-url-copied.vote-page .mobile-url-copied-inner {
background-color: #FF9869;
display: inline-block;
margin-bottom: 20px;
padding: 20px 29px 21px 59px;
font-size: 16px;
font-weight: 600;
color: #FFF;
border-radius: 40px;
background-image: url('../img/icon-white-url-copy.svg');
background-repeat: no-repeat;
background-position: top 18px left 25px;
box-shadow: 0px 7px 14px rgba(255, 158, 114, 0.38);
}
.poll-settings-button {
display: none;
}
.poll-settings-right-column-wrapper {
display: none !important;
}
.poll-right-column .poll-right-column-inner .poll-share {
display: block !important;
}
.poll-right-column .poll-right-column-inner .poll-votes-count {
display: block !important;
}
.vote-ca-wrapper {
padding: 40px 0px 0px 0px;
}
.poll-right-outer {
width: 100%;
float: left;
padding-left: 0px;
}
.poll-right-ad-wrapper {
float: left;
position: relative;
z-index: 41;
width: 100%;
margin: 40px 0px;
display: none;
}
.poll-top-ad-wrapper {
display: block;
}
main.poll-main {
padding: 30px 0px 30px 0px;
}
main.poll-main.vote-page {
padding: 30px 0px 80px 0px;
}
.poll-right-column {
position: fixed;
bottom: 0px;
left: 0px;
float: left;
width: 100%;
padding: 5px 5% 0px 5%;
background-color: #FFF;
height: 150px !important;
z-index: 60;
}
.poll-results-footer footer {
padding-bottom: 160px;
}
.poll-results-footer.close-date-active footer {
padding-bottom: 240px;
}
body.n-button-right-column-spacing .poll-results-footer footer {
padding-bottom: 90px;
}
.poll-right-column-inner {
box-shadow: none;
}
.poll-right-column.n-button-mobile-spacing {
height: 75px !important;
}
.poll-right-column .poll-submit-button {
float: left;
width: 90%;
left: 5%;
margin-bottom: 0px;
z-index: 500;
position: fixed;
bottom: 20px;
}
.poll-right-column .poll-submit-button a {
padding: 16px 34px;
font-size: 21px;
}
.poll-right-column .poll-right-column-inner .poll-votes-count {
float: left;
width: auto;
padding: 10px 0px 10px 0px;
}
.poll-right-column .poll-right-column-inner .poll-votes-count p.votes-title {
font-size: 11px;
margin-bottom: 5px;
}
.poll-right-column .poll-right-column-inner .poll-votes-count p.votes-number {
font-size: 26px;
}
.poll-right-column .poll-right-column-inner .poll-share {
float: right;
width: auto;
padding: 20px 0px 20px 0px;
border-top: none;
}
.poll-right-column .poll-right-column-inner .poll-share p.share-title {
float: left;
width: 100%;
font-size: 17px;
color: #B1B1B1;
font-weight: 600;
margin-bottom: 5px;
display: none;
}
.poll-right-column .poll-right-column-inner .poll-share ul li {
float: left;
width: auto;
padding: 0px 0px 0px 12px;
}
.poll-right-column .poll-right-column-inner .poll-share ul li:first-child {
padding: 0px;
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link {
padding: 5px 5px 5px 5px;
background-position: center center;
background-size: 22px;
overflow: hidden;
width: 30px;
height: 30px;
text-indent: -160px;
}
.poll-right-column .poll-right-column-inner .poll-share ul li a.share-link.whatsapp {
background-size: 24px;
}
.mobile-url-copied {
opacity: 1;
bottom: 20px;
}
.web-url-copied {
opacity: 0;
bottom: -150px;
}
.poll-right-column .poll-voted-notice {
float: left;
width: 90%;
margin-bottom: 0px;
background-color: #E7F5FF;
border-radius: 5px;
position: fixed;
bottom: 20px;
margin-left: 5%;
left: 0px;
padding: 18px;
}
.poll-right-column .poll-voted-notice.end-date {
bottom: 150px;
left: -5%;
width: 100%;
background-color: #FFE8DF;
padding: 18px 5% 18px 5%;
}
.poll-voted-notice.end-date p.voting-end-date-icon {
display: none;
}
.poll-right-column .poll-voted-notice.end-date p.voting-end-date-info {
width: calc(100% - 0px);
padding-left: 0px;
}
.poll-right-column .poll-voted-notice p.poll-voted-notice-icon {
display: none;
}
.poll-right-column .poll-voted-notice p.poll-voted-info {
font-size: 15px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 18px;
}
.poll-right-column .report-button {
display: none;
}
.poll-wrapper {
width: 100%;
}
.getting-data-notice {
right: 0%;
bottom: 160px;
position: fixed;
width: 100%;
margin-right: 0%;
z-index: 50;
text-align: center;
}
.getting-data-notice .getting-data-inner {
float: none;
padding: 11px 15px 11px 15px;
font-size: 14px;
font-weight: 600;
border-radius: 5px;
width: auto;
display: inline-block;
}
.getting-data-notice .loading {
display: none;
}
main .inner-wrapper .form-wrapper.settings {
width: 100%;
}
.reveal-modal.default-modal {
width: 90%;
margin-left: 0px;
}
.reveal-modal.default-modal .default-modal-body {
float: left;
width: 100%;
padding: 40px;
}
.reveal-modal {
left: 5%;
margin-left: 0px;
width: 90%;
}
.about-image {
width: 100%;
margin-right: 0px;
margin-top: 0px;
}
.about-copy-block-head {
width: 100%;
}
.results-page-qr-code-wrapper, .vote-page-qr-code-wrapper {
width: 200px;
margin-left: auto;
margin-right: auto;
}
.reveal-modal.embed {
width: 90%;
margin-left: 0px;
}
.reveal-modal.qr-code .left-column {
float: none;
width: 30%;
padding: 42px 0px 0px 0px;
max-width: 200px;
min-width: 200px;
margin-left: auto;
margin-right: auto;
}
.reveal-modal.qr-code .right-column a.blue-modal-button {
float: none;
display: inline-block;
}
.reveal-modal.qr-code .right-column a.grey-qr-code-modal-button {
float: none;
margin-left: 20px;
clear: both;
display: inline-block;
}
.reveal-modal.qr-code .right-column {
width: 100%;
text-align: center;
padding: 35px 0px 0px 0px;
}
.qr-lrg-preview .reveal-modal.qr-code .left-column {
max-width: 60%;
float: none;
}
.qr-lrg-preview .qr-code-body .default-modal-buttons {
float: left;
width: 100%;
padding: 20px;
position: fixed;
bottom: 0px;
left: 0px;
}
.qr-lrg-preview .reveal-modal .default-modal-buttons a.blue-button {
margin-bottom: 15px;
}
.qr-lrg-preview .reveal-modal .default-modal-buttons a.blue-button, .qr-lrg-preview .reveal-modal .default-modal-buttons a {
position: initial;
right: 0px;
bottom: 0px;
width: 100%;
}
.poll-right-column-stick {
position: relative;
}
.split-columns .left {
width: 100%;
margin-bottom: 40px;
}
.split-columns .right {
width: 100%;
padding-left: 0px;
}
.split-columns {
padding-top: 0px;
}
.sticky-wrapper.is-sticky .nav {
position: relative !important;
top: auto !important;
}
.team-session-form-wrapper .session-input-group h3 {
color: #444069;
}
.fp-ad-wrapper {
display: block;
float: left;
position: inherit;
width: 100%;
background-color: #fafafa;
padding: 25px 0px 30px 0px;
margin-top: 15px;
}
.fp-ad-wrapper .fp-ad-copy p {
font-size: 13.5px;
line-height: 20px;
text-align: center;
}
.fp-ad-wrapper .fp-ad-copy {
padding: 16px 26px 36px 26px;
}
.fp-ad-wrapper .fp-ad-image {
float: left;
width: 100%;
text-align: center;
padding-top: 40px;
}
.fp-ad-wrapper .fp-ad-image img {
width: 100%;
height: auto;
max-width: 160px;
border-radius: 5px;
}
.poll-main .fp-ad-wrapper {
padding: 30px 0px 30px 0px;
margin-top: -30px;
}
.fp-ad-wrapper {
display: block;
}
.poll-outer-wrapper {
padding: 0px 0px 0px 0px;
}
.ga-ad-wrapper.poll-has-comments {
padding: 30px 0px 30px 0px;
}
.ga-ad-wrapper.vote-page {
margin-top: 30px;
padding: 5px 0px 0px 0px;
}
.fp-ad-wrapper-inner {
float: left;
width: 90%;
margin-left: 5%;
}
body.fix-adspace .fp-ad-wrapper {
position: inherit;
bottom: auto;
left: auto;
}
.stopped-data-notice {
right: 0%;
bottom: 150px;
width: 100%;
margin-right: -0px;
max-width: 100%;
}
.stopped-data-notice .getting-data-inner {
padding: 15px 5% 15px 5%;
font-size: 14px;
line-height: 18px;
color: #A63333;
border-radius: 0px;
background: #ffe7e7;
border: none;
box-shadow: none;
background-image: none;
width: 100%;
}
.stopped-data-notice .getting-data-inner p.subtitle {
font-size: 13px;
line-height: 14px;
margin-top: 5px;
}
.notice-results-wrapper .notice {
position: inherit;
}
.polls-list a.item {
padding: 30px 35px;
}
.polls-list.poll-list-options a.item {
padding: 30px 35px 80px 35px;
}
.polls-list .item-wrapper .item-links-wrapper {
padding-left: 32px;
}
.polls-list .item-wrapper .item-links-wrapper .item-visibility-status {
margin-left: 0px;
margin-right: 25px;
}
.item-closed-link {
margin-right: 25px;
}
.polls-list .item-wrapper .item-links-wrapper .item-dropdown-wrapper {
margin-left: 0px;
}
.item-closed-link a, .item-closed-link p {
padding: 10px 10px 10px 35px;
background-position: left 5px top 8px;
}
.slim.poll-new {
width: 550px;
height: 300px;
}
.home-pro-left {
width: 100%;
padding: 60px 50px 0px 50px;
text-align: center;
}
.home-pro-left a {
float: none;
margin-top: 30px;
display: inline-block;
}
.home-pro-right {
width: 100%;
margin-top: 40px;
position: inherit;
right: inherit;
top: inherit;
padding: 0px 15px;
}
.home-pro-wrapper {
height: auto;
}
.poll-heading .author-date {
width: 100%;
}
.poll-heading p.private-notice {
font-size: 15px;
padding: 2px 0px 2px 25px;
margin-top: 20px;
margin-left: 0px;
margin-right: 30px;
clear: both;
}
.poll-heading a.item-link-share-inline {
font-size: 15px;
padding: 2px 0px 2px 25px;
margin-top: 20px;
margin-left: 0px;
display: block;
background-position: left top 0.5px;
}
.item-share-inline-wrapper {
float: left;
margin-right: 25px;
}
.poll-settings-wrapper {
display: none;
}
.item-settings-inline-wrapper {
display: block;
}
.poll-settings-inner-wrapper {
right: 0px;
}
.poll-heading {
margin-bottom: 25px;
}
.poll-heading .poll-multi-votes-notice {
padding-top: 20px;
margin-bottom: -30px;
}
}
@media screen and (max-width: 720px) {
.poll-top-ad-copy p a {
font-size: 15px;
}
.share-modal-colour {
width: 100.5%;
height: auto;
border-radius: 8px 8px 0px 0px;
}
.reveal-modal.login-share-modal .login-modal-wrapper {
width: 100%;
padding: 75px 55px 0px 55px;
}
.reveal-modal.login-share-modal{
left: 5%;
margin-left: 0px;
width: 90%;
overflow: hidden;
}
main.home-page section.home-realtime .home-wrapper .browser-window:after, main.home-page section.home-control .home-wrapper .browser-window:after {
background-size: 600px;
width: 560px;
height: 650px;
top: -70px;
right: -20%;
}
section.home-audience .right-full-section img {
width: 90%;
}
main.home-page section.home-sharing .home-wrapper .right:after {
background-size: 720px;
width: 900px;
height: 770px;
}
footer .left {
width: 100%;
}
footer .right {
width: 100%;
}
footer .right .right-columns {
float: left;
padding-top: 50px;
width: 100%;
}
footer .right .right-columns .footer-column {
float: left;
margin-left: 0px;
margin-right: 30px;
}
footer .right .right-columns .footer-column:last-child {
margin-right: 0px;
}
footer .left .social-icons {
margin-top: 20px;
}
.changelog-item .copy p.date {
position: relative;
right: auto;
top: auto;
font-size: 11px;
color: #c1c1c1;
text-align: left;
padding: 10px 0px 0px 0px;
width: 100%;
}
.changelog-item .copy {
padding: 2px 0px 0px 45px;
}
}
@media screen and (max-width: 700px) {
div#gdpr-cookie-message {
bottom: 0px;
width: 100%;
left: 0%;
margin-left: 0px;
border-radius: 0px;
padding: 32px;
}
div#gdpr-cookie-message h4 {
font-size: 22px;
}
div#gdpr-cookie-message p {
font-size: 14px;
line-height: 22px;
}
button#gdpr-cookie-accept {
margin-top: 0px;
}
.inner-wrapper.x-sml {
width: 90%;
}
.reveal-modal.report {
left: 0px;
margin-left: 5%;
width: 90%;
}
.pricing-page .pricing-blocks .pricing-block-wrapper {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.pricing-faq-blocks .pricing-faq-block {
width: 100%;
margin-right: 0px;
padding-right: 0px;
margin-bottom: 70px;
}
.session-start-wrapper .session-start-left-column {
display: none;
}
.session-start-wrapper .session-start-right-column {
float: right;
width: 100%;
position: inherit;
right: 0px;
height: 100%;
background-color: #FFF;
}
.session-start-form-wrapper {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.about-counts .about-count {
width: 100%;
margin-right: 0px;
margin-bottom: 70px;
}
.slim.poll-new {
width: 420px;
height: 260px;
}
.poll-end-date-time-calculated {
width: 100%;
line-height: 20px;
}
.notice.mobile-go-pro a {
font-size: 13.5px;
padding: 20px 10px;
}
}
@media screen and (min-width: 800px) {
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
top: -5000px;
}
}
@media screen and (max-width: 600px) {
.item-dropdown.animated-dropdown.bounceIn.social-share-links {
top: -5000px;
}
.item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
top: 50px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label strong {
font-weight: 700;
}
.copy-block {
padding: 0px 0px 40px 0px;
}
header.profile .profile-header-inner .left .avatar img {
width: 70px;
height: 70px;
}
header.profile .profile-header-inner .left .avatar {
width: 70px;
height: 70px;
}
header.profile .profile-header-inner .left h1 {
font-size: 36px;
}
.form-wrapper header.form-header h1 {
font-size: 34px;
}
.page-wrapper header.page-header h1 {
font-size: 34px;
}
.poll-heading h1 {
font-size: 30px;
line-height: 39px;
}
.poll-heading h1.sml {
font-size: 28px;
line-height: 36px;
}
.poll-heading h1.x-sml {
font-size: 24px;
line-height: 32px;
}
.copy-block p {
font-size: 20px;
line-height: 30px;
}
.polls-list a.item h2 {
font-size: 28px;
line-height: 34px;
}
.polls-list a.item p.badge, .poll-heading p.poll-tag {
font-size: 10px;
}
.poll-wrapper .poll-results .poll-item.most-voted {
margin-left: 0px;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading {
position: relative;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading p {
font-size: 16px;
line-height: 24px;
position: absolute;
right: -40px;
top: -40px;
background-color: #FFF;
box-shadow: 0 7px 14px 0 rgba(0,0,0,0.07);
border-radius: 47px;
padding: 5px 18px;
border: solid 2.5px #FFF;
width: auto;
}
.poll-wrapper .poll-results .poll-item .poll-results-heading h2 {
width: 100%;
font-size: 26px;
line-height: 30px;
}
.poll-heading .author-date {
font-size: 15px;
}
header.profile .profile-header-inner .edit-profile-link {
float: right;
position: absolute;
bottom: 40px;
right: auto;
right: auto;
left: 0px;
}
header.profile .profile-header-inner .left {
width: 100%;
position: relative;
top: auto;
transform: none;
padding: 55px 0px;
}
header.profile .profile-header-inner {
height: auto;
}
nav .left a.logo {
width: 35px;
height: 36px;
background-size: 161px;
background-position: left;
}
header.profile .profile-header-inner .edit-profile-link {
float: right;
position: static;
bottom: auto;
right: auto;
right: auto;
left: auto;
display: none;
}
.reveal-modal.new-poll {
width: 90%;
left: 5%;
margin-left: 0px;
}
a.copy-poll-url {
width: 30%;
}
.reveal-modal.new-poll .new-poll-modal .new-poll-url input {
width: 70%;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label, .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label {
margin-left: 0px;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label {
padding: 17px 30px 18px 30px;
font-size: 22px;
font-weight: 600;
line-height: 28px;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label:before,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label:before {
top: 23px;
left: 16px;
width: 26px;
height: 26px;
top: 50%;
margin-top: -13px;
background-size: 100%;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label:after,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label:after, .poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label:after {
width: 26px;
height: 26px;
top: 23px;
left: 16px;
top: 50%;
margin-top: -13px;
background-size: 100%;
}
.poll-create-options .poll-create-options-inner {
padding: 10px 0px;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:before,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:before {
left: -11px;
width: 30px;
height: 30px;
top: -1px;
background-size: 100%;
}
.poll-wrapper .poll-form .poll-item [type="radio"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="radio"]:not(:checked) + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:checked + label p.vote-inner-label:after,
.poll-wrapper .poll-form .poll-item [type="checkbox"]:not(:checked) + label p.vote-inner-label:after {
left: -11px;
width: 30px;
height: 30px;
top: -1px;
background-size: 100%;
}
p.vote-inner-label {
padding: 0px 0px 0px 36px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label span {
display: block;
}
.form-wrapper form .input-group .radio-buttons.check.pro::after {
right: -5px;
top: 3px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group a.non-pro-check span {
display: block;
font-size: 13px;
line-height: 16px;
padding-top: 0px;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:after, .form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:after {
top: 20px;
}
.form-wrapper form .input-group [type="checkbox"]:checked + label:before, .form-wrapper form .input-group [type="checkbox"]:not(:checked) + label:before {
top: 20px;
}
.poll-create-options .poll-create-options-inner-outer .poll-create-options-title {
padding: 20px 0px 0px 0px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group {
margin-right: 0px;
margin-bottom: 25px;
}
.form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
background-color: #fff;
}
.form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:checked + label, .form-wrapper form .input-group .radio-buttons.check [type="checkbox"]:not(:checked) + label {
font-size: 14px;
}
.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"] + label span {
font-size: 13px;
line-height: 16px;
padding-top: 0px;
}
.poll-create-options {
padding: 0px 0px 0px 0px;
}
.form-wrapper form .poll-create-options .input-group .radio-buttons {
padding-top: 10px;
}
main.poll-main {
padding: 30px 0px 0px 0px;
}
.no-date-notice {
padding: 20px 0px;
}
.no-date-notice p.title {
font-size: 24px;
}
.page-wrapper header.page-header h2 {
font-size: 24px;
}
.polls-list a.item p.date {
font-size: 16px;
}
.polls-list a.item .votes-count p {
font-size: 14px;
}
.comments .comments-inner .comment .right {
width: 100%;
margin-left: 0px;
margin-top: 20px;
float: right;
}
.comments .comments-inner .comment.reply .right {
width: 100%;
}
.comments .comments-inner .comment-textarea .right {
width: 100%;
}
.comments .comments-inner .comment-textarea .left {
display: none;
}
.notice {
font-size: 14px;
line-height: 18px;
}
.notice a {
font-size: 14px;
line-height: 18px;
}
.dashboard-nav a {
margin-right: 20px;
font-size: 16px;
}
.form-wrapper form .input-group a.new-field-button {
padding: 19px 18px 18px 18px;
font-size: 16px;
background-image: none;
width: 100%;
text-align: center;
}
.form-wrapper form .input-group input, .form-wrapper form .input-group textarea, .reveal-modal .form-wrapper form .input-group input {
padding: 20px 18px 18px 18px;
font-size: 16px;
}
.session-input-group input#username.username-success, .form-wrapper form .input-group input#username.username-success {
background-position: right 16px top 21px;
background-size: 21px;
}
.session-input-group input#team_username.username-success, .session-input-group input#username.username-success {
background-position: right 14px top 17px;
background-size: 21px;
}
.form-wrapper form#poll-form .input-group.split-field-left select, .form-wrapper form#poll-form .input-group.split-field-right select {
padding: 20px 18px 18px 18px;
font-size: 16px;
background-position: right 20px top 26px;
}
.form-wrapper form .input-group button {
padding: 18px 34px;
font-size: 20px;
}
.poll-wrapper .poll-form .poll-footer button {
padding: 18px 34px;
font-size: 20px;
}
.form-wrapper form .input-group input.producthunt-field, .form-wrapper form .input-group input.facebook-field {
background-size: 22px;
background-position: right 16px top 17px;
}
.form-wrapper form .input-group input.instagram-field {
background-size: 22px;
background-position: right 16px top 18px;
}
.form-wrapper form .input-group input.twitter-field {
background-size: 22px;
background-position: right 16px top 19px;
}
header.home-header .home-header-inner h1 {
font-size: 36px;
line-height: 44px;
color: #222222;
}
header.home-header .logos p.whatsapp {
width: 130px;
}
header.home-header .logos p.amazon {
width: 90px;
}
header.home-header .logos p.facebook {
width: 110px;
}
header.home-header .logos p {
margin: 0px 20px 20px 20px;
}
section.home-audience .right-full-section img {
width: 130%;
}
main.home-page section .home-wrapper .browser-window img {
min-width: 640px;
}
header.home-header .logos {
bottom: 40px;
}
main.home-page section .home-wrapper .left h2 {
font-size: 40px;
line-height: 42px;
}
main.home-page section.home-cta h4 {
font-size: 44px;
line-height: 44px;
}
main.home-page .section-heading h2 {
font-size: 40px;
line-height: 42px;
}
main.home-page section.home-control {
margin-top: 150px;
}
main.home-page section {
margin-top: 90px;
}
main.home-page section.home-audience .right-full-section {
margin-bottom: 0px;
}
main.home-page section.home-sharing .home-wrapper .right:after {
background-size: 540px;
width: 840px;
height: 560px;
}
section.home-icons .home-icons-wrapper {
padding: 0px 0px 20px 0px;
}
.user-navigation .user-navigation-links a {
padding: 21px 0px 20.5px 0px;
font-size: 15.5px;
margin: 0px 18px;
}
.user-navigation .user-navigation-links {
padding: 0px 8px;
}
.pagination ul li {
margin-bottom: 12px;
}
.polls-list a.item .poll-voted-option {
background-image: none;
width: 100%;
line-height: 20px;
padding: 20px;
}
.user-no-data-notice {
padding: 60px 0px;
}
.dashboard-blocks {
margin-bottom: 80px;
}
.dashboard-blocks .block p {
padding: 15px 0px 0px 0px;
}
.dashboard-blocks .block h3 {
font-size: 54px;
line-height: 54px;
}
.dashboard-blocks .block {
padding: 37px 20px 42px 20px;
}
.form-wrapper form .poll-options .input-group .poll-option-group {
position: absolute;
right: 15px;
top: 18px;
}
.form-wrapper form .poll-options .input-group .poll-option-group .upload-image-button a span {
display: none;
}
.form-wrapper form .poll-options .input-group input {
padding-right: 115px;
}
.form-wrapper header.form-header {
margin-bottom: 40px;
}
.split-columns .right .copy-based section h2 {
font-size: 22px;
line-height: 22px;
}
.split-columns .right .copy-based section p {
font-size: 16px;
}
.split-columns .right .copy-based section {
padding: 20px 0px 20px 0px;
}
footer .right .right-columns .footer-column {
margin-right: 0px;
margin-bottom: 30px;
}
footer .right .right-columns .footer-column:last-child {
margin-bottom: 0px;
}
.form-wrapper form .anon-poll-notice {
padding: 20px 24px;
font-size: 14px;
}
.form-wrapper form .anon-poll-notice a {
font-size: 14px;
}
nav .left .team-logo-wrapper img.rounded-icon.mobile-icon {
display: block;
margin: 3px 0px 1px 0px;
width: 40px;
height: 40px;
max-height: 40px;
}
nav .left .team-logo-wrapper img.desktop-logo {
display: none;
}
body.team-colours section.teams-home-cta {
margin-top: 230px;
}
section.teams-home-cta h4 {
font-size: 36px;
line-height: 42px;
}
.team-session-form-header header h1 {
font-size: 34px;
}
.team-session-form-header header p {
font-size: 17px;
letter-spacing: -0.31px;
}
.pricing-header header h1 {
font-size: 34px;
}
.pricing-header header p {
font-size: 17px;
letter-spacing: -0.31px;
}
.session-input-group input {
padding: 16px 16px 15px 16px;
font-size: 15px;
}
.team-session-outer-wrapper .team-session-form .team-session-form-wrapper .session-input-group.split-field-left {
width: 100%;
padding-right: 0px;
}
.team-session-outer-wrapper .team-session-form .team-session-form-wrapper .session-input-group.split-field-right {
width: 100%;
padding-left: 0px;
}
.team-session-outer-wrapper {
background-position: right 140% top 145px;
background-size: 170%;
}
.team-session-outer-wrapper .team-session-form {
padding-bottom: 100px;
}
.pricing-page .pricing-header {
float: left;
width: 100%;
padding: 40px 0px 40px 0px;
text-align: center;
}
.team-session-form-header {
padding: 40px 0px 40px 0px;
}
.pricing-header-background {
background-position: right 90% top 105px;
}
body.team-colours section.teams-home-cta {
padding: 80px 0px;
}
nav {
padding: 15px 25px;
}
main {
padding: 60px 0px;
}
body.team-colours header.teams-header .teams-header-wrapper h1 {
font-size: 43px;
line-height: 50px;
}
header.teams-header {
padding: 78px 0px 0px 0px;
}
body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
padding: 60px 0px 0px 0px;
}
.teams-header-fixed {
height: 560px;
}
header.teams-header .teams-header-browser-window:after {
background-size: 450px;
top: -60px;
right: -530px;
height: 450px;
}
.about-header .about-header-copy h1 {
font-size: 43px;
line-height: 50px;
}
.about-header:after {
top: 150px;
background-size: 450px;
right: -530px;
height: 450px;
}
.about-header .about-header-inner {
padding: 60px 0px 0px 0px;
}
.plans-header .plans-header-inner {
padding: 60px 0px 0px 0px;
}
.plans-header .plans-header-copy p.plans-header-small {
font-size: 18px;
margin-bottom: 10px;
}
.plans-header .plans-header-copy h1 {
font-size: 43px;
line-height: 50px;
}
.about-header-background-fixed {
height: 450px;
}
.plans-header-background-fixed {
height: 450px;
}
.plans-header:after {
top: 150px;
background-size: 450px;
right: -530px;
height: 450px;
}
.about-header .about-header-copy {
padding: 0px 0px 40px 0px;
}
.about-header .about-header-copy p.about-header-small {
font-size: 18px;
margin-bottom: 10px;
}
.about-counts {
padding-bottom: 80px;
}
.about-copy-block {
margin-bottom: 120px;
}
.about-copy-block h2 {
font-size: 32px;
}
.about-copy-block p {
font-size: 18px;
line-height: 30px;
}
footer .inner-wrapper.lrg {
width: 90%;
}
footer .team-footer .left-col {
width: 100%;
}
footer .team-footer .right-col {
width: 100%;
padding-top: 20px;
}
.voting-disabled-body .voting-disabled-body-inner {
padding: 45px 0px 15px 0px;
}
.voting-disabled-body .voting-disabled-body-inner h2 {
font-size: 28px;
line-height: 32px;
}
.voting-disabled-body .voting-disabled-body-inner p {
padding: 20px 0px;
font-size: 15px;
line-height: 26px;
}
.voting-disabled-body .voting-disabled-body-inner .voting-disabled-icon {
width: 105px;
margin-bottom: 20px;
}
main.session-page .inner-wrapper.session-form {
height: 100%;
min-height: auto;
max-height: inherit;
width: 90%;
}
main.session-page .inner-wrapper .form-wrapper {
position: relative;
top: inherit;
transform: inherit;
}
header.session-form-header h1 {
font-size: 34px;
}
.poll-create-account-cta p {
font-size: 15px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left .pro-modal-title {
font-size: 28px;
line-height: 28px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left p.pro-modal-badge {
padding: 10px;
font-size: 18px;
}
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
left: -5px;
}
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline.private-spacing {
left: -15px;
}
.home-pro-left h3 {
font-size: 60px;
}
.home-pro-left p {
margin-top: 15px;
font-size: 18px;
line-height: 20px;
}
.home-pro-right img {
width: 700px;
}
main.home-page section.home-pro {
margin-top: 0px;
}
main.home-page section.home-cta a.action-button {
font-size: 18px;
}
}
@media screen and (max-width: 520px) {
.poll-top-ad-inner .poll-top-ad-copy {
width: calc(100% - 90px);
height: 70px;
}
.poll-top-ad-image a {
float: left;
width: 90px;
}
.poll-top-ad-copy p a {
font-size: 13.5px;
}
.polls-list .item-wrapper .item-links-wrapper {
padding-left: 29px;
}
.polls-list.animated.poll-list-options .item-dropdown.animated-dropdown {
bottom: 40px;
top: inherit;
right: inherit;
left: 0px;
}
.polls-list.poll-list-options a.item.item-closed {
padding: 30px 35px 110px 35px;
}
.polls-list .item-wrapper .item-links-wrapper .item-visibility-status {
margin-left: 0px;
margin-right: 25px;
display: none;
}
.item-closed-link {
margin-right: 0px;
width: 100%;
margin-bottom: 5px;
}
.polls-list.poll-list-options a.item {
padding: 30px 35px 80px 35px;
}
.polls-list.poll-list-options a.item.item-closed {
padding: 30px 35px 130px 35px;
}
main.home-page section.home-sharing .home-wrapper .right:after {
background-size: 640px;
width: 840px;
height: 670px;
top: -70px;
left: -50px;
}
main.home-page section.home-cta {
padding: 80px 40px;
}
.poll-secured {
background-position: left top 6px;
}
.about-copy-block ul li {
font-size: 18px;
line-height: 30px;
padding: 40px 20px 10px 0px;
margin-bottom: 20px;
}
.polls-list .item-wrapper .item-links-wrapper .item-dropdown-wrapper {
margin-left: 0px;
float: left;
}
.polls-list .item-wrapper .item-links-wrapper a.item-link-settings {
padding: 10px 10px 10px 38px;
background-position: left 5px top 16px;
}
.reveal-modal.embed .embed-tabs .embed-tabs-buttons a {
width: 100%;
text-align: center;
margin-right: 0px;
margin-bottom: 15px;
}
.reveal-modal.embed .embed-tabs .embed-tab textarea {
height: 175px;
}
body.team-colours section.teams-home-cta.pro-page {
margin-top: 0px;
}
.pro-account-body-inner {
padding: 10px;
}
header.profile .profile-header-inner .left .avatar .profile-pro-badge {
padding: 5px 12px;
}
.poll-heading .author-date a.username-pro-badge {
padding: 4px 8px;
}
.reveal-modal.basic-modal.new-pro-sub-modal {
left: 5%;
margin-left: 0px;
width: 90%;
}
.copy-url-input-group a.modal-copy-url-link {
position: inherit;
right: inherit;
top: inherit;
background-color: #FFF;
color: #81869D;
font-size: 13px;
font-weight: 600;
padding: 15px 9px;
border-radius: 0px 0px 5px 5px;
float: left;
width: 100%;
text-align: center;
background-color: #009AFF;
color: #FFF;
}
.copy-url-input-group input[type="text"] {
border-radius: 5px 5px 0px 0px;
font-size: 12.5px;
}
.plans-columns {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.poll-create-account-cta {
padding: 25px;
}
.poll-create-account-cta p {
font-size: 14px;
}
.poll-create-account-cta a.poll-create-account-cta-button {
width: 100%;
}
.user-profile-dropdown-outer {
left: -900px;
}
.changelog-body {
padding: 40px 30px;
}
.voting-disabled-body {
padding: 40px 30px;
}
.voting-disabled-body .voting-disabled-body-inner {
padding: 0px 0px 15px 0px;
}
section.home-icons .home-icons-wrapper .home-icon-block {
padding: 0px;
}
.form-wrapper form .input-group.split-field-left {
width: 100%;
padding-right: 0px;
}
.form-wrapper form .input-group.split-field-right {
width: 100%;
padding-left: 0px;
}
.form-wrapper form .input-group {
margin-bottom: 25px;
}
.form-wrapper form .input-group button {
width: 100%;
}
.polls-list a.item .votes-count {
right: -10px;
}
section.error-page {
margin-bottom: 0px;
}
section.error-page .error-message h1 {
font-size: 46px;
line-height: 56px;
}
.form-wrapper form .input-group select {
width: 100%;
}
a.poll-results-button {
float: none;
padding: 23px 10px 24px 10px;
background-image: none;
display: inline-block;
margin-top: 30px;
background-color: #f1f1f1;
color: #868686;
width: 100%;
border-radius: 5px;
}
.poll-footer {
text-align: center;
}
.poll-wrapper .poll-form .poll-footer button {
width: 100%;
}
.form-wrapper form .input-group button {
width: 100%;
}
.settings-actions-block .button-group a {
margin-right: 0px;
width: 100%;
text-align: center;
margin-top: 20px;
}
.comments .comments-inner .comment .right .comment-footer p.date {
margin-right: 0px;
padding: 3px 0px 20px 0px;
width: 100%;
}
.comments .header .right {
padding-top: 14px;
width: 100%;
}
.comments .comments-inner .comment .right .name {
font-size: 22px;
}
.comments .comments-inner .comment .right .name a {
font-size: 22px;
}
.book-cover-comments-outer .comments .header .left h2 {
font-size: 22px;
}
.comments .comments-inner .comment .right .comment-copy {
font-size: 17px;
}
.comments .comments-inner .comments-prompt strong {
font-size: 22px;
}
.comments .comments-inner .comments-prompt p {
font-size: 15.5px;
line-height: 20px;
}
.comments .comments-inner .comment-textarea .right .redactor-editor {
font-size: 16px;
}
.comments .comments-inner .comments-prompt {
padding: 100px 0px 100px 0px;
}
.reveal-modal.login-modal{
left: 5%;
margin-left: 0px;
width: 90%;
}
.comments .comments-inner .comment-textarea .right button {
font-size: 16px;
}
.login-modal-wrapper {
float: left;
width: 100%;
padding: 55px 35px 25px 35px;
}
.login-modal-wrapper a.modal-reset-link {
float: left;
font-size: 15px;
color: #C1C1C1;
letter-spacing: -0.25px;
text-align: center;
margin-top: 24px;
font-weight: 500;
width: 100%;
}
.modal-header p.heading {
font-size: 32px;
}
.login-modal-wrapper .login-icon {
width: 38px;
height: 38px;
margin-bottom: 10px;
background-size: 36px;
}
.reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-title {
font-size: 24px;
line-height: 31px;
}
.reveal-modal.default-modal .default-modal-body .default-modal-header p.modal-header-subtitle {
font-size: 16px;
line-height: 23px;
}
.reveal-modal.delete p.delete-title, .reveal-modal.report p.report-title, .modal-header p.heading, .reveal-modal.qr-code p.qr-code-title, .reveal-modal.embed .embed-modal-title {
font-size: 24px;
line-height: 31px;
}
.reveal-modal.delete p.delete-subtitle, .reveal-modal.report p.report-subtitle, .reveal-modal.qr-code p.qr-code-subtitle, .reveal-modal.embed .embed-modal-sub-title {
font-size: 16px;
line-height: 23px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-subtitle {
font-size: 16px;
line-height: 23px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-title {
font-size: 26px;
}
a.modal-footer-link {
padding: 28px 0px;
font-size: 14px;
}
.share-modal-colour .share-modal-colour-inner {
padding: 50px 30px;
}
.share-modal-colour p.new-poll-icon {
width: 50px;
height: 50px;
background-size: 50px;
}
.reveal-modal.login-share-modal .login-modal-wrapper {
width: 100%;
padding: 35px 30px 20px 30px;
}
.reveal-modal.login-share-modal .login-modal-wrapper a.modal-reset-link {
margin-top: 20px;
}
.reveal-modal.new-poll {
width: 90%;
margin-left: 0px;
left: 5%;
}
.comments {
padding: 90px 0px 30px 0px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-icon {
width: 40px;
height: 40px;
background-size: 40px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-title {
font-size: 26px;
line-height: 30px;
padding: 20px 30px 12px 0px;
}
.reveal-modal.new-poll .new-poll-modal p.new-poll-subtitle {
font-size: 15px;
line-height: 23px;
}
.reveal-modal.new-poll .new-poll-modal {
float: left;
width: 100%;
padding: 40px 40px 30px 40px;
}
.login-modal-wrapper {
float: left;
width: 100%;
padding: 40px 40px 10px 40px;
}
.poll-right-column .poll-right-column-inner .poll-share p.share-title, .modal-share-links .poll-share p.share-title {
font-size: 15px;
}
.modal-share-links .poll-share ul li a.share-link {
font-size: 16px;
}
.poll-right-column .poll-voted-notice p.poll-voted-info {
font-size: 13px;
}
main.home-page section .home-wrapper .right img {
max-width: 90%;
margin-left: -20px;
}
header.home-header .logos {
bottom: 20px;
}
header.home-header .home-header-inner {
top: 48%;
}
main.home-page section .home-wrapper .left {
padding-bottom: 30px;
}
.home-fixed-nav .right a.signup-button {
display: none;
}
nav .mid a.create-poll-button {
padding: 16px 20px 16px 20px;
background-image: none;
}
.split-columns .right .copy-based section .brand-logo-wrapper .brand-logo-block img {
width: 200px;
}
nav .right a.team-dashboard-button span {
display: none;
}
body.team-colours header.home-header .home-header-inner p.sub span {
width: 100%;
float: left;
}
header.home-header .home-header-inner p.sub span.badge.blue {
width: auto;
float: none;
margin-right: 0px;
margin-bottom: 8px;
}
body.team-colours header.home-header .home-header-wrapper {
background-position: right 90% top 105px;
background-size: 670px;
}
.team-session-outer-wrapper .team-session-form .team-session-form-wrapper {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.session-start-wrapper .session-start-right-column .inner-wrapper.xx-sml {
width: 90%;
}
.session-start-wrapper .session-start-right-column .notice.inline {
font-size: 15px;
padding: 15px 17px;
margin-bottom: -5px;
}
.session-start-form-wrapper header.form-header .fast-poll-icon {
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.session-start-form-wrapper header.form-header h1 {
font-size: 30px;
line-height: 35px;
}
.session-start-form-wrapper .input-group input {
padding: 15px 16px 14px 16px;
font-size: 15px;
}
body.team-colours header.teams-header .teams-header-wrapper {
width: 100%;
}
body.team-colours header.teams-header .teams-header-wrapper .teams-header-inner {
padding: 60px 10px 0px 10px;
}
body.team-colours header.teams-header .teams-header-wrapper h1 {
font-size: 36px;
line-height: 44px;
}
.about-header .about-header-copy h1 {
font-size: 36px;
line-height: 44px;
}
.about-header:after {
top: 180px;
background-size: 430px;
right: -530px;
height: 450px;
}
.about-counts .about-count p.about-count-number {
font-size: 44px;
}
footer .right .right-columns .footer-column {
width: 50%;
}
.notice-banner {
font-size: 13.5px;
line-height: 18px;
}
.voting-disabled-body .voting-disabled-body-inner .voting-disabled-icon {
width: 95px;
}
.voting-disabled-body .voting-disabled-body-inner h2 {
font-size: 24px;
line-height: 26px;
}
.voting-disabled-body .voting-disabled-body-inner p {
padding: 20px 0px;
font-size: 14px;
line-height: 20px;
}
.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link a {
font-size: 14px;
background-size: 8px;
}
.voting-disabled-body .voting-disabled-body-inner p.voting-disabled-back-link {
padding: 40px 0px 0px 0px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-left {
padding: 30px 35px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column {
padding: 19px 35px 40px 35px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column .price p.number {
font-size: 42px;
line-height: 32px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column ul li {
font-size: 16px;
}
.reveal-modal.pro-modal .pro-modal-inner .pro-modal-right .pro-info-column p.title {
font-size: 16px;
line-height: 16px;
padding-top: 10px;
}
.slim.poll-new {
width: 290px;
height: 190px;
}
.poll-top-ad-inner {
max-height: 180px;
}
}
@media screen and (max-width: 400px) {
.pro-redirect-notice {
padding: 16px 22px;
}
.pro-redirect-notice p.pro-redirect-badge {
padding: 2px 7px;
font-size: 13.5px;
line-height: 20px;
margin-top: 0px;
}
.pro-redirect-notice p {
width: calc(100% - 0px);
padding: 10px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
}
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline {
left: -5px;
}
.item-share-inline-wrapper .item-dropdown-wrapper .item-dropdown.animated-dropdown.bounceIn.social-share-links.inline.private-spacing {
left: -95px;
}
}
@media screen and (max-width: 350px) {
main.home-page section.home-cta {
padding: 80px 20px;
}
.session-start-wrapper .session-start-right-column .mid .mid-inner {
position: relative;
top: auto;
transform: inherit;
width: 100%;
}
.session-start-wrapper .session-start-right-column .mid {
position: inherit;
width: 100%;
height: auto;
padding: 20px 0px;
float: left;
}
.session-start-wrapper .session-start-right-column .top {
position: inherit;
width: 100%;
float: left;
}
.session-start-wrapper .session-start-right-column .footer {
position: inherit;
bottom: 0px;
width: 100%;
float: left;
}
.item-share-inline-wrapper {
margin-right: 15px;
}
.poll-heading p.private-notice {
margin-right: 20px;
}
.plans-header .plans-term-toggle-wrapper p {
padding: 5px 0px;
}
}
@media screen and ( max-height: 667px ) {
header.home-header .home-header-inner h1 {
font-size: 50px;
line-height: 54px;
}
header.home-header .home-header-inner {
max-width: 660px;
}
header.home-header .logos {
bottom: 30px;
}
header.home-header .logos p.whatsapp {
display: none;
}
}
@media (max-height: 667px) and (max-width: 500px) {
header.home-header .home-header-inner h1 {
font-size: 38px;
line-height: 46px;
}
}