/*Donation form next, previous, cancel step buttons*/
    div.responsive a.next-step, div.responsive button.next-step, div.responsive a.step-button, div.responsive button.step-button, div.responsive input.step-button {
        background-color: #4777A8;
        background-image: none;
        border: none;
        border-radius: 3px;
        color: #ffffff;
        text-decoration:none;
        line-height:20px;
        margin-right:5px;
    }

    /*Donation form hover/active/focus states for next, previous, cancel step buttons*/
    div.responsive a.next-step:hover, div.responsive button.next-step:hover, div.responsive button.cancel-step:hover, div.responsive button.cancel-step:focus, div.responsive button.cancel-step:active{
        background-image:none;
        background-color:#d6d6d6;
        color:#ffffff;
        text-decoration:none;
    }

    /*progress page steps*/
    div.progress-bar-step-container {
        padding-right: 33px; /*add space between the labels*/
    }
    div.progress-bar-step-current div.progress-bar-step-number-container {
        background: #4777a8;
    }

    /*progress page steps*/
    div.progress-bar-step-number-container {
        width: 44px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;

    }

    /* Donation form Labels */
    LABEL.FormLabel {
        width: initial; /*reset to prevent wrapping of required * */
        min-width: initial; /*reset to prevent wrapping of required * */
        font-weight:700; /* match the bootstrap font weight */
    }


    /*Menu toggle button*/
    .navbar-toggle {
        background-color: #009FDA;
    }

    .navbar-brand{
        height:auto;
        max-width:300px;
    }

    .navbar-brand img{
        max-height: 200px;
    }


    .header-bottom {
        background:none;
    }

    .copyright {
        margin: 20px 0;
        text-align: center;
    }


    /* donation form */
    div.donation-form-container.responsive{
        background-color:#ffffff;
        border-color: #ffffff;
    }

    div.donation-level-input-container{
        padding:0px;

    }


/*********
custom styles
**********/

div#action-alert div#column1 fieldset#info {

}

#action-alert .req-legend {
display:none;}

#action-alert span.req.true {
display:none;
}

#action-alert.form .top-labels label {
padding-left:10px;
}

#action-alert #message {
margin:25px 0;
}

div#action-alert fieldset#message p:nth-of-type(1) {
 margin-bottom:15px;
}

#action-alert {
margin:0;
border:1px solid #fff;
}

h1.ActionTitle {
font-size: 39px!important;
color: #231f20;
/* text-transform:uppercase; */
}

.ActionText p {
font-size:16px;
line-height:24px;
}

/*overriding items in screen.css */
#main, #contentFull {
width:100%;
}

    /* Mobile Only */
    @media (max-width: 767px){


        .pull-none-sm {
            float: none !important;
        }

        .footer-box {
            padding: 10px 0;
        }

        .mobile div.responsive{
            width:100%;
        }
        div#action-alert div#column2 fieldset#info {
        margin-left:0;}
    }

 /* 2017 advocacy styles - unfinished */
@media (min-width: 1200px){
#footer .container {
    width: 100% !important;
}
.header-right .block { visibility: visible!important }

#contentFull .container {
    max-width: 1000px;
    padding:0!important;
  }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding:0 }
#wrapFooter #footer {
    width: 1000px !important;
}

#message,.submit-wrap.bottom {
  width:57%;
}

}
@media (max-width:700px){
  #footer .span6 {
    width:100%;
    margin-top:1em;
    margin-left:0!important;
  }
  #footer .region-footer-right {
    margin-left: 0 !important;
  }

  #column2, #column1 { width:100%!important }
  #message {
    margin-top:1.5em!important;
    float:left;
  }
  fieldset#info .half-field { width:100%!important; display:inline-block!important; clear:both!important }
  fieldset#info .half-field ~ .half-field { float:none!important; clear:both!important }
  fieldset#info .half-field input[type=text],fieldset#info .half-field select { padding:2%!important }
  fieldset#info .half-field .label-text { float:left; width:100%;  }

}

