#ask_button {
background: -webkit-gradient(linear, left top, right top, from(#f57052), to(#fa5849));
background: -webkit-linear-gradient(left, #f57052 0%, #fa5849 100%);
background: -o-linear-gradient(left, #f57052 0%, #fa5849 100%);
background: linear-gradient(to right, #f57052 0%, #fa5849 100%);
font-family: sans-serif;
color: #fff;
border-radius: 100px;
font-size: 16px;
padding: 20px 40px; }
#ask_form, #ask_unsubscribe {
display: block;
position: relative;
background: #fff; }
@media (max-width: 800px) {
#ask_form, #ask_unsubscribe {
padding: 25px 20px 30px 20px; } }
#ask_form *, #ask_unsubscribe * {
font-family: sans-serif; }
#ask_form textarea, #ask_unsubscribe textarea {
resize: none;
border-radius: 5px;
border: none;
background: #f7f7f7;
padding: 10px 15px;
font-size: 16px;
width: 100%; }
#ask_form textarea:focus, #ask_unsubscribe textarea:focus {
background: #eaeaea; }
#ask_form input[type="submit"], #ask_unsubscribe input[type="submit"] {
border-radius: 100px;
background: -webkit-gradient(linear, left top, right top, from(#f57052), to(#fa5849));
background: -webkit-linear-gradient(left, #f57052 0%, #fa5849 100%);
background: -o-linear-gradient(left, #f57052 0%, #fa5849 100%);
background: linear-gradient(to right, #f57052 0%, #fa5849 100%);
padding: 20px 40px;
font-size: 16px;
line-height: 16px;
text-align: center;
margin-top: 15px;
border: none;
color: #fff; }
#ask_form input[type="text"],
#ask_form input[type="email"], #ask_unsubscribe input[type="text"],
#ask_unsubscribe input[type="email"] {
border-radius: 5px;
border: none;
background: #f7f7f7;
padding: 10px 15px;
font-size: 16px;
width: 100%; }
#ask_form input[type="text"]:focus,
#ask_form input[type="email"]:focus, #ask_unsubscribe input[type="text"]:focus,
#ask_unsubscribe input[type="email"]:focus {
background: #eaeaea; }
#ask_form .ask_form_row + .ask_form_row, #ask_unsubscribe .ask_form_row + .ask_form_row {
margin-top: 10px; }
label[for="question_subscribe"], label[for="question_subscribe_shortcode"] {
display: block;
position: relative;
padding: 0;
margin: 0;
margin-top: 25px; }
label[for="question_subscribe"] span, label[for="question_subscribe_shortcode"] span {
display: block;
padding-left: 30px;
height: 17px;
line-height: 17px; }
label[for="question_subscribe"] span:before, label[for="question_subscribe_shortcode"] span:before {
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
border: solid 2px #ccc;
border-radius: 3px;
top: 50%;
margin-top: -11px;
left: 0; }
label[for="question_subscribe"] input, label[for="question_subscribe_shortcode"] input {
opacity: 0;
position: absolute; }
label[for="question_subscribe"] input:checked + span:before, label[for="question_subscribe_shortcode"] input:checked + span:before {
border-color: #fa5849; }
label[for="question_subscribe"] input:checked + span:after, label[for="question_subscribe_shortcode"] input:checked + span:after {
content: '';
display: block;
width: 7px;
height: 10px;
border: solid #fa5849;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 6px;
top: 2px; }
#ask_form_wrapper, #ask_unsubscribe_wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
overflow: auto;
padding: 20px; }
#ask_form_wrapper #ask_form, #ask_form_wrapper #ask_unsubscribe, #ask_unsubscribe_wrapper #ask_form, #ask_unsubscribe_wrapper #ask_unsubscribe {
display: block;
position: relative;
background: #fff;
padding: 25px 40px 30px 40px;
border-radius: 10px;
max-width: 500px;
width: 100%;
font-family: sans-serif;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px; }
#ask_form_wrapper #ask_form_title, #ask_unsubscribe_wrapper #ask_form_title {
font-weight: bold;
font-size: 22px;
line-height: 28px;
margin-bottom: 20px; }
#ask_form_wrapper #ask_form_close, #ask_unsubscribe_wrapper #ask_form_close {
position: absolute;
right: -15px;
top: -15px;
display: block;
width: 30px;
height: 30px;
border-radius: 15px;
padding: 0;
background: -webkit-gradient(linear, left top, right top, from(#f57052), to(#fa5849));
background: -webkit-linear-gradient(left, #f57052 0%, #fa5849 100%);
background: -o-linear-gradient(left, #f57052 0%, #fa5849 100%);
background: linear-gradient(to right, #f57052 0%, #fa5849 100%);
z-index: 9;
cursor: pointer;
border: none; }
#ask_form_wrapper #ask_form_close:before, #ask_unsubscribe_wrapper #ask_form_close:before {
content: '';
display: block;
height: 2px;
width: 20px;
border-radius: 6px;
background: #fff;
position: absolute;
left: 5px;
top: 14px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
#ask_form_wrapper #ask_form_close:after, #ask_unsubscribe_wrapper #ask_form_close:after {
content: '';
display: block;
height: 2px;
width: 20px;
border-radius: 6px;
background: #fff;
position: absolute;
left: 5px;
top: 14px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#ask_form_wrapper .ask-form-overlay, #ask_unsubscribe_wrapper .ask-form-overlay {
border: none !important; }
.ask-form-description {
margin-bottom: 20px; }
.ask-oveflowed {
overflow: hidden; }
.ask-form-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.7);
border-radius: 10px;
padding: 20px;
border: solid 1px #f0f0ef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.ask-form-overlay .loader {
position: absolute;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px; }
.ask-form-overlay .loader svg path {
fill: #484848; }
.ask-form-overlay.ask-deep-overlay {
background: #fff; }