/* THIS IS A MODIFIED VERSION! 2.1 */

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

@import url('https://fonts.googleapis.com/css?family=Cinzel');
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ff-container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; 
display: block;
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .ff-container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .ff-container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.ff-container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Custom 
-------------------------------------------------- */

body {
  background-size: cover !important;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1.6;
}
body.contentpane #all {
  margin: 0 !important;
  padding: 0 !important;
}

.full-page .ff-container {
  width: 100% !important;
}

.full-page .header {
  color: #770a0a;
  font-family: "Cinzel", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 20px;
  font-weight: normal;
  line-height: 2.8;
  letter-spacing: 4px;
  padding: 0;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}

.full-page .header sub {
  bottom: 23px;
  position: absolute;
}

.full-page .content p,
.full-page .content p span,
.full-page .content span,
.full-page .content strong,
.full-page button {
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  text-align: justify;
}

.full-page .fatimaformff {
  overflow: hidden;
}

.full-page .header-container {
  background: #D6D4D5;
  border-top: 2px solid #770a0a;
  min-height: 60px;
-webkit-box-shadow:rgba(0, 0, 0, 0.32) 0px 13px 20px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.32) 0px 13px 20px 0px;
box-shadow:rgba(0, 0, 0, 0.32) 0px 13px 20px 0px;
    position: relative;
    z-index: 90;

}
.full-page .header-container .row {
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.full-page .header-container img {
    display: block; 
    float: left;
}
.full-page .header-container p.tagline {
    font: bold 14px/18px kepler_stdbold_italic_subhead,Helvetica,sans-serif !important;
    color: #595858 !important;
    padding: 55px 0 0 29px;
    display: inline-block;    
}
.full-page .content-container {
/*  -webkit-box-shadow: inset 0px 65px 20px -60px #999999;
  -moz-box-shadow: inset 0px 65px 20px -60px #999999;
  box-shadow: inset 0px 65px 20px -60px #999999;*/
  padding: 50px 20px;
    max-width: 1200px;
    margin: 0 auto;
background-color:rgba(255, 255, 255, 1);
border-width:1px;
border-style:none solid solid;
border-color:rgba(0, 0, 0, 0.16);
-webkit-box-shadow:rgba(0, 0, 0, 0.17) 0px 6px 6px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.17) 0px 6px 6px 0px;
box-shadow:rgba(0, 0, 0, 0.17) 0px 6px 6px 0px;

}

.full-page .form-field-container {
  border-radius: 2px;
  overflow: hidden;
  padding: 0;
  width: 100%;
background-color:rgb(240, 240, 240);
border-width:1px;
border-style:solid;
border-color:rgba(0, 0, 0, 0.40);
}

.full-page label {
  color: #34495e;
}

.full-page .ffrow {
  margin: 0;
  padding: 0 !important; 
  width: 100%;
}

.full-page .ffrowbuttons {
  text-align: center;
}

.full-page button {
  float: none !important;
}

.full-page .ffformelement {
  width: 100%;
}

.full-page li.ffrow .ffformelement input,
.full-page li.ffrow .ffformelement select,
.full-page li.ffrow .ffformelement textarea {
  width: 100% !important;
}

.full-page .ff_form {
  min-width: unset;
}

.full-page input,
.full-page select,
.full-page textarea {
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  font-size: 14px;
  margin-bottom: 20px !important;
  width: 100% !important;
}

.full-page textarea {
  resize: vertical;
  width: 100% !important;
}

.full-page .petition-intro {
  clear: both;
  height: auto;
  width: 100%;
}

.full-page .form-field-container .form-header {
  /*background: #3498db;*/
  /*background-color:#0C314F;*/
    background-color:rgb(185, 194, 201);
  padding: 20px;
}
.full-page .form-field-container .form-content,
.full-page .form-field-container .form-footer {
  padding: 10px 20px;
}

/*.full-page .form-field-container .form-header {
  background: rgba(242,245,246,1);
  background: -moz-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(237,244,247,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,245,246,1)), color-stop(100%, rgba(237,244,247,1)));
  background: -webkit-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(237,244,247,1) 100%);
  background: -o-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(237,244,247,1) 100%);
  background: -ms-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(237,244,247,1) 100%);
  background: linear-gradient(to right, rgba(242,245,246,1) 0%, rgba(237,244,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#edf4f7', GradientType=1 );
}*/

.full-page .form-field-container .form-header h3 {
  color: #fff;
  font-size: 24px;
  letter-spacing: 1px;
  padding: 0;
  text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-shadow:rgba(0, 0, 0, 0.21) 1px 1px 1px;
}

.full-page .form-field-container .form-content {
  overflow: hidden;
    padding: 0px;
}
.full-page .form-field-container textarea {
  height: 150px;
}
.full-page div.form-content > fieldset > ul > li:nth-child(1),
.full-page div.form-content > fieldset > ul > li:nth-child(2),
.full-page div.form-content > fieldset > ul > li:nth-child(3){
    width: 30%;
    clear: none;
    display: block;
    float: left;
}
.full-page div.form-content > fieldset > ul > li:nth-child(1),
.full-page div.form-content > fieldset > ul > li:nth-child(2) {
    margin-right: 5%;
}

.full-page div.form-content > fieldset > ul > li:nth-child(4),
.full-page div.form-content > fieldset > ul > li:nth-child(5){
    width: 47.5%;
    clear: none;
    display: block;
    float: left;
}
.full-page div.form-content > fieldset > ul > li:nth-child(4) {
    margin-right: 5%;
}