@media (max-width:1100px) and (min-width:701px){
  #message,.submit-wrap.bottom {
    width:100%; }
  fieldset#info .half-field input[type=text],fieldset#info .half-field select { padding:4%!important }
  #info.singlecolumnview .half-field input[type=text],#info.singlecolumnview .half-field select { padding:2%!important }
}
@media (min-width:1101px){
  fieldset#info .half-field input[type=text],fieldset#info .half-field select { padding:4%!important }
  #info.singlecolumnview .half-field input[type=text],#info.singlecolumnview .half-field select { padding:2%!important }
}
.submit-wrap.bottom:last-child{
  text-align:center!important
}

#contentFull { margin:0 !important; min-height: 50vh; }
#body.advo_do #wrapHeader,#body.advo_mo #headerTop { display:block }
/* #body.advo_mo #wrapHeader,#body.advo_do #headerTop { display:none } */
#main { min-height: auto!important }
.navbar-toggle { display:none }
/*.navbar-right{visibility:hidden}*/
.header-right .block { visibility: hidden}
.advo_mo #block-tpl-state-pages-state-pages-four-column-menu,#new_facebook_share_page_copy { display:none !important }
.advo_mo .footer-second .span6:first-child { background:none!important;padding-left:0!important }
.advo_mo #wrapMain #main { width: 93%!important; }
#contentFull .container .row { margin-right: 0; margin-left: 0; }
/* #message #middle, #message label[for=middle] { visibility: hidden } */
.label-field-wrap label span.label-text,#tyform label { text-transform:lowercase;font-size:1em; font-style: normal; font-family:'PT Sans',Arial,sans-serif;color:#231f20;display:inline-block  }
.label-field-wrap label span.label-text::first-letter,#tyform label::first-letter { text-transform:capitalize!important;display:inline-block }
#action-alert.form .top-labels label { padding-left: 0 !important }
#action-alert p { color:#333; line-height:1.5em!important }
#tyform { padding:4%; background-color:#EBEBEB!important }
/* div#action-alert div#column2 fieldset#info.singlecolumnview { padding:2% } */
fieldset#info .half-field { width:48%; display:block; float:left; clear:left }
fieldset#info .half-field ~ .half-field { float:right; clear:right }
fieldset#info .half-field input[type=text],fieldset#info .half-field select { padding:4% }
fieldset#info .half-field .label-text { float:left; width:100%;  }
#column1 p#description { display:none }
#action-alert .top-labels .field-wrap { margin-left:0; padding-bottom: 0; }
#action-alert { border:0 !important }
#action-alert.form .submit-wrap input#send,.additionalbuttons { background-color:var(--evergreen);color:var(--snow);text-transform: uppercase;border: 0; border-radius: 200px; padding:0.45em 1em!important; font-weight: bold;
font-family: "Helvetica Neue", Arial, sans-serif;  }
#action-alert.form .submit-wrap input#send:hover,.additionalbuttons:hover { background-color: var(--sun); transition: all 0.3s}
.additionalbuttons { padding:0.4em 0.6em; font:normal 18px 'Helvetica Neue', Arial, sans-serif; width:100%; float:left; cursor: pointer; text-align: center}
#column1 h2.TakeAction,.navbar-right h2 { color:#959595!important;font-size:14px; font-family:'Helvetica Neue', Arial, sans-serif;text-transform: uppercase; padding-top:0;font-weight:bold; }
#navbar .navbar-right h2 { margin-top:24px!important; font-size: 20px !important }
#message { box-shadow: 5px 10px 20px #ccc; border: 1px solid #bbb; padding: 15px !important; clear:none !important }
#message p:first-of-type { font-weight:bold }
/* #message p:last-of-type { visibility: hidden} */
#thankyoumessage p { color: #616161; padding: 0!important }
#message p,#action-alert #message p { color: #333; padding: 0!important }
#thankyoumessage h3 { padding-left: 0!important; margin:0.5em 0; font-weight:bold }
#action-alert #message h3.styled { padding-left: 0!important; margin:0.5em 0; color: #616161 }
/* #message .label-field-wrap { margin-bottom: 0 } */
/* #message #footersig { display:none } */
#column2 #info { margin-left:0 }
#column2 #info.singlecolumnview { margin-left: auto }
.submit-wrap.bottom { max-width:100% }
#hellobox { margin-top: 0 }
#hellobox p { padding-top:0 }
#hellobox p span { font-weight:bold; font-size: 1.1em }
#hellobox p, #hellobox a { font-size: 1em; font-family: 'PT Sans',Arial,sans-serif }
#progressbar { visibility: hidden; float:left; width:100%; }
#column1.singlecolumnview #hellobox { text-align:right }
#info form input[type=text], #info form textarea, #info form select,#action-alert.form #info input[type=text], #action-alert.form #info textarea, #action-alert.form #info select {
  width:100%!important;
  /* padding:2%;  */
  border:1px solid #eee;
  background-color:#fff;
  overflow:hidden }

