/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active:hover,.btn-adn.active:hover,.open>.dropdown-toggle.btn-adn:hover,.btn-adn:active:focus,.btn-adn.active:focus,.open>.dropdown-toggle.btn-adn:focus,.btn-adn:active.focus,.btn-adn.active.focus,.open>.dropdown-toggle.btn-adn.focus{color:#fff;background-color:#b94630;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled.focus,.btn-adn[disabled].focus,fieldset[disabled] .btn-adn.focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:focus,.btn-bitbucket.focus{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:hover{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:active:hover,.btn-bitbucket.active:hover,.open>.dropdown-toggle.btn-bitbucket:hover,.btn-bitbucket:active:focus,.btn-bitbucket.active:focus,.open>.dropdown-toggle.btn-bitbucket:focus,.btn-bitbucket:active.focus,.btn-bitbucket.active.focus,.open>.dropdown-toggle.btn-bitbucket.focus{color:#fff;background-color:#0f253c;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled.focus,.btn-bitbucket[disabled].focus,fieldset[disabled] .btn-bitbucket.focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket .badge{color:#205081;background-color:#fff}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:focus,.btn-dropbox.focus{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:hover{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:active:hover,.btn-dropbox.active:hover,.open>.dropdown-toggle.btn-dropbox:hover,.btn-dropbox:active:focus,.btn-dropbox.active:focus,.open>.dropdown-toggle.btn-dropbox:focus,.btn-dropbox:active.focus,.btn-dropbox.active.focus,.open>.dropdown-toggle.btn-dropbox.focus{color:#fff;background-color:#0a568c;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled.focus,.btn-dropbox[disabled].focus,fieldset[disabled] .btn-dropbox.focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-dropbox .badge{color:#1087dd;background-color:#fff}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:focus,.btn-flickr.focus{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
.btn-flickr:hover{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active:hover,.btn-flickr.active:hover,.open>.dropdown-toggle.btn-flickr:hover,.btn-flickr:active:focus,.btn-flickr.active:focus,.open>.dropdown-toggle.btn-flickr:focus,.btn-flickr:active.focus,.btn-flickr.active.focus,.open>.dropdown-toggle.btn-flickr.focus{color:#fff;background-color:#a80057;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled.focus,.btn-flickr[disabled].focus,fieldset[disabled] .btn-flickr.focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-flickr .badge{color:#ff0084;background-color:#fff}
.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:focus,.btn-foursquare.focus{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:hover{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active:hover,.btn-foursquare.active:hover,.open>.dropdown-toggle.btn-foursquare:hover,.btn-foursquare:active:focus,.btn-foursquare.active:focus,.open>.dropdown-toggle.btn-foursquare:focus,.btn-foursquare:active.focus,.btn-foursquare.active.focus,.open>.dropdown-toggle.btn-foursquare.focus{color:#fff;background-color:#e30742;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled.focus,.btn-foursquare[disabled].focus,fieldset[disabled] .btn-foursquare.focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)}
.btn-foursquare .badge{color:#f94877;background-color:#fff}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:focus,.btn-github.focus{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:hover{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active:hover,.btn-github.active:hover,.open>.dropdown-toggle.btn-github:hover,.btn-github:active:focus,.btn-github.active:focus,.open>.dropdown-toggle.btn-github:focus,.btn-github:active.focus,.btn-github.active.focus,.open>.dropdown-toggle.btn-github.focus{color:#fff;background-color:#191919;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled.focus,.btn-github[disabled].focus,fieldset[disabled] .btn-github.focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-github .badge{color:#444;background-color:#fff}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active:hover,.btn-instagram.active:hover,.open>.dropdown-toggle.btn-instagram:hover,.btn-instagram:active:focus,.btn-instagram.active:focus,.open>.dropdown-toggle.btn-instagram:focus,.btn-instagram:active.focus,.btn-instagram.active.focus,.open>.dropdown-toggle.btn-instagram.focus{color:#fff;background-color:#26455d;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled.focus,.btn-instagram[disabled].focus,fieldset[disabled] .btn-instagram.focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active:hover,.btn-linkedin.active:hover,.open>.dropdown-toggle.btn-linkedin:hover,.btn-linkedin:active:focus,.btn-linkedin.active:focus,.open>.dropdown-toggle.btn-linkedin:focus,.btn-linkedin:active.focus,.btn-linkedin.active.focus,.open>.dropdown-toggle.btn-linkedin.focus{color:#fff;background-color:#00405f;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled.focus,.btn-linkedin[disabled].focus,fieldset[disabled] .btn-linkedin.focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-linkedin .badge{color:#007bb6;background-color:#fff}
.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active:hover,.btn-microsoft.active:hover,.open>.dropdown-toggle.btn-microsoft:hover,.btn-microsoft:active:focus,.btn-microsoft.active:focus,.open>.dropdown-toggle.btn-microsoft:focus,.btn-microsoft:active.focus,.btn-microsoft.active.focus,.open>.dropdown-toggle.btn-microsoft.focus{color:#fff;background-color:#0f4bac;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
.btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled.focus,.btn-microsoft[disabled].focus,fieldset[disabled] .btn-microsoft.focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-microsoft .badge{color:#2672ec;background-color:#fff}
.btn-odnoklassniki{color:#fff;background-color:#f4731c;border-color:rgba(0,0,0,0.2)}.btn-odnoklassniki:focus,.btn-odnoklassniki.focus{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,0.2)}
.btn-odnoklassniki:hover{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,0.2)}
.btn-odnoklassniki:active,.btn-odnoklassniki.active,.open>.dropdown-toggle.btn-odnoklassniki{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,0.2)}.btn-odnoklassniki:active:hover,.btn-odnoklassniki.active:hover,.open>.dropdown-toggle.btn-odnoklassniki:hover,.btn-odnoklassniki:active:focus,.btn-odnoklassniki.active:focus,.open>.dropdown-toggle.btn-odnoklassniki:focus,.btn-odnoklassniki:active.focus,.btn-odnoklassniki.active.focus,.open>.dropdown-toggle.btn-odnoklassniki.focus{color:#fff;background-color:#b14c09;border-color:rgba(0,0,0,0.2)}
.btn-odnoklassniki:active,.btn-odnoklassniki.active,.open>.dropdown-toggle.btn-odnoklassniki{background-image:none}
.btn-odnoklassniki.disabled,.btn-odnoklassniki[disabled],fieldset[disabled] .btn-odnoklassniki,.btn-odnoklassniki.disabled:hover,.btn-odnoklassniki[disabled]:hover,fieldset[disabled] .btn-odnoklassniki:hover,.btn-odnoklassniki.disabled:focus,.btn-odnoklassniki[disabled]:focus,fieldset[disabled] .btn-odnoklassniki:focus,.btn-odnoklassniki.disabled.focus,.btn-odnoklassniki[disabled].focus,fieldset[disabled] .btn-odnoklassniki.focus,.btn-odnoklassniki.disabled:active,.btn-odnoklassniki[disabled]:active,fieldset[disabled] .btn-odnoklassniki:active,.btn-odnoklassniki.disabled.active,.btn-odnoklassniki[disabled].active,fieldset[disabled] .btn-odnoklassniki.active{background-color:#f4731c;border-color:rgba(0,0,0,0.2)}
.btn-odnoklassniki .badge{color:#f4731c;background-color:#fff}
.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:focus,.btn-openid.focus{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:hover{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:active:hover,.btn-openid.active:hover,.open>.dropdown-toggle.btn-openid:hover,.btn-openid:active:focus,.btn-openid.active:focus,.open>.dropdown-toggle.btn-openid:focus,.btn-openid:active.focus,.btn-openid.active.focus,.open>.dropdown-toggle.btn-openid.focus{color:#fff;background-color:#b86607;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}
.btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled.focus,.btn-openid[disabled].focus,fieldset[disabled] .btn-openid.focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
.btn-openid .badge{color:#f7931e;background-color:#fff}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active:hover,.btn-pinterest.active:hover,.open>.dropdown-toggle.btn-pinterest:hover,.btn-pinterest:active:focus,.btn-pinterest.active:focus,.open>.dropdown-toggle.btn-pinterest:focus,.btn-pinterest:active.focus,.btn-pinterest.active.focus,.open>.dropdown-toggle.btn-pinterest.focus{color:#fff;background-color:#801419;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled.focus,.btn-pinterest[disabled].focus,fieldset[disabled] .btn-pinterest.focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:focus,.btn-reddit.focus{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:hover{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:active:hover,.btn-reddit.active:hover,.open>.dropdown-toggle.btn-reddit:hover,.btn-reddit:active:focus,.btn-reddit.active:focus,.open>.dropdown-toggle.btn-reddit:focus,.btn-reddit:active.focus,.btn-reddit.active.focus,.open>.dropdown-toggle.btn-reddit.focus{color:#000;background-color:#98ccff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}
.btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled.focus,.btn-reddit[disabled].focus,fieldset[disabled] .btn-reddit.focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
.btn-reddit .badge{color:#eff7ff;background-color:#000}
.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:focus,.btn-soundcloud.focus{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:hover{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:active:hover,.btn-soundcloud.active:hover,.open>.dropdown-toggle.btn-soundcloud:hover,.btn-soundcloud:active:focus,.btn-soundcloud.active:focus,.open>.dropdown-toggle.btn-soundcloud:focus,.btn-soundcloud:active.focus,.btn-soundcloud.active.focus,.open>.dropdown-toggle.btn-soundcloud.focus{color:#fff;background-color:#a83800;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}
.btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled.focus,.btn-soundcloud[disabled].focus,fieldset[disabled] .btn-soundcloud.focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud .badge{color:#f50;background-color:#fff}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:focus,.btn-tumblr.focus{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:hover{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active:hover,.btn-tumblr.active:hover,.open>.dropdown-toggle.btn-tumblr:hover,.btn-tumblr:active:focus,.btn-tumblr.active:focus,.open>.dropdown-toggle.btn-tumblr:focus,.btn-tumblr:active.focus,.btn-tumblr.active.focus,.open>.dropdown-toggle.btn-tumblr.focus{color:#fff;background-color:#111c26;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled.focus,.btn-tumblr[disabled].focus,fieldset[disabled] .btn-tumblr.focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-tumblr .badge{color:#2c4762;background-color:#fff}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}
.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:focus,.btn-vimeo.focus{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:hover{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active:hover,.btn-vimeo.active:hover,.open>.dropdown-toggle.btn-vimeo:hover,.btn-vimeo:active:focus,.btn-vimeo.active:focus,.open>.dropdown-toggle.btn-vimeo:focus,.btn-vimeo:active.focus,.btn-vimeo.active.focus,.open>.dropdown-toggle.btn-vimeo.focus{color:#fff;background-color:#0f7b9f;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}
.btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled.focus,.btn-vimeo[disabled].focus,fieldset[disabled] .btn-vimeo.focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:focus,.btn-vk.focus{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
.btn-vk:hover{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active:hover,.btn-vk.active:hover,.open>.dropdown-toggle.btn-vk:hover,.btn-vk:active:focus,.btn-vk.active:focus,.open>.dropdown-toggle.btn-vk:focus,.btn-vk:active.focus,.btn-vk.active.focus,.open>.dropdown-toggle.btn-vk.focus{color:#fff;background-color:#3a526b;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled.focus,.btn-vk[disabled].focus,fieldset[disabled] .btn-vk.focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
.btn-vk .badge{color:#587ea3;background-color:#fff}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:focus,.btn-yahoo.focus{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:hover{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active:hover,.btn-yahoo.active:hover,.open>.dropdown-toggle.btn-yahoo:hover,.btn-yahoo:active:focus,.btn-yahoo.active:focus,.open>.dropdown-toggle.btn-yahoo:focus,.btn-yahoo:active.focus,.btn-yahoo.active.focus,.open>.dropdown-toggle.btn-yahoo.focus{color:#fff;background-color:#39074e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
.btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled.focus,.btn-yahoo[disabled].focus,fieldset[disabled] .btn-yahoo.focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo .badge{color:#720e9e;background-color:#fff}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

    body .special-selector-fill-viewport {
        flex: 1;
        /*This IE specific rule prevents known issues. https://caniuse.com/#feat=flexbox */
        -ms-flex: 0 1 auto;
    }

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f3f3f4;
    padding-top: 65px;
}

a {
    cursor: pointer;
}

.navbar-fixed-top {
    margin-bottom: 2px;
    padding-top: 5px;
}

.icon-bar {
    background-color: red;
}

.navbar-collapse {
    background-color: white;
}

p.bolded {
    font-weight: 900;
}

/* overrides default bootstrap setting */

.navbar {
    background-color: #fff;
    padding-top: 5px;
}

.navbar-nav {
    margin-top: 5px;
}

.navbar #logo {
    display: inline-block;
}

    .navbar #logo img {
        max-height: 55px;
        margin-bottom: 5px;
    }

/* centered columns withing the row styles, to use BOTH at the same time --> doesnt center the text, but the COLUMNT withing its ROW */

.row-centered {
    text-align: center;
}

.row-left {
    text-align: left;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.col-min {
    /* custom min width */
    min-width: 400px;
}

.col-max {
    /* custom min width */
    max-width: 493px;
}

.sign-up-imagery {
    background: url('../CDN/images/bg_overlay.png') center top repeat-y, /* dark gradient placed on top of the main image, do not change*/
    url('../CDN/images/bg_volunteer.jpg')center -150px no-repeat;
    /*vertical positioning (aka -150px here) will depend on the desired image placement? */
    display: block;
    height: 300px;
    background-color: #000;
    position: relative;
}

.petition-imagery,
.thankyou-imagery {
    background: url('../CDN/images/bg_overlay.png') center top repeat-y, /* dark gradient placed on top of the main image, do not change*/
    url('../CDN/images/bg_petition3.jpg') center -90px no-repeat;
    /*vertical positioning (aka -150px here) will depend on the desired image placement? */
    display: block;
    height: 300px;
    background-color: #000;
    position: relative;
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.thankyou-imagery {
    background: url('../CDN/images/bg_overlay.png') center top repeat-y, /* dark gradient placed on top of the main image, do not change*/
    url('../CDN/images/survey_flag.jpg') center -90px no-repeat;
    /*vertical positioning (aka -150px here) will depend on the desired image placement? */
}

.petitions-inner-wrapper {
    font-family: 'Roboto Slab', serif;
    color: #fff;
    position: relative;
    text-align: left;
    padding-left: 30px;
}

/*refloat petition header & subheader for mobile */
body.shareable-thank-you-widget {
    padding-top: 20px;
}

.shareable-thank-you-widget .petitions-header {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.shareable-thank-you-widget .petition-legend,
.shareable-thank-you-widget .petition-imagery {
    display: none;
}

body.shareable-thank-you-widget .petition-sign {
    margin-top: 0;
}

@media (max-width: 768px) {
    .petitions-inner-wrapper {
        margin-left: -40px;
        margin-right: -20px;
        min-width: 300px;
    }

    .shareable-thank-you-widget .remove-padding-sm {
        padding: 0;
    }

    .shareable-thank-you-widget .petitions-inner-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .containter-petitions,
    .petition-imagery {
        height: auto !important;
        min-height: 100% !important;
        max-height: 100% !important;
        padding-bottom: 20px;
    }

    .petition-sign {
        margin-top: 0 !important;
    }
}

legend.petition-legend {
    font-family: 'Roboto', serif;
    font-size: 2em;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -5px;
    border-bottom: 2px #e4e4e4 solid;
    margin-bottom: 20px;
}

/***** Signed-in user info on Petition screen *****/

.petition-user-info ul {
    font-size: 18px;
    /*line-height: 35px;*/
    margin-top: 10px;
    opacity: 0.9;
}

.petition-user-info h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #b4b4b4;
    margin-top: 25px;
}

    .petition-user-info h5 a:link {
        color: #b4b4b4;
        text-decoration: underline;
        font-weight: 300;
        cursor: pointer;
    }

    .petition-user-info h5 a:hover {
        text-decoration: none;
    }

.volunteer-stats {
    margin-top: -5px;
}

    .volunteer-stats strong {
        font-size: 2em;
        font-weight: 400;
    }

.petition-stats {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.petitions-signed {
    font-weight: 400;
    font-size: 1.25em;
    margin-top: -5px;
}

h1.petitions-header {
    font-size: 38px;
}

h1.thankyou-header {
    font-size: 3.8em;
}

h2.what-to-say {
    margin-top: 10px;
    font-size: 24px;
    color: gray;
}

.what-to-say-content {
    margin-top: 20px;
}

.sign-up-panel fieldset.call-officials-content-container {
    padding: 0 35px 15px 35px;
    margin-bottom: 0;
}

    .sign-up-panel fieldset.call-officials-content-container form {
        padding: 0;
    }

.status-container {
    padding: 9px 0;
}

p.petitions-subheader {
    font-size: 1.2em;
    opacity: .8;
}

.container-petitions {
    display: table-cell;
    vertical-align: middle;
    max-width: 600px;
    height: 250px;
    min-height: 200px;
}

/* this block won't be used if jumboron contains new page header */

.sign-up-imagery .jumbotron {
    background-color: transparent;
    padding-left: 30px;
    padding-top: 225px;
}

/* Sign Up descriptive text panel */

.sign-up-intro {
    padding: 30px 35px 30px 35px;
    color: #666;
    background-color: #fff;
    margin-top: 25px;
    margin-right: 20px;
}

    .sign-up-intro.read-more-sign-up-intro {
        padding-top: 0;
        margin: 0;
        margin-top: -30px;
        padding-top: 15px;
    }

@media (min-width:768px) {
    .sign-up-intro {
        margin-left: 22px;
    }

    .sign-up-panel {
        margin-left: 20px;
    }
}

@media (max-width:768px) {
    .navbar-header img {
        margin-left: 20px;
    }
}

.sign-up-intro h4 {
    color: #333;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.3em;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.sign-up-intro p {
    font-size: 1.1em;
    line-height: 1.6em;
    padding-top: 4px;
    font-weight: 300;
}

/*main sign-up form*/

.sign-up-panel {
    margin-top: -90px;
}

    .sign-up-panel fieldset {
        padding: 0 0 10px 0;
    }

/* add to .sign-up-panel on Sign Petition screen to move the fieldset down */

.petition-sign {
    margin-top: -65px;
}

/* Styling the petition Read More section*/

@media (max-width:767px) {
    .sign-up-panel.petition-sign {
        margin-top: -20px;
    }
}

/* log-in form */

.login-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 768px) {
    .login-panel {
        margin-top: 30px;
    }
}

legend.login-form-legend,
legend.signup-form-legend {
    text-align: center;
    padding-bottom: 9px;
    padding-top: 10px;
    border-bottom: 2px #e4e4e4 solid;
    font-size: 38px;
    font-family: 'Roboto Slab', serif;
    text-transform: none;
}

legend.signup-form-legend {
    text-align: left;
    margin-bottom: 20px;
}

.login-info {
    margin-top: 40px;
}

p.fields-descriptor {
    font-size: 1em;
    color: #a4a4a4;
    font-weight: 400;
}

.required-fields {
    padding-bottom: 30px;
}

label {
    margin: 20px 0 5px 0;
    font-weight: 400;
}

.required label {
    font-weight: 700;
}

.volunteer {
    margin-top: 15px;
}

    .volunteer .checkbox {
        margin-bottom: -5px;
    }

    .volunteer label.volunteer-yes {
        font-size: 1.1em;
        font-weight: 700;
    }

.login-fieldset legend.form-legend {
    padding-bottom: 9px;
    padding-top: 20px;
    font-size: 32px;
    font-family: 'Roboto Slab', serif;
}

input.required {
    color: #e32;
}

fieldset {
    margin-bottom: 40px;
}

form {
    padding: 0 20px;
}

.navbar-right a {
    text-transform: uppercase;
}

a.logout span {
    color: #999;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #28ace2;
    font-weight: 700;
    letter-spacing: 1px;
}

.item-select-row {
    margin: 0 0 0 -20px;
    padding: 0;
}

    .item-select-row div.checkbox {
        margin: 0;
    }

    .item-select-row .checkbox label {
        margin-top: 10px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

.user-select-none {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

label.item-select-header {
    text-transform: uppercase;
    font-weight: 900;
}
/* sign up & log in bottons block */

.form-action {
    margin-top: 50px;
}

/* button & input -- override boostrap css */

.form-control {
    border-radius: 1px;
    height: 45px;
    background: #f1f2f2;
    border: 1px solid #d1d3d4;
}

.btn {
    border-radius: 1px;
}
/* main button -- styling is specific to each client .css & will override .btn-primary Bootstrap class */

.btn-primary {
    background-color: #602;
    border-color: #28ace2;
    padding: 10px 20px;
    /*  margin: 30px 0; */
    width: 100%;
}

.btn.btn-secondary {
    background-color: #fff !important;
    color: #28ace2;
    padding: 10px 20px;
    width: 100%;
    border: 1px solid #28ace2;
}

/** custom styling can extend the width of a button beyond its parent boundaries, such as the login credentials change/show boundaries. 
    this css rule keeps the button within its parent. */
.btn-max-w-100 {
    max-width: 100%;
}
/** wrap button text. Important when custom styles shrink button sizes. */
.btn-ws-normal {
    white-space: normal;
}
/** Expand buttton to fill the height of the container */
.btn-min-h-100 {
    min-height: 100%;
}
/** custom styling to ensure a button is centered */
.login-wrapper input.btn-primary[type="submit"],
.btn-centered {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/* bootstrap override */

.btn-default {
    background-color: #fff;
    border-color: #28ace2;
    padding: 10px 20px;
    width: 100%;
    color: #28ace2;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active {
        background-color: #1f7da4;
        border-color: #1f7da4;
        color: #fff;
    }

/* OR block separtating regular sign-up from sing up with facebook */

.or-block {
    text-align: center;
    color: #ccc;
    margin-top: 22px;
    margin-bottom: 20px;
}

span.share-txt,
span.or-txt {
    color: #333;
    font-weight: 500;
}

/* override .btn-solial display, pulled in form bootstrap-social.css */

.btn-social {
    text-align: center;
    padding: 10px 0;
}

.btn-share {
    font-size: 14px;
    display: inline-block;
    color: white;
    height: 30px;
    width: 40px;
    position: relative;
    cursor: pointer;
}

    .btn-share .social-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .btn-share.btn-email {
        background-color: #f00;
        opacity: 0.55;
    }

        .btn-share.btn-email:focus,
        .btn-share.btn-email:hover {
            opacity: 0.7;
            color: #fff;
        }

    .btn-share .social-icon.fa-facebook {
        padding: 0;
    }

/* this adjusts fb icon positioning for the Log In with Facebook btn */

.fa-facebook {
    padding: 5px 0;
}

/* "read more" content display */

#panel {
    display: none;
    margin-left: -12px;
}

#flip {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 30px;
}

a.read-more-link {
    background-color: #fff;
    padding: 5px 20px 10px 20px;
    border-radius: 3px;
    font-weight: 500;
    text-transform: uppercase;
    color: #28ace2;
}

/* footer placeholder */

footer {
    opacity: 0.3;
    background-color: #fff;
    text-align: center;
    margin-top: 30px;
    padding: 30px 20px 20px 20px;
    position: relative;
    bottom: 0;
    width: 100%;
}

.login-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

h3,
h4 {
    font-family: 'Roboto Slab', serif;
}

    h3 a,
    h4 a {
        color: #000;
    }

.thumbnail,
.panel {
    border-radius: 5px;
    box-shadow: none;
}

    .thumbnail img {
        border-radius: 2px 2px 0 0;
    }

/*****------------- HOMEPAGE ------------------*****/


/*   overwrites boostrap thumbnail display, removes white borders */

.thumbnail {
    padding: 0;
    border: 0;
    border: solid 1px #e4e4e4;
}

div.thumbnail:hover {
    background-color: rgba(243, 243, 244, 0.45);
}

/* fix layout when tabs wrap */
.nav-tabs > li {
    margin-bottom: 4px; /* override bootstrap rule */
}

#survey-petition-filter {
    display: flex;
    flex-wrap: wrap;
}
/* end tabs wrap fix */

.volunteer-panel {
    margin-top: 55px;
    padding-top: 0;
    padding-bottom: 25px;
    background-color: white;
}

@media (min-width:992px) {
    .volunteer-panel {
        min-height: 359px;
        display: block;
    }
}

@media (min-width:1200px) {
    .volunteer-panel {
        min-height: 382px;
    }
}

@media (max-width:768px) {
    h3.new-user p {
        font-size: .8em;
    }
}

.volunteer-name {
    margin: 10px 5px 10px 15px;
    padding: 10px 10px;
}

    .volunteer-name h3 {
        font-family: 'Roboto', serif;
        font-size: 2em;
        font-weight: 400;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .volunteer-name address {
        color: #999;
        margin: 1px 30px 5px 0;
        padding-bottom: 30px;
        border-bottom: 2px #e4e4e4 solid;
    }

.volunteer-stats {
    font-size: 1.4em;
    padding-top: 7px;
    padding-bottom: 10px;
    margin: 5px;
    font-weight: 300;
    color: #808285;
}

    .volunteer-stats strong {
        font-weight: 700;
        font-size: 1.4em;
        display: inline-block;
        min-width: 55px;
        text-align: center;
        color: #28ace2;
        /*  ---> i-360 blue*/
        vertical-align: -3px;
        font-family: 'Roboto Slab', sans-serif;
        /* color: #ca2227; red*/
    }

@media (max-width:992px) {
    .volunteer-name {
        text-align: center;
    }

    .volunteer-stats {
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: -10px;
    }

        .volunteer-stats strong {
            display: block;
            clear: both;
        }
}

/*homepage message display for unrecognized users */

.volunteer-name h3.new-user {
    /*text-align: center;*/
    margin: 0 20px -20px -10px;
    font-weight: 300;
}

.top-priority {
    font-family: 'Roboto', serif;
    font-weight: 300;
    font-size: 2em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
}

.secondary-priority,
legend {
    font-family: 'Roboto', serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 7px;
    border-bottom: #ccc 1px solid;
}

legend {
    font-weight: 400;
    border-bottom: none;
    margin-bottom: 3px;
}

/*layout for the survey & petition tabs */

.image-tag {
    margin-top: -20px;
    margin-left: 5px;
}

    .image-tag > span {
        background-color: #28ace2;
        padding: 5px 10px;
        margin-left: -4px;
        color: #fff;
        text-transform: uppercase;
        font-size: .9em;
    }

/* filter navigation menu styling of the tabs */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 1px solid #fff;
    border-bottom: 2px solid #28ace2;
    padding: 10px 40px;
}

.nav-filter {
    border-bottom: none;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .nav-filter li a {
        padding: 10px 40px 10px 33px;
        margin: 0 5px;
        font-size: 1.2em;
        font-weight: 400;
        background-color: #fff;
        border-radius: 2px 2px 0 0;
        color: #a5a5a5;
        border: 1px solid #fff;
    }

        .nav-filter li a:first-child {
            margin-left: 0;
        }

    .nav-filter li.active a {
        border: 1px solid #fff;
        border-bottom: 2px solid #28ace2;
        padding: 10px 40px;
    }

    .nav-filter li a:hover,
    .nav-filter li a:active {
        border: 1px solid #fff;
        border-bottom: none;
        background-color: rgba(255, 255, 255, 0.41);
    }

    .nav-filter li.active a:hover,
    .nav-filter li.active a:active {
        border: 1px solid #fff;
        border-bottom: 2px solid #28ace2;
        background-color: rgba(255, 255, 255, 0.41);
    }

    .nav-filter li.main-nav-filter-item-cnt-10,
    .nav-filter li.main-nav-filter-item-cnt-9,
    .nav-filter li.main-nav-filter-item-cnt-8,
    .nav-filter li.main-nav-filter-item-cnt-7 {
        display: block;
        float: none;
    }

        .nav-filter li.main-nav-filter-item-cnt-10 a,
        .nav-filter li.main-nav-filter-item-cnt-9 a,
        .nav-filter li.main-nav-filter-item-cnt-8 a,
        .nav-filter li.main-nav-filter-item-cnt-7 a,
        .nav-filter li.main-nav-filter-item-cnt-10 a:hover,
        .nav-filter li.main-nav-filter-item-cnt-9 a:hover,
        .nav-filter li.main-nav-filter-item-cnt-8 a:hover,
        .nav-filter li.main-nav-filter-item-cnt-7 a:hover {
            margin-bottom: 10px;
            border-bottom: 1px #fff solid;
        }

ul.nav-filter.more-than-6-items {
    text-align: center;
}

    ul.nav-filter.more-than-6-items li {
        display: inline-block;
        padding: 0 10px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        ul.nav-filter.more-than-6-items li a:hover,
        ul.nav-filter.more-than-6-items li a {
            background-color: transparent;
            padding: 0;
            border: none;
            border-bottom: 2px solid transparent;
            display: inline-block;
        }

        ul.nav-filter.more-than-6-items li.active a {
            color: #28ace2;
        }

@media (max-width:1200px) {
    .nav-filter li.main-nav-filter-item-cnt-6 {
        display: block;
        float: none;
    }

        .nav-filter li.main-nav-filter-item-cnt-6 a,
        .nav-filter li.main-nav-filter-item-cnt-6 a:hover {
            margin-bottom: 10px;
            border-bottom: 1px #fff solid;
        }
}

@media (max-width:992px) {
    .nav-filter li.main-nav-filter-item-cnt-5 {
        display: block;
        float: none;
    }

        .nav-filter li.main-nav-filter-item-cnt-5 a,
        .nav-filter li.main-nav-filter-item-cnt-5 a:hover {
            margin-bottom: 10px;
            border-bottom: 1px #fff solid;
        }
}

@media (max-width:768px) {
    .nav-filter li {
        display: block;
        float: none;
    }

        .nav-filter li a,
        .nav-filter li a:hover {
            margin-bottom: 10px;
            border-bottom: 1px #fff solid;
        }
}

.caption {
    margin: 0 5px 0 5px;
}



/* THUMBNAILS DISPLAY -- Controls h4 display, when h4 follows .image-tag */

.image-tag ~ h4 {
    margin-top: 10px;
    padding-top: 10px;
    min-height: 70px;
}

.task-type {
    margin-bottom: 5px;
    display: block;
    color: #c6c6c6;
}

/*
 /* THUMBNAILS ROW DISPLAY -- Controls top padding row of petitions or calls thumbnails row display of Thank you for signing up screen, when when preceeded by .form-smg */

div.form-msg ~ div.row {
    padding-top: 10px;
}

/*********** petitions section ************** */

.welcome {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 0px;
    vertical-align: middle;
    color: #a4a4a4;
    margin-top: 20px;
}

    .welcome h3 {
        margin-bottom: 0;
        color: #000;
    }

.highlights div {
    text-align: center;
    font-size: 1em;
    color: #000;
}

.call-out {
    margin: 0;
    display: block;
    font-size: 18px;
    color: #808285;
}

.highlights div strong {
    font-weight: 700;
    font-size: 26px;
    display: inline-block;
    min-width: 55px;
    text-align: center;
    color: #28ace2;
}

.petition-welcome h3 {
    font-family: 'Roboto', serif;
    font-size: 2em;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 20px;
}

@media (max-width:768px) {
    .petition-welcome {
        text-align: center;
    }
}

/********* profile management ******/

.nav-profile-link {
    width: 25%;
    text-align: center;
}

@media (max-width:768px) {
    .nav-profile-link {
        width: 100%;
    }
}

.highlights {
    padding: 10px 0;
}

    .highlights div {
        border-right: solid 1px #ccc;
    }

        .highlights div:last-child {
            border-right: none;
        }

    .highlights strong {
        font-family: 'Roboto Slab', sans-serif;
    }

.profile-volunteer {
    margin: 30px 0 0 0;
    background-color: #fff;
    border-radius: 3px;
    padding-left: 20px;
    padding-top: 10px;
}

    .profile-volunteer address {
        color: #999;
    }

    .profile-volunteer h3 {
        font-family: 'Roboto', serif;
        font-size: 2em;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 15px;
    }

@media (max-width:768px) {
    .profile-volunteer {
        text-align: center;
    }
}

.highlights {
    color: #808285;
}

    .highlights div:second-child {
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }

.panel-form {
    padding-bottom: 30px;
}

    .panel-form .row {
        padding-left: 20px;
    }

@media (max-width:768px) {
    .panel-form .row {
        padding-left: 5px;
    }
}

legend .glyphicon {
    opacity: .65;
    font-size: .9em;
    margin-right: 10px;
}

.item-select-row .btn {
    margin-top: 25px;
}

form.user-form {
    padding: 0;
    margin: 20px 0 0 0;
}

    form.user-form fieldset {
        margin: 20px 0;
    }

fieldset.fieldset-login .btn {
    margin-top: 45px;
}

@media (max-width:768px) {
    .fieldset-login .form-group .btn {
        margin-top: 15px;
    }
}

date {
    color: #999;
}

/****User acccount: signed petitions + calls made  sections *****/

.view-petitions-calls {
    padding: 10px 0px;
    border-bottom: 1px solid #f3f3f4;
}

    .view-petitions-calls h3 {
        margin-top: 0;
    }

.p-stats {
    text-align: center;
    font-size: 18px;
}

.h4-stats {
    font-weight: 700;
    font-size: 26px;
    color: #28ace2;
    text-align: center;
}

img.calls-photo {
    height: 100px;
}

/*** CALL CENTER  ***/

.hero {
    display: table;
    width: 100%;
    margin: 0 auto;
}

    .hero .container {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 1200px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .hero .container h1 {
            font-size: 45;
            font-family: 'Roboto Slab', serif;
        }

@media only screen and (max-width: 2100px) {
    .hero .container {
        height: 1000px;
    }
}

@media only screen and (max-width: 1440px) {
    .hero .container {
        height: 700px;
    }
}

@media only screen and (max-width: 510px) {
    .call-center-block {
        margin: 0px;
    }
}

.call-center-block {
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    margin-left: 25%;
}

.grey-caps {
    text-transform: uppercase;
    color: #808285;
}

.bold-red {
    color: #ca2227;
    font-weight: bold;
}

.call-center-descriptions-row {
    margin: 30px;
    margin-top: 0;
}

.call-center-descriptions {
    background: #fff;
    /*margin: 30px;*/
    padding: 30px;
    margin-top: 30px;
}

    .call-center-descriptions h4 {
        font-size: 1.7em;
    }

/*** Headers ***/

.hero-h1 {
    font-size: 45px;
    padding-left: 30px;
    padding-right: 30px;
}

.hero-h3 {
    font-size: 26px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.hero-p {
    font-size: 20px;
    padding: 40px 0px;
}

@media only screen and (max-width: 550px) {
    .hero-h1 {
        font-size: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-primary {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 991px) {
    .hero-h3 {
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero-p {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

    hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .btn- {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .hero .container {
        height: 600px;
    }

    .call-center-block {
        margin: 0px 20px;
    }
}

/*** pagination ****/

.pagination {
    margin-top: 35px;
}

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        color: #28ace2;
        background-color: #999;
        border-color: #999;
    }

/** missing required field ***/

input.missing-field {
    border-color: #f00;
    color: #f00;
    background-color: #fff;
}

.missing-field::-moz-placeholder {
    color: orangered;
    opacity: 1;
}

.missing-field:-ms-input-placeholder {
    color: orangered;
}

.missing-field::-webkit-input-placeholder {
    color: orangered;
}

/*** thank you messaging for the form ***/

div.form-msg {
    font-size: 1.2em;
    padding-top: 8px;
    margin: 0 0 10px;
    white-space: pre-wrap;
}

/* extra top padding removed for petition messages IF there is a form legend present */
legend.petition-legend ~ div.form-msg {
    margin-top: 0;
}

/*tel link display as txt */

a[href^="tel:"] {
    color: #333;
    text-decoration: none;
}

/*sign petition user edit info link */

.user-edit {
    color: #b4b4b4;
    font-size: 13px;
    margin-left: 5px;
}

/* links to App Store & Google play */

.img-download-btn-appstore {
    height: 50px;
    width: auto;
}

.img-download-btn-googleplay {
    height: 44px;
    width: auto;
}

.pos-static,
.min_stats.pos-static {
    position: static;
}

.cm-row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

ul.nav.display-flex-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
}

    ul.nav.display-flex-sm a {
        min-height: 100%;
    }

@media (max-width: 768px) {
    ul.nav.display-flex-sm {
        display: block;
    }

    .nav-profile-link.profile-link-20 {
        width: 100%;
    }
}



@media (min-width:768px) {
    ul > li.nav-profile-link:first-child:nth-last-child(1),
    ul > li.nav-profile-link:first-child:nth-last-child(1) ~ .nav-profile-link {
        width: 100%;
    }

    ul > li.nav-profile-link:first-child:nth-last-child(2),
    ul > li.nav-profile-link:first-child:nth-last-child(2) ~ .nav-profile-link {
        width: 50%;
    }

    ul > li.nav-profile-link:first-child:nth-last-child(3),
    ul > li.nav-profile-link:first-child:nth-last-child(3) ~ .nav-profile-link {
        width: 33%;
    }

    ul > li.nav-profile-link:first-child:nth-last-child(5),
    ul > li.nav-profile-link:first-child:nth-last-child(5) ~ .nav-profile-link {
        width: 20%;
    }

    ul > li.nav-profile-link:first-child:nth-last-child(6),
    ul > li.nav-profile-link:first-child:nth-last-child(6) ~ .nav-profile-link {
        width: 16.66666667%;
    }

    ul > li.nav-profile-link:first-child:nth-last-child(7),
    ul > li.nav-profile-link:first-child:nth-last-child(7) ~ .nav-profile-link {
        width: 14.28571%;
    }

    ul.nav[class] > li.nav-profile-link > a {
        padding-left: 0;
        padding-right: 0;
    }
}

.profile-volunteer .row.highlights div {
    float: right;
    border-right: none;
    border-left: solid 1px #ccc;
}

    .profile-volunteer .row.highlights div:last-child {
        border-left: none;
    }

.row.thumbnails-home-dynamic-row {
    margin-left: 0;
    margin-right: 0;
}
/*@media (min-width: 992px) {
    .thumbnails-home-dynamic-row.size-2 {
        width: 50%;
        float: left;
    }
    .thumbnails-home-dynamic-row.size-2 > div {
        width: 50%; 
    }
}*/



.sign-up-panel > form .petition-user-info {
    font-size: 14px;
}

    .sign-up-panel > form .petition-user-info ul {
        opacity: 1;
        font-size: 1.1em;
    }

body .volunteer label.volunteer-yes {
    font-size: inherit;
}

.sign-up-panel {
    font-size: 1.1em;
}

div.sign-up-intro {
    color: #333;
}

    div.sign-up-intro .expand-desc-link {
        font-size: 18px;
    }

    div.sign-up-intro .desc-text-more {
        font-size: 14px;
    }

.note-editable.panel-body {
    border-radius: 5px;
}

.call-center-block .hero-h1 {
    font-size: 38px;
}

.call-center-block .lead {
    font-size: 18px;
}

.call-center-descriptions-row p {
    line-height: 1.4em;
    font-size: 1.1em;
}

body legend.signup-form-legend {
    font-size: 2em;
}

body label.item-select-header {
    font-size: 14px;
    font-weight: 700;
}

.thank-you-content .form-msg, .thank-you-content .form-msg p, .thank-you-content .form-msg div {
    font-size: 15.4px;
    line-height: 24.64px;
}

.thank-you-content .view-petitions-calls h3 {
    font-size: 18px;
}

.thank-you-content .view-petitions-calls h4 {
    font-size: 14px;
}

.thank-you-content .view-petitions-calls .caption {
    margin-left: 0;
}

.thank-you-content .view-petitions-calls .btn-utility {
    padding: 6px 20px;
}

.thank-you-content .p-right-15 {
    padding-right: 15px;
}

.thank-you-content .p-left-15 {
    padding-left: 15px;
}

.thank-you-content .p-left-30 {
    padding-left: 30px;
}

.modal .w-100-perc {
    width: 100%;
}

.transparent-div-for-dimensions {
    display: none;
    position: relative;
}

/* Modals */
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

@media (max-width: 992px) {
    .volunteer-panel .partialContents .volunteer-name {
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
    }

        .volunteer-panel .partialContents .volunteer-name address {
            margin-right: 0;
            margin-left: 0;
            padding-top: 6px;
        }

    .volunteer-panel .partialContents .volunteer-stats {
        word-spacing: 9999px;
        float: right;
        border-left: 1px solid #ccc;
    }

        .volunteer-panel .partialContents .volunteer-stats:nth-last-child(2) {
            border-left: none;
        }

    .volunteer-panel .partialContents div:last-child {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 63px;
        margin: 0;
        padding: 0;
    }

    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(2),
    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(2) ~ .volunteer-stats {
        width: 100%;
    }

    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(3),
    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(3) ~ .volunteer-stats {
        width: 50%;
    }

    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(4),
    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(4) ~ .volunteer-stats {
        width: 33%;
    }

    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(5),
    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(5) ~ .volunteer-stats {
        width: 25%;
    }

    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(6),
    .volunteer-panel .partialContents .volunteer-stats:nth-last-child(6) ~ .volunteer-stats {
        width: 20%;
    }



    body .volunteer-panel .partialContents .more-than-3-features.volunteer-stats,
    body .volunteer-panel .partialContents .more-than-3-features.volunteer-stats ~ .volunteer-stats {
        border-left: none;
        display: block;
        width: 100%;
        word-spacing: normal;
        text-align: left;
    }

    .volunteer-panel .partialContents .more-than-3-features.volunteer-stats strong {
        display: inline-block;
    }

    .volunteer-panel .partialContents .more-than-3-features.volunteer-name {
        text-align: left;
    }

    .volunteer-panel .partialContents .more-than-3-features.log-out-link-container {
        left: 5px;
        top: 62px;
        transform: none;
    }

    div.profile-volunteer.more-than-3-features .vol-mng-info {
        text-align: left;
        border-bottom: 2px #e4e4e4 solid;
    }

    div.profile-volunteer.more-than-3-features .row.highlights > div.col-xs-3 {
        border-left: none;
        display: block;
        width: 100% !important;
        word-spacing: normal !important;
        text-align: left;
        padding-left: 0;
    }

    div.profile-volunteer.more-than-3-features {
        padding-left: 0;
    }

        div.profile-volunteer.more-than-3-features .row.highlights > div strong,
        div.profile-volunteer.more-than-3-features .row.highlights > div span.call-out {
            display: inline-block;
            word-spacing: normal !important;
        }

        div.profile-volunteer.more-than-3-features .row.highlights > div.col-xs-3 span.call-out {
            font-size: 18px;
        }
}

.profile-volunteer.more-than-3-features div.col-xs-3 {
    padding: 0 2px;
}

.p-0 {
    padding: 0;
}

.m-left-0-imp {
    margin-left: 0 !important;
}

.m-top-0 {
    margin-top: 0;
}

.m-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.m-top-25 {
    margin-top: 25px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.p-top-0 {
    padding-top: 0;
}

.p-left-5 {
    padding-left: 5px;
}

.p-right-0 {
    padding-right: 0;
}

.p-right-5 {
    padding-right: 5px;
}

.p-left-0 {
    padding-left: 0;
}

.p-left-10 {
    padding-left: 10px;
}

.p-0-5 {
    padding: 0 5px;
}

.p-0-15 {
    padding: 0 15px;
}

.p-30-0-20-0 {
    padding: 30px 0 20px 0;
}

@media (min-width: 992px) {
    .p-bottom-20-lg {
        padding-bottom: 20px;
    }
}

.facebook-selected {
    color: #3B5998
}

.twitter-selected {
    color: #4099FF
}

.thumbnails-home-dynamic-row.size-1 > .item {
    width: 100%;
}

html body .bg-fb-color {
    background-color: #3B5998 !important;
}

html body .fc-fb-color {
    color: #3B5998 !important;
}

html body .bg-tw-color {
    background-color: #4099FF !important;
}

html body .fc-tw-color {
    color: #4099FF !important;
}

html body .btn-transparent {
    background-color: transparent !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}

    html body .btn-transparent:hover,
    html body .btn-transparent:active,
    html body .btn-transparent:focus {
        background-color: transparent !important;
        border: 1px solid #000 !important;
    }

body .share-action-item {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    color: #000;
    float: left;
    margin: 6px; /* facebook and twitter require margin that's 1/4 of height */
    border: none;
    font-size: 0px; /* necessary to override min width of a button on Safari - https://stackoverflow.com/questions/3777494 */
    background-color: transparent;
    background-size: contain;
}

.share-action-item > span {
    display: block; /* override inline-block set by font awesome */
    font-size: 22px; /* override the above override for Safari */
}

body .share-action-item.share-in-progress.fb,
body .share-action-item.share-in-progress.tw,
body .share-action-item.share-in-progress.envelope,
body .share-action-item.share-in-progress.device {
    background-color: transparent;
    color: transparent;
    background-image: url(/CDN/img/spinner.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body .share-action-item.tw {
    background-image: url(/CDN/img/x-black-32.png);
}

body .share-action-item.fb {
    background-image: url(/CDN/img/facebook-black-32.png);
}

body .share-action-item.envelope {
    color: black;
}

body .share-action-item.device {
    color: black;
}

body .share-action-item.fb.selected,
body .share-action-item.fb.shared:not(.share-in-progress) {
    background-image: url(/CDN/img/facebook-black-32.png);
}

body .share-action-item.tw.selected,
body .share-action-item.tw.shared:not(.share-in-progress) {
    background-image: url(/CDN/img/x-black-32.png);
}

body .share-action-item.envelope.shared:not(.share-in-progress) {
    color: black;
}

body .share-action-item.device.shared:not(.share-in-progress) {
    color: black;
}

.lightgrey {
    color: lightgrey;
}

.darkgrey {
    color: darkgrey;
}

@media (max-width: 480px) {
    .secondary-priority-container > .row > .col-xs-6 {
        width: 100%;
        margin: 0;
    }
}

.clr-lightgrey {
    color: #bbb;
}

.clr-darkgrey {
    color: #666;
}

.fs-22 {
    font-size: 22px;
}

.fs-18 {
    font-size: 18px;
}

.fs-14 {
    font-size: 14px;
}

.fw-bold {
    font-weight: bold;
}

.bootstrap-datetimepicker-widget {
    width: 100%;
    padding-top: 0;
}

    .bootstrap-datetimepicker-widget .table-condensed {
        table-layout: fixed;
        width: 100%;
    }

    .bootstrap-datetimepicker-widget th.picker-switch {
        text-align: center;
    }

    .bootstrap-datetimepicker-widget .decade.active,
    .bootstrap-datetimepicker-widget .year.active,
    .bootstrap-datetimepicker-widget .month.active,
    .bootstrap-datetimepicker-widget .day.active,
    .bootstrap-datetimepicker-widget thead tr:first-child {
        background-color: #3b5998;
        color: #fff;
    }

        .bootstrap-datetimepicker-widget thead tr:first-child th {
            cursor: pointer;
        }

    .bootstrap-datetimepicker-widget tbody td {
        border: 1px solid #333;
        cursor: pointer;
    }

    .bootstrap-datetimepicker-widget .decade,
    .bootstrap-datetimepicker-widget .year,
    .bootstrap-datetimepicker-widget .month {
        padding: 0 5px;
        display: inline-block;
    }

    .bootstrap-datetimepicker-widget .disabled {
        background-color: #dedede;
        opacity: 0.7;
        cursor: default;
    }

.sharing-statistics .share-stat {
    font-size: 26px;
    color: #777;
    text-align: center;
    font-weight: bold;
}

.sharing-statistics .share-description {
    color: #777;
    text-align: center;
    font-size: 16px;
}

.share-section .view-petitions-calls {
    padding-bottom: 0;
    border: none !important;
}

.share-section .share-section-item {
    border-bottom: 1px solid lightgrey;
    padding: 15px;
}

    .share-section .share-section-item:last-child {
        border-bottom: none;
    }

.custom-tab-selection-container .custom-tab-selection {
    display: inline-block;
    width: 100%;
    background-color: #dedede;
    border: none;
    padding: 15px 0;
    text-align: center;
    outline: none;
    font-size: 20px;
    color: #656565;
}

    .custom-tab-selection-container .custom-tab-selection.active {
        background-color: #fff;
    }

    .custom-tab-selection-container .custom-tab-selection:hover {
        opacity: 0.8;
    }

.share-layout-section .custom-tab-selection-container {
    margin-bottom: 15px;
}

.share-section {
    padding-top: 15px;
    background-color: #fff;
    margin-left: -15px;
    padding-left: 15px;
}

.share-layout-section {
    background-color: transparent;
}

    .share-layout-section > .row {
        display: flex;
    }

    .share-layout-section .my-friends-section {
        padding-bottom: 15px;
    }

@media (max-width: 992px) {
    .share-layout-section {
        padding: 15px;
        margin: 0;
    }

        .share-layout-section > .row {
            display: block;
        }

    .share-section {
        margin: 0;
        padding: 0 15px;
    }
}

.associated-friends-header {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.pointer {
    cursor: pointer
}

.word-wrap-break {
    word-wrap: break-word;
}

select.state-dropdown,
select.state-dropdown:invalid,
select.state-dropdown option[value=""] {
    color: #999999 !important;
    font-weight: bold;
    padding-left: 8px;
}

    select.state-dropdown option[value=""] {
        display: none;
    }

    select.state-dropdown option {
        color: #000000 !important;
        font-weight: normal;
    }

.required-field-asterisk,
.required-field-asterisk-dropdown {
    color: darkred !important;
    top: -5px !important;
    right: 6px !important;
}

.required-field-asterisk-form-field {
    color: darkred !important;
    position: initial;
    display: initial;
    line-height: 1.1;
}

    .required-field-asterisk::after,
    .required-field-asterisk-dropdown::after,
    .required-field-asterisk-form-field::after {
        font-size: 1em;
        content: "*";
    }

.is-content-share-item .showShare {
    margin-left: -10px;
}

.is-content-share-item.is-share-and-recruit .showShare {
    margin-top: 0;
}

.is-content-share-item .showShare:after {
    content: "";
    display: table;
    clear: both;
}

.width-max-100 {
    max-width: 100%
}

.table-th-width-85 {
    width: 85%;
}

.table-th-width-15 {
    width: 15%;
}

.table-th-width-95 {
    width: 95%;
}

.table-th-width-5 {
    width: 5%;
}

.table-th-width-25 {
    width: 25%;
}

.table-width-100 {
    width: 100%;
}

.table-th-width-65 {
    width: 65%;
}

.table-th-width-10 {
    width: 10%;
}

.table-th-width-33 {
    width: 33%;
}

.table-th-width-34 {
    width: 34%;
}

.margin-top-20 {
    margin-top: 20px
}

.table-width-100 {
    width: 100%;
}

.margin-top-minus-30 {
    margin-top: -30px;
}

.margin-top-minus-20 {
    margin-top: -20px;
}

.margin-bottom-minus-30 {
    margin-bottom: -30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-40 {
    margin-top: 40px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.text-decoration-none {
    text-decoration: none
}

.text-color-green {
    color: green;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.padding-0-10-50-10 {
    padding: 0px 10px 50px 10px;
}

.padding-30-35-30-35 {
    padding: 30px 35px 30px 35px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.margin-10-10-10-5 {
    margin: 10px 10px 10px 5px;
}

.margin-5-10-5-10 {
    margin: 5px 10px 5px 10px;
}

.margin-5-10-10-10 {
    margin: 5px 10px 10px 10px;
}

.margin-10-20-10-0 {
    margin: 10px 20px 10px 0px;
}

.margin-top-minus-5 {
    margin-top: -5px;
}

.color-dimgray {
    color: dimgray
}

.display-right {
    float: right;
}

.display-left {
    float: left;
}

.display-inline {
    display: inline;
}

.display-inlineblock {
    display: inline-block;
}

.padding-left-right-bottom-0px {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.padding-0-0-0-0 {
    padding: 0 0 0 0
}

.margin-padding-bottom-0px {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.padding-0px {
    padding: 0px;
}

.padding-right-15px {
    padding-right: 15px
}

.padding-left-15px {
    padding-left: 15px
}

.padding-top-10px {
    padding-top: 10px
}

.padding-top-15px {
    padding-top: 15px
}

.padding-bottom-40px {
    padding-bottom: 40px;
}

.border-left-right-bottom-width-0px {
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.div-clear-both {
    clear: both;
}

.color-blue {
    color: #0000EE;
}

.color-green {
    color: green;
}

.color-red {
    color: red;
}

.color-red-apply-imp {
    color: red !important;
}

.width-150px {
    width: 150px;
}

.width-250px {
    width: 250px;
}

.padding-left-right-0px-apply-imp {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.font-size-small {
    font-size: x-small;
}

.list-style-type-none {
    list-style-type: none
}

.color-dark-gray {
    color: rgb(165, 165, 165)
}

.img-h-w-32 {
    height: 32px;
    width: 32px;
}

.w-auto {
    width: auto;
}

.white-s-normal {
    white-space: normal;
}

.padding-bottom-0-apply-important {
    padding-bottom: 0px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.padding-top-30 {
    padding-top: 30px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.border-0 {
    border: 0;
}

.width-50 {
    width: 150px;
}

.height-50 {
    height: 50px;
}

.bg-color-red-apply-important {
    background-color: red !important;
}

.margin-top-20 {
    margin-top: 20px;
}

.width-200 {
    width: 200px;
}

.color-darkblue {
    color: #0000EE;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.width-25 {
    width: 25px;
}

.min-w-100-perc {
    min-width: 100%;
}

.visibility-hidden {
    visibility: hidden;
}

.border-b-dotted-darkblue {
    border-bottom: 1px dotted darkblue;
}

.padding-0-20 {
    padding: 0 20px
}

.margin-top-minus-10 {
    margin-top: -10px;
}

.margin-top-minus-30 {
    margin-top: -30px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.font-size-2em {
    font-size: 2em;
}

.font-weight-400 {
    font-weight: 400;
}

.font-size-1-25em {
    font-size: 1.25em;
}

.padding-0 {
    padding: 0;
}

.color-curious-blue {
    color: #337ab7;
}

.event-error {
    border: 1px solid red;
}

.note-toolbar.panel-heading {
    display: none;
    visibility: hidden;
}

input.form-field-name,
input.form-field-email,
input.form-field-address,
input.form-field-city,
input.form-field-password {
    width: 43ch;
    max-width: 100%;
}

input.form-field-phone {
    width: 18ch;
    max-width: 100%;
}

.form-field-state {
    width: 9ch;
    max-width: 100%;
}

input.form-field-postal-code {
    width: 13ch;
    max-width: 100%;
}

.required-field-asterisk-subject {
    color: darkred !important;
    top: 0px !important;
    margin-top: -5px;
    width: 0;
    right: 30px;
}

    .required-field-asterisk-subject::after {
        font-size: 1em;
        content: "*";
    }

.required-field-asterisk-message {
    color: darkred !important;
    top: 0px !important;
    margin-top: -5px;
    width: 0;
    right: 30px;
}

    .required-field-asterisk-message::after {
        font-size: 1em;
        content: "*";
    }

.label-bold {
    font-weight: 700 !important;
    line-height: 1.1;
    margin-top: 5px;
}

.padded-password {
    padding-right: 65px;
}

.link-show-password {
    position: relative;
    left: -65px;
    margin-left: 8px;
    text-decoration: none !important;
}

.inline-block {
    display: inline-block;
}

input.form-control {
    border-radius: 5px !important;
}

.password-div {
    max-width: 80%;
}

/*body {
    background-color: #ECF0F1;
}*/

/*footer {
    margin-top: 0px;
}*/

.themed-content-item {
    background-color: #ECF0F1;
    padding: 140px 0px;
}

@media (max-width: 767px) {
    .themed-content-item {
        padding: 0px;
        background-color: #ffffff;
    }

        .themed-content-item .mobile-headline {
            padding: 55px 15px 24px 15px;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
        }

            .themed-content-item .mobile-headline h1 {
                font-weight: normal;
            }
}

.themed-content-item .btn {
    border-radius: 2px;
}

.themed-content-item .copy {
    /*color: rgba(51, 49, 50, 0.5);*/
    font-size: 20px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .themed-content-item .copy {
        font-size: 16px;
        padding: 15px;
        background-color: #ECF0F1;
    }
}

.themed-content-item .copy h1 {
    /*color: #394058;*/
    font-size: 48px;
    line-height: 1.2;
    margin-top: 0px;
}

.themed-content-item .form {
    background-color: #ffffff;
    padding: 32px;
    box-shadow: 0px 4px 8px 0px rgba(12, 0, 51, 0.1);
}

.template-f .form {
    background-color: inherit;
    padding: 32px;
    box-shadow: none;
    display: block;
    margin-left: 25%;
    margin-right: auto;
    width: 50%;
}

.themed-content-item .form-background-transparent {
    background-color: transparent;
    box-shadow: none;
}

@media (max-width: 767px) {
    .themed-content-item .form {
        box-shadow: none;
    }
}

.themed-content-item .form h2 {
    font-size: 24px;
}

.themed-content-item .form .form-group label {
    margin: 5px 0px;
    color: rgba(51, 49, 50, 0.5);
}

.themed-content-item .form .form-group input {
    /*color: rgba(51, 49, 50, 0.5);*/
    background-color: #ffffff;
    border-radius: 2px;
}

    .themed-content-item .form .form-group input::placeholder {
        /*color: rgba(51, 49, 50, 0.25);*/
    }

.themed-content-item .form button {
    background-color: #394058;
    border-color: #394058;
}

.themed-content-item.background-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .themed-content-item.template-a.background-image,
    .themed-content-item.template-b.background-image,
    .themed-content-item.template-v.background-image,
    .themed-content-item.template-d.background-image,
    .themed-content-item.template-e.background-image,
    .themed-content-item.template-f.background-image,
    .themed-content-item.template-g.background-image,
    /*.themed-content-item.template-i.background-image,*/
    .themed-content-item.template-j.background-image {
        background: none !important;
    }
}

.themed-content-item.background-image .copy {
    /*color: #ffffff;*/
}

    .themed-content-item.background-image .copy h1 {
        /*color: #ffffff;*/
    }

@media (max-width: 767px) {
    .themed-content-item.background-image .copy {
        /*color: #333132;*/
    }
}

.themed-content-item.background-image.template-b .headline {
    /*color: #ffffff;*/
}

    .themed-content-item.background-image.template-b .headline h1 {
        /*color: #ffffff;*/
    }

.themed-content-item.template-b {
    padding: 64px 0px;
}

    .themed-content-item.template-b .headline {
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        /*color: rgba(51, 49, 50, 0.5);*/
    }

        .themed-content-item.template-b .headline h1 {
            font-size: 48px;
            margin-bottom: 28px;
            line-height: 1.4;
            /*color: #394058;*/
        }

@media (max-width: 767px) {
    .themed-content-item.template-b {
        padding: 0px;
        background-color: #ECF0F1;
    }
}

.themed-content-item.template-j,
.themed-content-item.template-c {
    padding: 0px;
}

.themed-content-item.template-j .background,
    .themed-content-item.template-c .background {
        height: 683px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

.themed-content-item.template-j .headline,
    .themed-content-item.template-c .headline {
        margin-top: 64px;
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        color: #ffffff;
    }

.themed-content-item.template-j .headline h1,
        .themed-content-item.template-c .headline h1 {
            font-size: 48px;
            margin-bottom: 28px;
            line-height: 1.4;
            /*color: #ffffff;*/
        }

.themed-content-item.template-j .copy,
    .themed-content-item.template-c .copy {
        margin-top: 64px;
        margin-bottom: 64px;
    }


.themed-content-item.template-d {
    padding: 0px;
}

    .themed-content-item.template-d .background {
        height: 683px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-d .headline {
        margin-top: 64px;
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        /*color: #394058;*/
    }

        .themed-content-item.template-d .headline h1 {
            font-size: 48px;
            margin-bottom: 28px;
            line-height: 1.4;
            /*color: #394058;*/
        }

    .themed-content-item.template-d .copy {
        margin-top: 64px;
        margin-bottom: 64px;
    }

.themed-content-item.template-e {
    padding: 0px;
}

    .themed-content-item.template-e .background {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-e .mobile-headline {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-e .headline {
        margin-top: 64px;
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        /*color: #ffffff;*/
    }

@media (max-width: 767px) {
    .themed-content-item.template-e .headline {
        text-align: center;
    }
}

.themed-content-item.template-e .headline h1 {
    font-size: 48px;
    margin-bottom: 24px;
    line-height: 1.4;
    /*color: #ffffff;*/
}

.themed-content-item.template-e.center-form {
    max-width: inherit;
    width: inherit;
    margin-left: 50px;
    margin-right: 50px;
}

@media (max-width: 767px) {
    .themed-content-item.template-e .form {
        top: 0px;
    }
}

.themed-content-item.template-e .copy {
    padding-top: 15px;
    padding-bottom: 64px;
}

@media (max-width: 767px) {
    .themed-content-item.template-e .copy {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.themed-content-item.template-f {
    padding: 0px;
}

    .themed-content-item.template-f .background {
        height: 683px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-f .mobile-headline {
        height: 400px;
        font-size: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-f .headline {
        margin-top: 64px;
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        /*color: #ffffff;*/
    }

@media (max-width: 767px) {
    .themed-content-item.template-f .headline {
        text-align: center;
    }
}

.themed-content-item.template-f .headline .tag {
    font-size: 24px;
    text-transform: uppercase;
    /*color: #28ace2;*/
    font-weight: bold;
}

.themed-content-item.template-f .headline h1 {
    font-size: 72px;
    margin-top: 16px;
    margin-bottom: 24px;
    line-height: 1.4;
    /*color: #ffffff;*/
}

.themed-content-item.template-f .copy h2 {
    /*color: #394058;*/
    font-size: 36px;
    /*margin-bottom: 10px;*/
}

.themed-content-item.template-f .mobile-headline h1 {
    font-size: 30px;
    margin-top: 16px;
    margin-bottom: 24px;
    line-height: 1.4;
    /*color: #ffffff;*/
}

@media (max-width: 767px) {
    .themed-content-item.template-f .form {
        top: 0px;
    }
}

.themed-content-item.template-f .copy {
    padding-top: 15px;
    padding-bottom: 64px;
}

.themed-content-item.template-g {
    padding: 0px;
}

    .themed-content-item.template-g .background {
        height: 683px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-g .mobile-headline {
        height: 400px;
        font-size: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-g .headline {
        margin-top: 64px;
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        /*color: #ffffff;*/
    }

@media (max-width: 767px) {
    .themed-content-item.template-g .headline {
        text-align: center;
    }
}

.themed-content-item.template-g .headline .tag {
    font-size: 24px;
    text-transform: uppercase;
    /*color: #28ace2;*/
    font-weight: bold;
}

.themed-content-item.template-g .headline h1 {
    font-size: 72px;
    margin-top: 16px;
    margin-bottom: 24px;
    line-height: 1.1;
    /*color: #ffffff;*/
}

.themed-content-item.template-g .copy h2 {
    color: #394058;
    font-size: 36px;
    margin-bottom: 10px;
}

.themed-content-item.template-g .mobile-headline h1 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.1;
}

@media (max-width: 767px) {
    .themed-content-item.template-g .form {
        top: 0px;
    }
}

.themed-content-item.template-g .copy {
    padding-top: 15px;
    padding-bottom: 64px;
}

.themed-content-item.template-i {
    padding: 0px;
}

    .themed-content-item.template-i .background {
        height: 683px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }

    .themed-content-item.template-i .mobile-headline {
        /*height: 400px;*/
        font-size: 20px;
        /*background-size: cover;*/
        /*background-repeat: no-repeat;*/
        /*width: 100%;*/
    }

    .themed-content-item.template-i .headline {
        margin-top: 64px;
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 1.6;
        /*color: #ffffff;*/
    }

@media (max-width: 767px) {
    .themed-content-item.template-i .headline {
        text-align: center;
    }
}

.themed-content-item.template-i .headline .tag {
    font-size: 24px;
    text-transform: uppercase;
    /*color: #28ace2;*/
    font-weight: bold;
}

.themed-content-item.template-i .headline h1 {
    font-size: 48px;
    margin-top: 16px;
    margin-bottom: 24px;
    line-height: 1.4;
    /*color: #ffffff;*/
}

.themed-content-item.template-i .copy h2 {
    color: #394058;
    font-size: 36px;
    margin-bottom: 10px;
}

.themed-content-item.template-i .mobile-headline h1 {
    font-size: 30px;
    margin-top: 16px;
    margin-bottom: 24px;
    line-height: 1.4;
    /*color: #ffffff;*/
}

@media (max-width: 767px) {
    .themed-content-item.template-i .form {
        top: 0px;
    }
}

.themed-content-item.template-i .copy {
    padding-top: 15px;
    padding-bottom: 64px;
}

.template-i .volunteer-yes {
    /*color: white;*/
}

@media (max-width: 767px) {
    .themed-content-item.template-4 .copy {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.themed-content-item .social {
    margin-top: 32px;
}

    .themed-content-item .social a {
        width: 36px;
        height: 36px;
        display: inline-block;
        border-radius: 2px;
    }

        .themed-content-item .social a .fa {
            /*color: #ffffff;*/
            line-height: 36px;
            display: inline;
        }

        .themed-content-item .social a.facebook {
            background-color: #3b5998;
        }

        .themed-content-item .social a.twitter {
            background-color: #1da1f2;
        }

        .themed-content-item .social a.email {
            background-color: #333132;
        }

        .themed-content-item .social a:hover {
            text-decoration: none;
        }

        .themed-content-item .social a + a {
            margin-left: 16px;
        }

/* Utilities */
.template-system-content .p-left-20 {
    padding-left: 20px;
}

.template-system-content .p-right-20 {
    padding-right: 20px;
}
.template-system-content .p-left-10 {
    padding-left: 10px;
}
.template-system-content .p-right-10 {
    padding-right: 10px;
}
.template-system-content .p-top-15 {
    padding-top: 15px;
}
.template-system-content .p-top-25 {
    padding-top: 25px;
}
.template-system-content .relative {
    position: relative;
}
.template-system-content .v-center-align {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.themed-content-item .themed-social-share-container {
    padding: 0 15px;
}

.default-content-template-form .row.form-entry-section {
    margin-top: 15px;
}
.default-content-template-form .row.volunteer .checkbox {
    margin-top: 0;
}
.default-content-template-form .volunteer-yes {
    margin-top: 0;
}
.default-content-template-form .row #volunteer-password-wrapper {
    margin-top: 15px;
}
.petition-stats {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.themed-content-item .form .form-group input {
    background-color: #ffffff;
    border-radius: 2px;
}
.special-selector-fill-viewport.themed-content-page-container {
    display: flex;
    align-items: stretch;
}
.special-selector-fill-viewport.themed-content-page-container .themed-content-item {
    width: 100%;
}
.default-content-template .form-entry-section input,
.default-content-template .themed-content-form-section input,
.themed-content-item .form .form-group input,
.themed-content-item .simple-vertical-registration .form-tag-selection input,
.themed-content-item .simple-vertical-registration .themed-content-form-group input {
    color: black;
}

.default-content-template-form .row.form-entry-section {
    margin-top: 15px;
}

.default-content-template-form .row.volunteer .checkbox {
    margin-top: 0;
}

.default-content-template-form .volunteer,
.themed-content-item .form .volunteer {
    text-align: left;
}
.default-content-template-form .volunteer-yes {
    margin-top: 0;
}

.default-content-template-form .row #volunteer-password-wrapper {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .default-content-template-form .row > .themed-content-form-group[class*="col-md-"] {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .default-content-template-form .row > .themed-content-form-group[class*="col-sm-"]:not(:first-child) {
        margin-top: 15px;
    }
    .default-content-template-form .row #volunteer-password-wrapper {
        margin-top: 10px;
    }
}


.themed-content-item .form .form-group input {
    background-color: #ffffff;
    border-radius: 2px;
}
.special-selector-fill-viewport.themed-content-page-container {
    display: flex;
    align-items: stretch;
}
.special-selector-fill-viewport.themed-content-page-container .themed-content-item {
    width: 100%;
}
.default-content-template .themed-content-header-element,
.default-content-template.gradient-bg-type-1 .themed-content-header-element,
.themed-content-item .themed-content-header-element,
.themed-content-item .themed-content-container {
    color: #000;
}
.default-content-template.img-or-dark-bg .themed-content-header-element,
.themed-content-item.img-or-dark-bg .themed-content-header-element {
    text-shadow: 0 1px 0 #000;
}
.default-content-template.img-or-dark-bg .themed-content-header-element,
.themed-content-item.template-g.img-or-dark-bg .volunteer-yes,
.themed-content-item.template-k.img-or-dark-bg .volunteer-yes,
.themed-content-item.template-i.img-or-dark-bg .volunteer-yes,
.themed-content-item.img-or-dark-bg .themed-content-header-element,
.themed-content-item.img-or-dark-bg.template-a .themed-content-container,
.themed-content-item.img-or-dark-bg.template-b .themed-content-container,
.themed-content-item.img-or-dark-bg.template-c .themed-content-container,
.themed-content-item.img-or-dark-bg.template-d .themed-content-container,
.themed-content-item.img-or-dark-bg.template-g .themed-content-container,
.themed-content-item.img-or-dark-bg.template-i .themed-content-container,
.themed-content-item.img-or-dark-bg.template-k .themed-content-container {
    color: #fff;
}
.themed-content-item .form .themed-content-header-element {
    color: #000;
    text-shadow: none;
}
.default-content-template .form-entry-section input,
.default-content-template .themed-content-form-section input,
.themed-content-item .form .form-group input,
.themed-content-item .simple-vertical-registration .form-tag-selection input,
.themed-content-item .simple-vertical-registration .themed-content-form-group input {
    color: black;
}
/*Many styles in seperate blocks to unify browser specific css placeholoder settings.*/
.default-content-template .themed-content-form-section input:-ms-input-placeholder,
.default-content-template .form-entry-section input:-ms-input-placeholder,
.themed-content-item .form .form-group input:-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input:-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-groupinput:-ms-input-placeholder {
    color: #999;
}
.default-content-template .themed-content-form-section input::-ms-input-placeholder,
.default-content-template .form-entry-section input::-ms-input-placeholder,
.themed-content-item .form .form-group input::-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input::-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-groupinput::-ms-input-placeholder {
    color: #999;
}

.default-content-template .themed-content-form-section input::-webkit-input-placeholder,
.default-content-template .form-entry-section input::-webkit-input-placeholder,
.themed-content-item .form .form-group input::-webkit-input-placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input::-webkit-input-placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-groupinput::-webkit-input-placeholder {
    color: #999;
}
.default-content-template .themed-content-form-section input::placeholder,
.default-content-template .form-entry-section input::placeholder,
.themed-content-item .form .form-group input::placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input::placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-groupinput::placeholder {
    color: #999;
}

/*required fields should not have bold placeholder texst per PBI 42055 */
/*.default-content-template .themed-content-form-section .required input:-ms-input-placeholder,
.default-content-template .form-entry-section .required input:-ms-input-placeholder,
.themed-content-item .form .form-group .required input:-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input:-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-group.required input:-ms-input-placeholder {
    font-weight: 700;
}
.default-content-template .themed-content-form-section .required input::-ms-input-placeholder,
.default-content-template .form-entry-section .required input::-ms-input-placeholder,
.themed-content-item .form .form-group .required input::-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input::-ms-input-placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-group.required input::-ms-input-placeholder {
    font-weight: 700;
}

.default-content-template .themed-content-form-section .required input::-webkit-input-placeholder,
.default-content-template .form-entry-section .required input::-webkit-input-placeholder,
.themed-content-item .form .form-group .required input::-webkit-input-placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input::-webkit-input-placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-group.required input::-webkit-input-placeholder {
    font-weight: 700;
}
.default-content-template .themed-content-form-section .required input::placeholder,
.default-content-template .form-entry-section .required input::placeholder,
.themed-content-item .form .form-group .required input::placeholder,
.themed-content-item .simple-vertical-registration .form-tag-selection input::placeholder,
.themed-content-item .simple-vertical-registration .themed-content-form-group.required input::placeholder {
    font-weight: 700;
}*/
select.state-dropdown, select.state-dropdown:invalid, select.state-dropdown option[value=""] {
    font-weight: normal;
}
/* End placeholder fixes */
.themed-content-item.template-b .call-to-action,
.themed-content-item.template-e .call-to-action,
.themed-content-item.template-j .call-to-action {
    margin-top: 0;
}
.themed-content-item.template-f .call-to-action {
    margin-bottom: 15px;
}
.themed-content-item.template-c .call-to-action {
    margin-top: 0;
}
.themed-content-item .copy .hidden-h1 {
    line-height: 0.6;
    visibility: hidden;
}
.themed-content-item .social-share-xs {
    padding-top: 40px;
}

.themed-content-item .p-bottom-20 {
    padding-bottom: 20px;
}

/* content theme overides */
.themed-content-page ~ footer {
    margin-top: 0;
}

.themed-content-item headline h1 {
    text-shadow: 0 1px 0 #000;
}

.themed-content-item .mobile-headline h2 {
    font-size: 16px;
    padding-top: 20px;
}

.themed-content-item.background-image {
    background-attachment: fixed;
}

@media (max-width: 767px) {
    .themed-content-item .mobile-headline {
        padding: 55px 15px 45px 15px;
    }
    .themed-content-item.background-image .mobile-headline h2 {
        color: #fff;
    }
}

/* end content theme overrides */


/*Vertical orientation theme*/
.themed-content-item .simple-vertical-registration .volunteer {
    margin-top: 0;
}

.themed-content-item .simple-vertical-registration .volunteer > .checkbox {
    margin-top: 0;
}

.themed-content-item .simple-vertical-registration .themed-content-form-group {
    display: block;
    width: auto;
    float: none;
}



.themed-content-item .simple-vertical-registration .form-tag-selection label,
.themed-content-item .simple-vertical-registration .themed-content-form-group label {
    margin: 5px 0px;
    color: black;
}

.themed-content-item .simple-vertical-registration .form-tag-selection input,
.themed-content-item .simple-vertical-registration .themed-content-form-group input,
.themed-content-item .simple-vertical-registration .themed-content-form-group select {
    color: black;
    background-color: #ffffff;
    border-radius: 2px;
}

.themed-content-item .simple-vertical-registration .petition-legend {
    display: none;
}

.themed-content-item .simple-vertical-registration .fields-descriptor {
    display: none;
}

.themed-content-item .simple-vertical-registration .required-descriptor {
    display: none;
}

.themed-content-item .simple-vertical-registration .form-entry-section .themed-content-form-group:not(:first-child),
.themed-content-item .simple-vertical-registration .form-entry-section {
    margin-top: 10px;
}

.hidden-label label:not(.volunteer-yes) {
    display: none;
}

.themed-content-item:not(.default-content-template) .simple-vertical-registration #volunteer-password-wrapper {
    margin-top: 50px;
}

.template-system-content .call-to-action.account-registration-only {
    display: none;
}
.account-registration ~ .template-system-content .themed-content-header-element:not(.call-to-action):not(.is-signup-element) {
    display: none;
}
.account-registration ~ .template-system-content .call-to-action.account-registration-only {
    display: block;
}
.account-registration ~ .themed-content-item .form-tag-selection {
    margin-top: 50px;
    margin-bottom: 35px;
    margin-left: -15px;
    margin-right: -15px;
}
.account-registration ~ .themed-content-item.template-i .mobile-headline {
    padding-top: 30px;
    padding-bottom: 10px;
}
.account-registration ~ .themed-content-item.template-i .mobile-headline .call-to-action {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .account-registration ~ .themed-content-item .form-tag-selection div:not(:first-child) > .item-select-header {
        padding-top: 15px;
    }
    .account-registration ~ .themed-content-item.template-k .themed-content-header-element.call-to-action {
        margin-bottom: 15px;
    }
}

.left-social .social-share-template {
    text-align: left;
    margin-left: 5px;
}

    .left-social .social-share-template .btn-facebook {
        margin-right: 10px;
    }

    .left-social .social-share-template .btn-twitter {
        margin-right: 10px;
    }

/*Registration page themed overides*/
.themed-content-item .simple-vertical-registration .signup-form-legend {
    display: none;
}

/* Theme overrides */

.themed-content-item.template-b .mobile-headline {
    padding: 25px 10px 0 10px;
}

@media (max-width: 767px) {
    .themed-content-item.template-c,
    .themed-content-item.template-j {
        background-color: #ecf0f1;
    }
    
    .themed-content-item.template-j .headline,
        .themed-content-item.template-c .headline {
            margin-top: 0;
            margin-bottom: 0;
        }

    .themed-content-item.template-d {
        background-color: #ecf0f1;
    }

        .themed-content-item.template-d .headline {
            margin-top: 0;
            margin-bottom: 0;
        }

    .themed-content-item.template-e {
        background-color: #ecf0f1;
    }

        .themed-content-item.template-e .headline {
            margin-top: 0;
            margin-bottom: 0;
        }

    .themed-content-item.template-f {
        background-color: #ecf0f1;
    }

    .themed-content-item.template-f .headline {
        margin-top: 0;
        margin-bottom: 0;
    }

    .themed-content-item.template-g {
        background-color: #ecf0f1;
    }

        .themed-content-item.template-g .headline {
            margin-top: 0;
            margin-bottom: 0;
        }



    .themed-content-item.template-i {
        background-color: #ecf0f1;
    }

        .themed-content-item.template-i .headline {
            margin-top: 0;
            margin-bottom: 0;
        }
}

@media (min-width: 991px) {
    .themed-content-item .col-md-centered {
        float: none;
        margin: 0 auto;
    }
}

.title-font-color-light {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.title-font-color-dark {
    color: #333;
}




.themed-content-item.template-k form,
.themed-content-item.template-g form {
    padding-left: 0;
    padding-right: 0;
}
/*.themed-content-item.template-j .form h2 {
    margin-top: 0;
}*/
.themed-content-item.template-a .form {
    margin-top: 26px;
}
.themed-content-item.template-a .themed-content-container {
    padding-left: 10px; 
}
.themed-content-item.template-c .form {
    margin-bottom: 80px;
    padding: 25px 0 10px 0;
}
.themed-content-item.template-g .inline-everything .themed-content-field-item {
    vertical-align: top;
    margin-bottom: 15px;
    margin-right: 15px;
    display: inline-block;
}
.themed-content-item .inline-everything .themed-content-field-item.last-field-item {
    margin-right: 0;
}
.themed-content-item .inline-everything .btn-primary {
    height: 45px;
}
.themed-content-item .inline-everything .themed-content-field-item.checkbox .volunteer-yes {
    margin-top: 0;
}
.themed-content-item .inline-everything .volunteer-yes > input:first-child {
    position: static;
    margin: 0;
}

.themed-content-item.template-b .themed-content-header-element {
    font-size: 36px;
}
.themed-content-item.template-b .themed-content-header-element.themed-subtitle {
    font-size: 20px;
}
.themed-content-item.template-i .form {
    padding-top: 0;
}
.themed-content-item.template-i .themed-subtitle {
    margin-bottom: 0;
}
.themed-content-item.template-i .mobile-headline {
    width: auto;
}
.themed-content-item.template-c h1.themed-content-header-element,
.themed-content-item.template-e h1.themed-content-header-element,
.themed-content-item.template-f div .themed-content-header-element {
    line-height: 1.1;
}
.themed-content-item.template-k {
    padding: 0;
}
.themed-content-item.template-k .headline {
    text-align: center;
    margin-top: 64px;
}
.themed-content-item.template-k .headline h1 {
    font-size: 50px;
}
.themed-content-item.template-k .headline p {
    font-size: 20px;
}
.themed-content-item.template-g.background-image .volunteer-yes,
.themed-content-item.template-k.background-image .volunteer-yes,
.themed-content-item.template-i.background-image .volunteer-yes {
    font-weight: normal;
}
.themed-content-item.template-e .background {
    height: 300px;
}
.themed-content-item.template-j .background,
.themed-content-item.template-f .background {
    height: 683px;
}
.themed-content-item.template-f .headline {
    text-align: left;
}
.themed-content-item.template-f .v-center-align .headline {
    margin: 0;
}
.themed-content-item.template-b .no-call-to-action {
    margin-top: 0;
}
/*Do not increase the padding of the form if the first element is the call to action*/
.themed-content-item.template-c form:first-child {
    padding-top: 15px;
}
.themed-content-item.template-j.feature-10 form {
    margin-top: 25px;
}
.themed-content-item .copy {
    font-size: 16px;
}
@media (min-width:768px) {
    .themed-content-item.white-form-text-desktop form *:not(textarea):not(input):not(option):not(select) {
        color: #fff;
    }
    .themed-content-item.white-form-text-desktop form .survey-style-block-label:hover {
        color: #000;
    }
}
.themed-content-item.white-form-text-desktop.all-dimensions-white-text form *:not(textarea):not(input):not(option):not(select) {
    color: #fff;
}
.themed-content-item.white-form-text-desktop.all-dimensions-white-text form .survey-style-block-label:hover {
    color: #000;
}
.default-content-template-full {
    position: relative;
}
.default-content-template-full .default-content-template-mobile-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 260px;
    width: 100%;
}
@media(max-width: 767px) {
    .themed-content-item.template-e .background, .themed-content-item.template-j .background, .themed-content-item.template-f .background {
        height: auto;
        background: none !important;
    }
    .themed-content-item.template-e .mobile-headline,
    .themed-content-item.template-j .mobile-headline,
    .themed-content-item.template-f .mobile-headline {
        height: auto;
        width: auto;
    }
    .themed-content-item.template-f .mobile-headline {
        height: auto;
    }
    .themed-content-item .headline .tag {
        display: none;
    }
    .themed-content-item.template-f .headline {
        text-align: center;
    }
    .themed-content-item.template-f .copy .call-to-action {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .themed-content-item.template-c, .themed-content-item.template-g, .themed-content-item.template-b, .themed-content-item.template-i, .themed-content-item.template-k, .themed-content-item.template-c {
        min-height: 0 !important;
    }
    .themed-content-item.template-a .form {
        margin-top: 0;
    }
    .themed-content-item.template-a .call-to-action {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .themed-content-item.template-c .form {
        margin-bottom: 0;
    }
    .themed-content-item.template-a.img-or-dark-bg .themed-content-container {
        color: #000;
    }
    .themed-content-item.template-g .inline-everything .themed-content-field-item {
        vertical-align: top;
        margin: 15px;
        display: block;
    }
    .themed-content-item.template-g .mobile-headline {
        padding-top: 20px;
        padding-bottom: 10px;
        height: 100%;
    }
    .themed-content-item.template-g .inline-everything .volunteer-yes {
        padding-left: 0;
    }
    .themed-content-item .simple-vertical-registration .volunteer-yes,
    .themed-content-item .simple-vertical-registration #volunteer-password-wrapper {
        margin-top: 15px;
    }
    .themed-content-item .left-social {
        display: block;
    }
    .themed-content-item.template-i .mobile-headline {
        padding-left: 0;
        padding-right: 0;
    }
    .themed-content-item.template-i .mobile-headline .headline {
        padding-left: 20px;
        padding-right: 20px;
    }
    .themed-content-item.template-i .form {
        padding-left: 0;
        padding-right: 0;
    }
    .themed-content-item.template-f .mobile-headline {
        height: auto;
    }
    .themed-content-item.template-f .headline .tag {
        display: none;
    }
    .themed-content-item.template-f .headline {
        text-align: center;
    }
    .themed-content-item.template-f .copy .call-to-action {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .themed-content-item.template-f .form {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .themed-content-item.template-f .themed-content-container {
        padding: 0 15px;
    }
    .themed-content-item.template-e .mobile-headline {
        text-align: center;
    }
    .themed-content-item.template-b:not(.template-k),
    .themed-content-item.template-c:not(.template-k) {
        background-color: #fff !important;
    }
    .themed-content-item .copy {
        background-color: transparent;
    }
    .themed-content-item.template-j .copy {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .themed-content-item.template-k .headline {
        margin-top: 20px;
    }
    .themed-content-item.template-k .headline h1 {
        font-size: 30px;
    }
}




/* Contact Officials Read More CSS */
.themed-content-item.template-e.feature-10 .mobile-read-more .desc-text-more,
.themed-content-item.template-j.feature-10 .mobile-read-more .desc-text-more {
    padding: 0 15px 15px 15px;
}
.themed-content-item.template-f .read-more-themed-element.mobile-read-more .read-more-link {
    background-color: transparent;
}
.themed-content-item.template-i .read-more-themed-element .read-more-link,
.themed-content-item.template-k .read-more-themed-element .read-more-link,
.themed-content-item.template-g .read-more-themed-element .read-more-link {
    background-color: transparent;
    padding: 0;
} 
.themed-content-item.template-g .read-more-no-margin-last-p p:last-child {
    margin-bottom: 0;
}
.template-system-content.feature-10 .mobile-read-more {
    position: relative;
}
.template-system-content.feature-10 .mobile-read-more .expand-desc-link-small:not(.position-static) {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.template-system-content .read-more-themed-element .read-more-link {
    text-decoration: none;
    user-select: none;
    color: gray;
}
.template-system-content .read-more-themed-element .read-more-link span.fa {
    color: green;
}
.template-system-content .read-more-themed-element.mobile-read-more .read-more-link span,
.template-system-content .read-more-themed-element.mobile-read-more .read-more-link,
.template-system-content .read-more-themed-element.mobile-read-more .read-more-link span.fa {
    color: green;
}
.template-system-content .read-more-themed-element .read-more-link span {
    color: gray;
}
.template-system-content .read-more-themed-element.desktop-read-more .read-more-link {
    background-color: transparent;
}
.template-system-content.feature-10 .read-more-themed-element  {
    font-size: 16px;
}
.template-system-content.feature-10 .letter-content {
    font-size: 16px;
}