/* 
 Theme Name:   Socially viral child theme
 Theme URI:    
 Description:  
 Author:       DadTheMom
 Author URI:   
 Template:     sociallyviral
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../sociallyviral/style.css");

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*-[ Form Input ]------------------*/
input, textarea, select {
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    border: 1px solid #D8D8D8;
    font-family: inherit;
}
textarea {
    overflow: auto;
    resize: vertical;
}
select {
    padding: 6px 10px;
    border-color: #D8D8D8;
}
input:focus, textarea:focus {

}

.addthis_pill_style {
	width: 50px !important;
}

/* *********************************************************************************** */
/* Clean - http://www.gravitytemplates.net
/* *********************************************************************************** */
/* -------- Wrapper ------------------------ */

body #gform_wrapper_2 {width: 280px; padding: 20px 20px 35px 20px; margin: 10px 10px 25px 20px; float:right; border: 2px solid #000000; box-shadow: 0px 5px 5px 0px #000000;;

background: #fbfbfb !important; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 50%, #912CEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(50%,#dfe5d7), color-stop(100%,#d8e0ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#d8e0ce',GradientType=0 ); /* IE6-9 */


}
body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=text] {border:1px solid #000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=email] {width:262px; border:1px solid #000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield select {border:1px solid #000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_checkbox {color: #000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_radio {color: #000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield textarea {border:1px solid #000000; height: 80px; width: 294px;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .ginput_complex {color:#000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_label .gfield_required {color:#FF0000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_time_hour {color:#000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_time_minute {color:#000000;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_label {color:#000000;}

/* -------- Validation -------------------- */

body #gform_wrapper_2 .validation_error {display: true;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield_error .validation_message {display:true;}
body #gform_wrapper_2 .gform_body .gform_fields .gfield_error {width: 100%; float: right; background-color: #FF0000;}

/* -------- Button ------------------------ */

body #gform_wrapper_2 .gform_footer input[type=submit] {margin: 0px 0px 0px 0px !important;

background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

height: 60px !important; width: 220px; color: #ffffff; font-size: 30px; align: center !important; font-weight: bold; text-shadow: 0px 1px 0px 0px #000000; cursor: pointer; margin: 30px 0px 0px 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #000; outline: none;}

/* -------- Form Footer ------- */

body #gform_wrapper_2 .gform_footer {margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0px;}


/* -------- End Gravity Forms Design ------- */

@media only screen and (min-width: 200px) and (max-width: 566px) {

  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 75%;
  } 

  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 75%;
  }

  body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=email] {width:220px; border:1px solid #000000;}

body #gform_wrapper_2 {width: 220px; padding: 20px 20px 35px 20px; margin: 10px 10px 25px 10px; border: 2px solid #000000; box-shadow: 0px 5px 5px 0px #000000;;

background: #fbfbfb !important; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 50%, #912CEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(50%,#dfe5d7), color-stop(100%,#d8e0ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#d8e0ce',GradientType=0 ); /* IE6-9 */
}
body #gform_wrapper_2 .gform_footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
}

@media only screen and (min-width: 567px) and (max-width: 966px) {

  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 75%;
  } 

  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 75%;
  }

  body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=email] {width:220px; border:1px solid #000000;}

body #gform_wrapper_2 {width: 450px; padding: 20px 20px 35px 20px; margin: 10px 10px 25px 10px; border: 2px solid #000000; box-shadow: 0px 5px 5px 0px #000000;;

background: #fbfbfb !important; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 50%, #912CEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(50%,#dfe5d7), color-stop(100%,#d8e0ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#d8e0ce',GradientType=0 ); /* IE6-9 */
}
body #gform_wrapper_2 .gform_footer {margin: 0px 0px 0px 20%; padding: 0px 0px 0px 0px;}
}



/* *********************************************************************************** */
/* Clean - http://www.gravitytemplates.net
/* *********************************************************************************** */
/* -------- Wrapper ------------------------ */

body #gform_wrapper_3 {width: 475px; padding: 20px 20px 35px 20px; margin: 10px 10px 25px 20px; float:right; border: 2px solid #000000; box-shadow: 0px 5px 5px 0px #000000;;

background: #fbfbfb !important; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 50%, #912CEE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(50%,#dfe5d7), color-stop(100%,#d8e0ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 50%,#d8e0ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#d8e0ce',GradientType=0 ); /* IE6-9 */


}
body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type=text] {border:1px solid #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type=tel] {border:1px solid #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type=url] {border:1px solid #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type=email] {width:260px; border:1px solid #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield select {border:1px solid #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_checkbox {color: #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_radio {color: #000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield textarea {border:1px solid #000000; height: 80px; width: 294px;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .ginput_complex {color:#000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_label .gfield_required {color:#FF0000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_hour {color:#000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_minute {color:#000000;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_label {color:#000000;}

/* -------- Validation -------------------- */

body #gform_wrapper_3 .validation_error {display: true;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield_error .validation_message {display:true;}
body #gform_wrapper_3 .gform_body .gform_fields .gfield_error {width: 100%; Float: right; background-color: #FF0000;}

/* -------- Button ------------------------ */

body #gform_wrapper_3 .gform_footer input[type=submit] {margin: 0px 20% 0px 21% !important;

background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

height: 60px !important; width: 300px; color: #ffffff; font-size: 30px; font-weight: bold; text-shadow: 0px 30px 0px 0px #000000; cursor: pointer; margin: 30px 0px 0px 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #000; outline: none; align: center !important;}

/* -------- Form Footer ------- */

body #gform_wrapper_3 .gform_footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}


/* -------- End Gravity Forms Design ------- */

@media only screen and (min-width: 200px) and (max-width: 768px) {

body #gform_wrapper_3 {width: 290px; padding: 20px 20px 35px 20px; margin: 10px 0px 25px 0px; float:center; border: 2px solid #000000; box-shadow: 0px 5px 5px 0px #000000;}

body #gform_wrapper_3 .gform_footer input[type=submit] {margin: 0px 0px 0px 0px !important;

  .gform_wrapper_3 .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  } 

  .gform_wrapper_3 .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  }
}