#tyform tr { padding:0.75em 1em 0 1em!important }
.advo_ty div#action-alert p:first-of-type { display:none }
#tyform td p:first-of-type { display:inline-block!important }
#thankyoumessage p {
  color: #333;
  font: normal 16px 'PT Sans', Arial, sans-serif;
  line-height: 1.3;
  text-align:center
}
#thankyoumessage h1 {
  font-size: 28px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  text-align:center;
  margin-bottom:1.1em;
}

/* tell a friend email */
#action-alert,#sharebox { width:100%; float:left;  }
#tyform { width:100%; max-width:600px; margin:auto }
#tyform tr,#tyform tr td { width:100%; float:left; clear: both }
#tyform td p { margin: 0 3px; }
#taf_captcha_container tr td { text-align:center }
#action-alert h2.styled { display:none }
#wrapFooter.advo_ty,#wrapFooter.advo_tyfb { margin-top: 0!important }
.advo_ty #action-alert ul li { padding-left:0; background:none!important; }
.advo_ty #contentFull #action-alert ul { padding:0!important;margin:0!important }
.advo_ty #contentFull #action-alert { text-align: center }
.advo_ty #wrapMain:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  background-size:cover;
  width: 100%;
  height: 100%;
  //background-image:url(https://secure3.convio.net/tpl/images/content/pagebuilder/Donation_Form_Banner_1236x538.jpg);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  //opacity:0.5;
}

.advo_ty #wrapMain,.advo_tyfb #wrapMain {
  //overflow: auto;
  position: relative;
  background-color:transparent;
  padding-top:0!important;
  padding-bottom:0!important;
}

#tyform tr, #tyform tr td {
  border:0px !important;
}

.advo_ty #action-alert,.advo_tyfb #thankyoumessage {
  background-color:rgba(255,255,255,0.85);
  padding:2%;
  width:100%;
}

.advo_ty #content #action-alert input, .advo_ty #content #action-alert textarea, .advo_ty #content #action-alert select, .advo_ty #contentFull #action-alert input, .advo_ty #contentFull #action-alert textarea, .advo_ty #contentFull #action-alert select {
  width:100%;
  float:left;
  padding:1%;
  color: #444;
  font: normal 16px 'PT Sans', Arial, sans-serif;
  line-height: 1.3;
}

.advo_ty #contentFull #action-alert textarea, .advo_ty #content #action-alert textarea {
  min-height:10em
}

.advo_ty #content #action-alert p.label label, .advo_ty #contentFull #action-alert p.label label {
  font-weight: normal;
  font-size:1em;
}

.advo_ty #content #action-alert label, .advo_ty #contentFull #action-alert label {

}

#tyform tr {
  /*padding:1.25em 1em*/
}

#tyform #taf_captcha_container tr {
  padding: 0
}

label[for=taf_captcha]{
  width:96%
}

.advo_ty #action-alert .submit-wrap.bottom {
  max-width:100%!important;
  margin-top:1em;
  margin-bottom:1.5em;
  width:100%;
  float:left;
  text-align: center
}