.full-page .tagcount label {
  font-size: 14px;
  font-weight: normal;
}

.full-page .tagcount strong {
  color: #fff;
  font-weight: 700;
}

.full-page .tagcount p {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
}

.full-page .progress {
  background: #fff;
  border: 0 none;
  border-radius: 2px;
  overflow: hidden;
  padding: 0;
}

.full-page .progress .meter {
  background: #2ecc71;
  border-radius: 0;
}

.full-page .form-field-container .form-footer {
 /* background: #2980b9;
    background-color:#0C314F;*/
    background-color:rgb(122, 145, 163);
    background-color: #B2D9E9;
    text-shadow:rgba(255, 255, 255, 0.21) 1px 1px 1px;
}

.full-page .form-field-container .form-footer,
.full-page .form-field-container .form-footer strong,
.full-page .form-field-container .form-footer label {
  color: black;
}

.full-page .footer-container {
  background: url(../images/bg-footer.png) repeat-x left top;
  min-height: 140px;
}

.full-page .submit {
  -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
  box-shadow: inset 0px 1px 0px 0px #f5978e;
  /*background-color: #f24537;*/
  background-color: #B72E2E;
  border: 1px solid #d02718;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  padding: 15px 45px;
  padding: 5px 23px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #810e05;
  word-spacing: 5px;
}
.full-page .submit:hover {
  background-color: #c62d1f;
}
.full-page .submit:active {
  position: relative;
  top: 1px;
}

.pageffform .img {
  overflow: hidden;
}

.pageffform .img img {
  width: 100%;
}

.pageffform .img table {
  float: right;
  margin-bottom: 0 !important;
}

.pageffform .img table tr td {
  border-bottom: 0 none !important;
  padding: 20px 5px;
}

.fatimashare {
  float: right;
}

.fs_twitter, .fs_plusone {
  margin-right: 10px;
  width: auto !important;
}

.fs_pinterest iframe {
  max-width: unset !important;
  width: 45px !important;
}

.fs_addthis table {
  margin-bottom: 0;
}

.fs_addthis table tr td {
  border-bottom: 0 none !important;
  padding: 0 10px 0;
}

.pageffform > form > div:nth-child(1) > p:nth-child(4) {
	display: none !important;
}
.pageffform .fatimashare {
  margin-top: -15px;
}

.full-page .addthis_inline_share_toolbox {
  margin-bottom: 10px;
}

.full-page .addthis_inline_share_toolbox + p {
  margin-bottom: 0;
}

.full-page .pageffform .content ul {
  list-style: disc outside;
  margin-bottom: 10px;
  padding-left: 26px;
}

.full-page .pageffform .petition-message ul {
  list-style: disc outside;
  margin-bottom: 10px;
}

.full-page .pageffform .content ol {
  list-style: decimal outside;
  margin-bottom: 10px;
  padding-left: 16px;
}

.full-page .pageffform .petition-message ol {
  list-style: decimal outside;
  margin-bottom: 10px;
}

.full-page .pageffform .content ul li,
.full-page .pageffform .petition-message ul li {
  list-style-type: disc;
}

.full-page .pageffform .content ol li,
.full-page .pageffform .petition-message ol li {
  list-style-type: decimal;
  padding-left: 5px;
}

.full-page .pageffform .main-image,
.full-page .pageffform p {
  margin-bottom: 10px;
}

.full-page .editor button {
  border: unset;
  margin: unset;
  width: unset;
}

.full-page .editor {
  margin-bottom: 20px;
}

.full-page .editor .toggle-editor {
  display: none;
}

.full-page .editor .mce-tinymce {
  border-radius: 3px;
}

.full-page .editor .mce-toolbar-grp {
  border-radius: 3px 3px 0 0;
}

.full-page .editor .mce-edit-area,
.full-page .editor .mce-edit-area iframe {
  border-radius: 0 0 3px 3px;
}

.full-page .petition-message {
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 5px 8px;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than mobile */
@media (max-width: 400px) {

       .full-page fieldset.ff_form .ffformelement {
        width: 80%!important;
    }
    
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
  .full-page .header {
    font-size: 40px;
    line-height: 1.8;
  }

  .full-page .header-container {
    min-height: 80px;
  }

  .full-page .submit {
    padding: 15px 45px;
  }
    .full-page .form-content {
        max-width: 80% !important;
        margin: 0 auto;
    }

    
}


@media (max-width: 767px) {

    .full-page div.form-content > fieldset > ul > li:nth-child(1),
    .full-page div.form-content > fieldset > ul > li:nth-child(2),
    .full-page div.form-content > fieldset > ul > li:nth-child(3){
        width: 100%;
        clear: both;
        display: block;
        float: none;
    }
    .full-page div.form-content > fieldset > ul > li:nth-child(1),
    .full-page div.form-content > fieldset > ul > li:nth-child(2) {
        margin-right: 0%;
    }

    .full-page div.form-content > fieldset > ul > li:nth-child(4),
    .full-page div.form-content > fieldset > ul > li:nth-child(5){
        width: 100%;
        clear: both;
        display: block;
        float: none;
    }
    .full-page div.form-content > fieldset > ul > li:nth-child(4) {
        margin-right: 0%;
    }    
}


/* Larger than desktop */
@media (min-width: 1000px) {
  .ff-container {
    max-width: unset;
    padding: 0 20px;
    width: 100%;
  }

  .full-page .header {
    font-size: 60px;
    line-height: 1.8;
  }

  .full-page .header-container {
    min-height: 107px;
  }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}