/* any custom changes should be made in the theme custom CSS. */
.dk-speakout-widget-wrap {
  -webkit-font-smoothing: antialiased;
  background-color: #ebebeb;
  border: 1px solid #666666;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  clear: both;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px !important;
  line-height: 1.25em !important;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: 0;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.dk-speakout-widget-wrap a {
  outline: none;
  text-decoration: none !important;
}
.dk-speakout-widget-wrap p {
  margin: 0.5em 5% 0.5em 5%;
}
.dk-speakout-widget-wrap h3 {
  background: #353535 url(../images/bg-petition-header.png) repeat-x top left;
  background: -webkit-linear-gradient(#666666, #262626);
  background: -moz-linear-gradient(#666666, #262626);
  background: -ms-linear-gradient(#666666, #262626);
  background: -o-linear-gradient(#666666, #262626);
  background: linear-gradient(#666666, #262626);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
  color: #fff !important;
  font: bold 14px/1.2em Helvetica, Arial, sans-serif !important;
  margin: 0;
  padding: 2.5% 5%;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  text-transform: none;
}
.dk-speakout-widget-button-wrap {
  margin: 1em 0;
  text-align: center;
}
.dk-speakout-widget-button {
  background: #fc861d url(../images/bg-submit-button.png) repeat-x top left;
  background: -webkit-linear-gradient(#ff9a40, #d94200);
  background: -moz-linear-gradient(#ff9a40, #d94200);
  background: -ms-linear-gradient(#ff9a40, #d94200);
  background: -o-linear-gradient(#ff9a40, #d94200);
  background: linear-gradient(#ff9a40, #d94200);
  border: 1px solid #d94200;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 4px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
  text-shadow: 0 -1px 0 #a63200;
  width: 90%;
}
.dk-speakout-widget-button:active {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 0 1px rgba(0, 0, 0, 0.6);
  position: relative;
  top: 1px;
}
.dk-speakout-widget-button span {
  color: #fff;
}
/* Progress Bar
----------------------------------*/
.dk-speakout-widget-progress-wrap {
  background: #d2d2d2;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #bfbfbf;
  padding: .5em 0;
  text-align: center;
}
.dk-speakout-widget-signature-count {
  display: inline-block;
  font-size: 12px;
  margin: 0 5px 0 0;
  vertical-align: 10%;
}
.dk-speakout-widget-signature-count span {
  font-weight: bold;
}
.dk-speakout-widget-wrap .dk-speakout-progress {
  background: #d7d7d7 url(../images/bg-progressbar-back.png) repeat-x top left;
  background: -webkit-linear-gradient(#bbbbbb, #eeeeee);
  background: -moz-linear-gradient(#bbbbbb, #eeeeee);
  background: -ms-linear-gradient(#bbbbbb, #eeeeee);
  background: -o-linear-gradient(#bbbbbb, #eeeeee);
  background: linear-gradient(#bbbbbb, #eeeeee);
  border: 1px solid #999999;
  border-radius: 3px;
  display: inline-block;
  height: 12px;
}
.dk-speakout-widget-wrap .dk-speakout-progressbar {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #999999;
  height: 12px;
}
.dk-speakout-widget-wrap .dk-speakout-progressbar-low,
.dk-speakout-widget-wrap .dk-speakout-progressbar-medium,
.dk-speakout-widget-wrap .dk-speakout-progressbar-high,
.dk-speakout-widget-wrap .dk-speakout-progressbar-complete {
  background: transparent url(../images/bg-progressbar.png) repeat-x top left;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.4) 100%);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.4) 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.4) 100%);
  background-size: 12px 12px;
}
.dk-speakout-progressbar-low {
  background-color: #f00 !important;
}
.dk-speakout-progressbar-medium {
  background-color: #9f07ed !important;
}
.dk-speakout-progressbar-high {
  background-color: #99ff99 !important;
}
.dk-speakout-progressbar-complete {
  background-color: #3c0 !important;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
/*
------------------------------------------------------------
	Pop-up form styles
------------------------------------------------------------
*/
/* Window shade */
#dk-speakout-widget-windowshade {
  background-color: #000;
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 200000;
}
/* Pop-up window */
.dk-speakout-widget-popup-wrap {
  -webkit-font-smoothing: antialiased;
  background-color: #ebebeb;
  border: 1px solid #111;
  border-radius: 4px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
  display: none;
  font: 15px/1.4em Helvetica, Arial, sans-serif !important;
  line-height: 1.2em;
  position: fixed;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  width: 760px;
  z-index: 200002;
}
.dk-speakout-widget-popup-wrap a {
  outline: none;
  text-decoration: none !important;
}
.dk-speakout-widget-popup-wrap p {
  margin: 0 0 .75em 0;
}
.dk-speakout-widget-popup-wrap h3 {
  background: #353535 url(../images/bg-petition-header.png) repeat-x top left;
  background: -webkit-linear-gradient(#666666, #262626);
  background: -moz-linear-gradient(#666666, #262626);
  background: -ms-linear-gradient(#666666, #262626);
  background: -o-linear-gradient(#666666, #262626);
  background: linear-gradient(#666666, #262626);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
  color: #fff !important;
  font: bold 16px/1.2em Helvetica, Arial, sans-serif !important;
  letter-spacing: normal;
  line-height: 1.3em;
  margin: 0 0 0 0 !important;
  overflow: hidden;
  padding: .5em 15px;
  text-overflow: ellipsis;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  text-transform: none;
  white-space: nowrap;
}
/* Message Area (left side)
----------------------------------*/
.dk-speakout-widget-message-wrap {
  float: left;
  margin: 11px;
  width: 430px;
  border-right: 2px dotted #bbb;
}
.dk-speakout-widget-message {
  color: #444;
  font: 15px/1.4em Helvetica, Arial, sans-serif !important;
  margin: 0 10px 0 0;
  max-height: 500px;
  min-height: 480px;
  overflow: auto;
  padding: 0 5px 1em 4px;
  width: 410px;
}
textarea.dk-speakout-widget-message {
  background: transparent;
  border: none;
  outline: 1px solid #aaa;
  margin-bottom: .5em;
}
textarea.dk-speakout-widget-message:focus {
  background: #fff;
}
.dk-speakout-greeting {
  font-weight: bold;
}
/* Form Area (right side)
----------------------------------*/
.dk-speakout-widget-form-wrap {
  float: left;
  margin: .5em 0 0 4px;
  min-height: 480px;
  width: 300px;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-half {
  margin-right: 5px;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-half,
.dk-speakout-widget-popup-wrap .dk-speakout-widget-full {
  display: inline-block;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-half label,
.dk-speakout-widget-popup-wrap .dk-speakout-widget-full label {
  display: block;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-half input {
  width: 135px;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-full input {
  width: 279px;
}
.dk-speakout-widget-popup-wrap label {
  color: #808080;


  font-size: .8em;
  font-weight: bold;
  margin-left: 1px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.dk-speakout-widget-popup-wrap label.required span {
  color: #e81e00;
}
.dk-speakout-widget-popup-wrap input[type=text]:focus {
  background-color: #ffc;
}
.dk-speakout-widget-popup-wrap input[type=text], .dk-speakout-widget-popup-wrap input[type=email], dk-speakout-widget-popup-wrap select, .selection{  
  webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  color: #333;
  font: 15px/1.4em Helvetica, Arial, sans-serif !important;
  margin-bottom: .35em;
  height: 1.6em !important;
  padding: 0 0 0 .5em;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-optin-wrap {
  margin-top: .2em;
}
.dk-speakout-widget-popup-wrap .dk-speakout-widget-optin-wrap label {
  display: inline-block;
  vertical-align: -1px;
}
/*
 *	Submit button
 */
.dk-speakout-widget-submit-wrap {
  margin-top: .7em;
}
.dk-speakout-widget-submit {
  background: #fc861d url(../images/bg-submit-button.png) repeat-x top left;
  background: -webkit-linear-gradient(#ff9a40, #d94200);
  background: -moz-linear-gradient(#ff9a40, #d94200);
  background: -ms-linear-gradient(#ff9a40, #d94200);
  background: -o-linear-gradient(#ff9a40, #d94200);
  background: linear-gradient(#ff9a40, #d94200);
  border-radius: 4px;
  border: 1px solid #d94200;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 4px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
  position: relative;
  text-shadow: 0 -1px 0 #a63200;
  width: 276px;
  text-align: center;
}
.dk-speakout-widget-submit:active {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 0 1px rgba(0, 0, 0, 0.6);
  top: 1px;
}
.dk-speakout-widget-submit span {
  color: #fff;
}
.dk-speakout-widget-ajaxloader {
  background: transparent url("data:image/gif;base64, ") no-repeat 50% 50%;
  background-size: 64px 8px;
  display: block;
  height: 8px;
  margin: 5px 0 10px 0;
}
/* Close button */
.dk-speakout-widget-close {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAACTFBMVEUiIiIUFBSWlpYNDQ3p6ekAAAAjIyOMjIy0tLQAAADs7Oynp6fl5eXh4eHS0tLf39/Ozs7n5+ednZ0xMTEzMzPm5uaTk5MRERHKysrk5OTi4uJwcHDn5+clJSVxcXFDQ0PExMQAAADp6enPz88AAADr6+seHh7u7u5BQUHl5eVubm7h4eHd3d3MzMwAAAAAAADU1NSFhYUAAADo6OgAAAC9vb0AAADQ0NAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvLy+rq6slJSVTU1MrKyuurq4aGhohISEnJycxMTGfn59jY2ODg4ONjY2WlpZbW1teXl6GhoYpKSm3t7cyMjIjIyOEhIRoaGipqqqvr69sbGxpaWliYmKKiopwcHBycnJqampOTk7AwMBhYWFaW1sbGxuOjo5gYGAiIiJ5eXlxcXFvb28eHh6lpaVDQ0M4OTkODw9aWlrJyclGRkYgICBFRUXq6upubm4sLCzOzs41NTXS0tJmZmbs7OzZ2dnDw8MzMzNkZGRtbW10dHRlZWVRUVFNTU2goKBnZ2d2dnYWFhbPz8+IiIgYGBhdXV17e3tMTEx9fX13d3d+fn7n5+cVFRVERERVVVVra2scHBwUFBTBwcE7Ozt6enru7u63IBlRAAAAZXRSTlNpbqZt+Ehonosp+4Dt5efz6Pi2hYv5xoHR0tQz5yY5IJJk8op284/8N9Qnu+h6QibHwWn2FuJ37YGHi2pnYCELSTZhVVhLQ0UnOiwyFzUoHj1GKxgdBQ0JDwIIEiIKExADBgQBAH/+l5UAAALASURBVHjahZPVWxtBFMW37ri7Oy1S3CNAkHiAkE02m9TdcXd3d3cIEJoQT+4/1s2GlJd+X8/DPOxv9szMveciL/5KKJUJcFwgkwrlcvu3KyyXy/DKCkwkkYiwikpcZt+A2KgUF2Mx8bHRkZHRsfExmBiX2jhi+7W6KjA0HK4UHhpYVU0Y2LFMLPL1BugZsAwOWgZ6ALx9RWIZiUkqCfADxemefnRkZFS/d6oAvwAJyRHi3GqRvw+YWvSdKotSaVF16ltM4OMvqpbKrRiv4geBQr+zO6z8TUg5vLujV0AQqwonsFwq5kWFwGlrx+7hjOX4+Ngy87mj9RRConiEPSLHMfQRmNq6dsYBVlWLqlWA8a42E9xHMVyOCCufcxPge+/e9iEAbPzaINbDL73fIKGkrFKISCv45U9g8fzn9IV6HaxaV19Mnx/B4wJ+hRSRYSg7GX7odPvzK2uXBL1cW5nf1+ngIRvFZIhA9OxpMugODi5mzUckPjLPXhy8gduFxSIBgkuYRXFwrtVqJ9QLpPmCekKrPYc4zgMJTmIv+Go2m9sJtNy9TKztZrMFvDhMAlvN70Ht1lZdA4BpybBkAmio26qFm1Zz8mp3nWH7bU19Y/OQYc4w1NxYX7MNzoj1auTDqC6w+emD4cR4NjY3dmY8MbzcBBdqOfEwsix3bjnAu4/vTzRn/Yb+M83J61fgcCPfWhayqAyaqyNs7huNRo1GYzR2m8DRlcawFpVsCbeI4uYE0NQ3OTU12dcE4ORGKeJaW0I2lFVKD/b0cIcruXt4BtNLyYba4pBbTqeERSSmpAGkpSRGhFHo5bkSIg72MKGlHFpSanpGZmZGemoSjVOK2sNk4ywuI5+ak52VlZ1DzWdwWTZ6HWQeWlLALuRwCtkFJSjvKsjXY5CHlfHRYiazGOWXYXn2Mfj/ENk3/GsE/wCKX4/8FuC50QAAAABJRU5ErkJggg==") no-repeat top right;
  cursor: pointer;
  float: right;
  height: 30px;
  margin: -49px -14px 0 0;
  width: 30px;
  z-index: 304;
}
/* Sharing links
----------------------------------*/
.dk-speakout-widget-share {
  display: none;
  margin-top: 2em;
}
a.dk-speakout-facebook {
  background: #2e4a88 url(../images/bg-button-facebook.png) repeat-x top left;
  background: -webkit-linear-gradient(##cfdeff, #6f8ac4);
  background: -moz-linear-gradient(#cfdeff, #6f8ac4);
  background: -ms-linear-gradient(#cfdeff, #6f8ac4);
  background: -o-linear-gradient(#cfdeff, #6f8ac4);
  background: linear-gradient(##cfdeff, #6f8ac4);
  border-radius: 4px;
  border: 1px solid #112b66;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(0, 0, 0, 0.4);
  display: inline-block;
  height: 32px;
  margin: 0 0 0 0;
  width: 100px;
}
a.dk-speakout-facebook span {
  background: url("../images/facebook-logo.svg") 50% 50% no-repeat;
  background-size: 28px 24px;
  display: inline-block;
  height: 31px;
  width: 28px;
/*  background-size: 72px 16px;
  display: inline-block;
  height: 28px;
  width: 72px; old styles */
}

a.dk-speakout-email {
  display: inline-block;
  height: 32px;
  margin: 0 0 0 19px;
  text-align: center;
  width: 50px;
}
a.dk-speakout-email span {
  background:   background:  url('../images/email-icon.svg') 50% 50% no-repeat;
  background-size: 24px 21px;
  display: inline-block;
  height: 32px;
  width: 24px;
  transform: scale(2);
  opacity: .7;
}
 
a.dk-speakout-x {
  background: #2477b3 url(../images/bg-button-X.png) repeat-x top left;
  background: -webkit-linear-gradient(#d5d7d9, #757575);
  background: -moz-linear-gradient(#d5d7d9, #757575);
  background: -ms-linear-gradient(#d5d7d9, #757575);
  background: -o-linear-gradient(#d5d7d9, #757575);
  background: linear-gradient(#d5d7d9, #757575);
  border-radius: 4px;
  border: 1px solid #606568;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 4px rgba(0, 0, 0, 0.4);
  display: inline-block;
  height: 32px;
  margin: 0 0 0 19px;
  text-align: center;
  width: 100px;
}
a.dk-speakout-x span {
  background: url("../images/x-logo.svg") 50% 50% no-repeat;
  background-size: 24px 21px;
  background-position: 0 5px;
  display: inline-block;
  height: 28px;
  width: 24px;
}
a.dk-speakout-x:active,
a.dk-speakout-facebook:active,
a.dk-speakout-email:active {
  position: relative;
  top: 1px;
}
/* Form validation
----------------------------------*/
.dk-speakout-widget-response {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #cccccc;
  border: 1px solid #b3b3b3 !important;
  border-radius: 4px;
  box-sizing: border-box;
  display: none;
  margin-top: 1em;
  padding: 1em 5%;
  width: 279px;
}
.dk-speakout-widget-response-error {
  background-color: #ffebe8;
  border-color: #ff7c68 !important;
}
.dk-speakout-widget-response-success {
  background-color: #e8ffe9;
  border-color: #00e80a !important;
}
.dk-speakout-widget-error {
  background-color: #ffebe8 !important;
 /*  border: 1px solid #e81e00 !important; */
   box-shadow: 0px 0px 0px 1px rgba(255,0,0,1) !important;
}
/* Misc */
.dk-speakout-clear {
  clear: both;
}
:required{
    border-color:pink !important;
}
/*
------------------------------------------------------------
	Small Screens
------------------------------------------------------------
*/
@media only screen and (max-device-width: 480px) {
  .dk-speakout-widget-popup-wrap {
    position: absolute;
  }
}
#dk-speakout-recaptcha, #dk-speakout-hcaptcha{
	margin: 0 4% 0 5%;
}