@media (min-width: 1200px){
  .advo_ty #send {
    max-width:39%!important;background-color:#009FDA!important;color:#fff;text-transform: uppercase;border:1px solid #FFF; padding:0.45em 1em!important; color:#fff!important; font-size:1.3em;
  }
}

.advo_ty #send {
  width:auto!important;background-color:#009FDA!important;color:#fff;text-transform: uppercase;border:1px solid #FFF; padding:0.45em 1em!important; color:#fff!important; font-size:1.3em;text-align:center;margin:auto;float:none!important;font:normal 18px 'PT Sans', Arial, sans-serif!important;
}

.advo_ty input[name=close_preview] {
  display:none;
}

#taf_captcha_container {
  width:100%!important;
  max-width:250px;
  margin:auto;
}

#taf_captcha_container table {
  float:left;
  width:100%!important;
}

#captcha_img_taf_captcha {
  width:100%;
  float:left
}

#facebookshare {
  visibility:hidden;
  clear:both;
  width:100%;
  max-width:529px;
  border-radius:0 0 3px 3px;
  background:rgba(128,128,128,0.5);
  display:inline-block;
  margin:0 25%;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

@media (max-width:700px){
  #facebookshare {
    margin:auto!important;
  }
  #facebookshare table p,#facebookshare table h3,#facebookshare table td span  {
    /*font-size:80%!important*/
  }
}

#facebookshare table {
  width:100%;max-width:529px;margin:0!important;float:left;
  text-align: left;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#facebookshare table img {
  visibility:hidden;max-height:231px;
  width:100%;max-width:527px;margin:1px 1px 0 1px;float:left;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#facebookshare table h3 {
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 5px;
  max-height: 110px;
  overflow: hidden;
  word-wrap: break-word;
  text-decoration: none;
  transition:color .1s ease-in-out;
  margin-top:0;
  cursor: default;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#facebookshare table p {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 16px;
  font-size:12px;
  max-height: 80px;
  overflow: hidden;
  transition:color .1s ease-in-out;
  cursor: default;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#facebookshare table td span {
  padding-top: 9px;
  position: relative;
  font-size: 12px;
  font-family:Helvetica, Arial, sans-serif;
  color:#4b4f56;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  text-transform: uppercase;
  cursor: default;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#facebookshare table td  {
  border-right:0 !important;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#facebookshare table td #fbookpad {
  padding: 10px 12px;
  height: auto;
  /*max-height: 100px;*/
  background-color: #fff;
  /*width: 100%;*/
  max-width: 527px;
  margin: 0 1px 2px;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#sharebox {
  margin-bottom:3em;
}

#sharebutton, #nosharebutton {
  display:block;
  width:100%;
  float:left;
  text-align:center;
  margin-bottom:3em;
  margin-top:1.5em
}

#nosharebutton {
  margin-top:3em;
}

#sharebutton div {
  margin: auto;
  text-align: center;
  padding: 0.5em 1em;
  background-color: #4467b1;
  display: inline;
  cursor: pointer;
  font-size: 2em;
  color: #fff;
  border-radius: 0.25em;
}

#nosharebutton div {
  margin: auto;
  text-align: center;
  padding: 0.5em 1em;
  background-color: grey;
  display: inline;
  cursor: pointer;
  font-size: 2em;
  color: #fff;
  border-radius: 0.25em;
}

#sharebutton div a,#nosharebutton div a {
  cursor: pointer;
  color:#fff;
  text-decoration: none;
  font-weight:bold;
}

#sharebutton div a:hover,#nosharebutton div a:hover {
  cursor: pointer;
  color:#fff;
  text-decoration: none;
}

span.AlertListName {
  font-size:2em;
  line-height:2.4em;
  font-family: 'PT Sans', Arial, sans-serif;
  color: #009FDA;
}

span.AlertListName a {
  font-family: 'PT Sans', Arial, sans-serif;
  color: #009FDA;
}

div.AlertListDescription{
  font-size: 1.5em;
  font-family: 'PT Sans', Arial, sans-serif;
  color: #616161;
      line-height: 1.2em;
}

.advo_tafly #wrapMain p {
    font-size: 18px;
    line-height: 20px;
    color: #444;
    font-family: 'PT Sans', Arial, sans-serif;
}

#column1.singlecolumnview,#column2.singlecolumnview,#info.singlecolumnview,#message.singlecolumnview{width:100%!important}
#column2.singlecolumnview div.submit-wrap { text-align: center!important}


/* <!-- 2021 changes --> */

  #info.singlecolumnview form input[type=text], #info.singlecolumnview form textarea, #info.singlecolumnview form select, #action-alert.form #info.singlecolumnview input[type=text], #action-alert.form #info.singlecolumnview textarea, #action-alert.form #info.singlecolumnview select, #tyform input, #tyform select, #tyform textarea {
      padding: 0;
      width: 100%!important;
      border: none;
      background-color: #fff;
      overflow: hidden;
      margin-bottom: 0;
  }

  #title, #state {
    -webkit-appearance: none;
  }

  #action-alert .label-field-wrap {
      border: 1px solid lightgray;
      clear: both;
      background-color: #fff;
      padding: 8px;
      margin: 8px auto 0;
  }

  #info.singlecolumnview .half-field input[type=text], #info.singlecolumnview .half-field select {
      padding: 1%!important;
  }

  #info.singlecolumnview, #message.singlecolumnview,  #column1.singlecolumnview, #column2.singlecolumnview div #send, .bottom #send, .afterForm {
      max-width: 600px;
      margin: auto auto 1em auto !important;
      margin-left: auto!important;
  }

  .label-field-wrap label span.label-text, #tyform label {
      font-weight: bold;
  }

  #main {
      width: 796px;
      margin: 0 auto;
      text-align: left;
      min-height: 970px;
  }

  #main, #contentFull {
    background-color: #ffffff;
  }

  #action-alert #column1 {
    float: none;
  }

  #wrapFooter {
    margin-top: 0;
    padding-bottom: 0;
  }
  #wrapMain {
      background-color: var(--evergreen);
      padding: 27px 0 40px 0;
  }

/* hides "personalize your message" label */
  [for="middle"] .label-text {
    display: none;
}

  @media (min-width: 1200px){
  #contentFull .container {
      max-width: 796px;
      padding: 0!important;
  }
  }

  .label-field-wrap.name-short-field {
    display: inline-block;
    width: 42%;
    margin-right: -4px !important;
    margin-left: 2% !important;
}

.label-field-wrap.one-third-field {
    display: inline-block;
    width: 32%;
    margin-right: -4px !important;
    margin-left: 2% !important;
}

.label-field-wrap.first-one-third-field {
    display: inline-block;
    width: 32%;
    margin-right: -4px !important;
    margin-left: 0 !important;
}

.label-field-wrap.left-field, .label-field-wrap.right-field {
  display: inline-block;
  width: 49%;
  margin-right: -4px !important;
}

.label-field-wrap.right-field {
margin-left: 2% !important;
}

.label-field-wrap.title-field {
    display: inline-block;
    width: 12%;
    margin-right: -4px !important;
}

.right-check {
  display: none;
}

.alert-expired p {
  font-size: 18px;
  line-height: normal;
}

.alert-expired {
  min-height: 50vh;
}

#contentFull .progressive-reveal {
  display: inline;
  cursor: pointer;
  margin: 16px 0 10px;
  font-size: 1.1rem;
}

#action-alert #message p {
  margin-bottom: 1em;
}

/* overwrite grid.less */
@media (min-width: 992px){
.container {
    width: 750px;
}
}

@media (max-width: 550px) {
  .label-field-wrap.name-short-field {
   width: 37%;
  }
  .label-field-wrap.title-field {
    width: 22%;
  }

  #message {
    box-shadow: none;
  }

  .container {
    padding-right: 5px;
    padding-left: 5px;
  }

}