/******************************
 *
 *        GET INVOLVED
 *
 *****************************/
#getinvolved-shortcode-on-posts {
	clear:both;
}
#getinvolvedbox {
width:1100px;
height:366px;
background-size: 1100px 366px;
background-repeat: no-repeat;
background-image:url('/wp-content/themes/trades-child/images/gi_Background.jpg');
}

#gi_titlebox{
position: absolute;
margin-left: 60px;
float: left;
margin-top: 10px;
}

.gi_title {
color: #FFFFFF;
font-size: 45px;
text-shadow: #464646 2px 2px;
font-family: Open Sans;
margin-bottom: -15px;
}

.gi_text {
font-family: Open Sans;
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
text-shadow: #464646 2px 2px;
}

#getinvolvedform #this_email {
width:400px;
height:45px;
}

#getinvolvedform #this_zip_code {
width:160px;
height:45px;
float:left;
}

#getinvolvedform #giformbutton{
background-color: #D84141;
font-family: "Roboto Slab";
font-size: 25px;
color:#FFFFFF;
padding:5px;
margin-left:10px;
width:230px;
border:0;
border-radius:4px;
}

#githanks {
margin-left: 0px;
float: left;
margin-top: -125px;
}

#githankstext {
color: #FFFFFF;
font-size: 45px;
text-shadow: #464646 2px 2px;
font-family: Open Sans;
font-weight: 700;
font-style: normal;
margin-bottom:-15px;
}

#gierror {
color: #FFFFFF;
float: left;
position:absolute;
margin-left: 25px;
margin-top: 16px;
border: solid 2px #ffffff;
padding: 4px;
}

#giemailerror {
color: #FFFFFF;
float: left;
position:absolute;
margin-left: 60px;
margin-top: 16px;
border: solid 2px #ffffff;
padding: 4px;
}

#getinvolvedformbox {
position: relative;
top: 300px;
margin-left: 60px;
}

#gi_callouts {
position: relative;
top: 63px;
margin-right: 50px;
margin-bottom: 60px;
float: right;
}

#gi_callouttxt{
float: right;
color: #fff;
font-family: Open Sans;
font-size: 25px;
line-height: 1.2;
position: relative;
margin-right: 32px;
top: -5px;
text-shadow: 2px 2px #464646;
}

#gi_groups_callout {
width: 260px;
height: 100px;
background-image: url('/wp-content/themes/trades-child/images/gi_BlueCalloutBox.png');
background-size: 260px 100px;
background-repeat: no-repeat;
position: absolute;
right: 0px;
top: 135px;
}

#gi_groups_count {
color: #FFF;
font-family: "Open Sans";
font-size: 60px;
font-weight: bold;
float: left;
position: absolute;
bottom: -53px;
margin-left: 15px;
text-shadow: 2px 2px #464646;
}

#gi_event_callout{
width: 260px;
height: 100px;
background-image: url('/wp-content/themes/trades-child/images/gi_GreenCalloutBox.png');
background-size: 260px 100px;
background-repeat: no-repeat;
position: absolute;
right: 0px;
}

#gi_event_count {
color: #FFF;
font-family: "Open Sans";
font-size: 60px;
font-weight: bold;
float: left;
position: absolute;
top: -53px;
margin-left: 15px;
text-shadow: 2px 2px #464646;
}

#gi_event_callouttxt{
float: right;
color: #fff;
font-family: Open Sans;
font-size: 25px;
line-height: 1.2;
position: relative;
margin-right: 32px;
top: -5px;
text-shadow: 2px 2px #464646;
}

/* Call to Action Styles */
#calltoactionbox {
width:1100px;
/*height:366px;*/
background-size: 1100px 366px;
background-repeat: no-repeat;
}

#calltoactionbox img {
width:100%;
height:100%;
}

/* Volunteer Donate Styles */
#volunteerdonatebox {
width:1100px;
height:366px;
background-size: 1100px 366px;
background-repeat: no-repeat;
background-image:url('/wp-content/themes/trades-child/images/gi_Background.jpg');
}

#volunteerdonate_titlebox{
position: absolute;
margin-left: 60px;
float: left;
margin-top: 10px;
}

.volunteerdonate_title {
color: #FFFFFF;
font-size: 45px;
text-shadow: #464646 2px 2px;
font-family: Open Sans;
margin-bottom: -15px;
}

.volunteerdonate_text {
font-family: Open Sans;
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
text-shadow: #464646 2px 2px;
}

#volunteer-button-box {
  padding-top: 235px;
  position: relative;
  width: 100%;
}

.vol-button {
  background-color: rgba(93,110,165,0.9);
  color: #FFF;
  text-align: center;
  height: 75px;
  width: 300px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  float: left;
  margin-left: 15%;
}

.don-button {
  background-color: rgba(111,156,111,0.9);
  color: #FFF;
  text-align: center;
  height: 75px;
  width: 300px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  float: right;
  margin-right: 15%;
}

.don-button-text {
color: #FFFFFF;
font-size: 35px;
text-shadow: #464646 2px 2px;
font-family: Open Sans;
margin-top:8px;
}

.vol-button-text {
color: #FFFFFF;
font-size: 35px;
text-shadow: #464646 2px 2px;
font-family: Open Sans;
margin-top:8px;
}

/* LC Email Modal Styles */
#gi_emailmodalbox{
display:none;
width:1100px;
height:366px;
background-size: 1100px 366px;
background-repeat: no-repeat;
background-image:url('/wp-content/themes/trades-child/images/gi_Background.jpg');
}

#gi_emailtitlebox{
position: absolute;
margin-left: 60px;
}

.gi_emailtitle {
color: #FFFFFF;
font-size: 45px;
text-shadow: #464646 2px 2px;
font-family: Open Sans;
}

#gi_emailgoformbox {
position: absolute;
margin-left:60px;
bottom: 100px;
}

#gi_emaildropdown_label {
color: #FFFFFF;
font-family: Open Sans-serif;
font-size: 22px;
margin-bottom: 10px;
text-shadow: #464646 2px 2px;
margin-left: 5px;
margin-bottom: 0px;
}

#gi_emaildropdown {
height: 35px;
width: 550px;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
resize: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#gi_emailgoform_button {
background-color: #D84141;
font-family: "Roboto Slab";
font-size: 25px;
text-shadow: #464646 2px 2px;
color:#FFFFFF;
margin-left:10px;
width:100px;
height:55px;
border:0;
border-radius:4px;
}

#gi_emailmemberbox {
width: 260px;
height: 100px;
background-image: url('/wp-content/themes/trades-child/images/gi_BlueCalloutBox.png');
background-size: 260px 100px;
background-repeat: no-repeat;
position: relative;
left: 805px;
top: 195px;
}

#gi_emailmember_count {
color: #FFF;
font-family: "Open Sans";
font-size: 60px;
font-weight: bold;
float: left;
position: absolute;
bottom: -22px;
margin-left: 15px;
text-shadow: 2px 2px #464646;
margin-bottom: 43px;
}

#gi_emailmember_text {
font-family: Open Sans;
color: #FFFFFF;
font-size: 22px;
font-weight: bold;
text-shadow: #464646 2px 2px;
float: right;
margin-right: 30px;
margin-top: 20px;
}

#LCmessageHTML {
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
outline: none;
margin-bottom: 1em;
margin-top: 1em;
resize: none;
display: block;
width: 100%;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal-header {
text-align:right;
padding:10px !important;
}

.lc-green-sent {
background-color: green !important;
}

.modal-error-header {
color: #b52121;
margin-left: 25px;
}

.modal-error-text {
margin-left: 25px;
margin-right:25px;
margin-bottom:25px;
}

.modal-success-header {
color: green;
margin-left: 25px;
}

.modal-success-text {
margin-left: 25px;
margin-right:25px;
margin-bottom:25px;
}

.modal-retry{
background-color:#B52121;
}

/*Responsive Get Involved*/
@media (max-width:1024px) {
	#getinvolvedbox {
		width:100%;
	}
	#volunteerdonatebox {
		width:100%;
	}
	.don-button {
		margin-right: 10%;
	}
	.vol-button {
		margin-left: 10%;
	}
	#gi_titlebox {
		margin-left:30px;
	}
	#getinvolvedformbox {
		margin-left:30px;
	}
	.gi_text {
		font-size: 20px;
	}
}

@media (max-width:840px) {
	.don-button {
		margin-right: 5%;
	}
	.vol-button {
		margin-left: 5%;
	}
}

@media (max-width:780px) {
	#gi_callouts {
		display:none;
	}
}

@media (max-width:768px) {
	#volunteer-button-box {
	  padding-top: 175px;
	}
	.don-button {
	  float: none;
	  margin-left: 10%;
	  width: 80%;
	}
	.vol-button {
		float:none;
		margin-left:10%;
		width:80%;
		margin-bottom: 15px;
	}
	.volunteerdonate_title {
		margin-top:15px;
	}
}

@media (max-width: 640px){
	#volunteer-button-box{
		padding-top: 160px;
	}
	.volunteerdonate_title{
		display:none;
	}
	.volunteerdonate_text{
		width: 95%;
  		margin-top: 10px;
	}
}

@media (max-width: 570px){
	#volunteerdonate_titlebox {
  		margin-left: 30px;
  	}

}

@media (max-width: 500px) {
	.gi_text {
		display: none;
	}
	#gi_titlebox {
		margin-top: -15px;
	}
	#giemailerror {
		margin-left: -10px;
	}

	#getinvolvedform #this_email {
		width: 100%;
		margin-left: -15px;
	}
	#getinvolvedform #this_zip_code {
		width: 100%;
		margin-left: -15px;
	}
	#getinvolvedform #giformbutton {
		width: 100%;
		margin-left: -15px;
	}
}

@media (max-width: 350px) {
	.vol-button-text {
		font-size: 30px;
	}
	.don-button-text {
		font-size: 30px;
	}
}

/******************************
 *
 *        TASKS GRADIENT
 *
 *****************************/

.green-gradient {
	background: #69a173;/* Old Browsers */
	background: -moz-linear-gradient(-45deg, #69a173 0%, #c3dac7 100%); /* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #69a173), color-stop(100%, #c3dac7));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-45deg, #69a173 0%, #c3dac7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #69a173 0%, #c3dac7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #69a173 0%, #c3dac7 100%); /* IE 10+ */
	background: linear-gradient(135deg, #69a173 0%, #c3dac7 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a173', endColorstr='#c3dac7', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}
.blue-gradient {
	background: #416fa8;/* Old Browsers */
	background: -moz-linear-gradient(-45deg, #416fa8 0%, #8da9cb 100%);/* FF3.6+ */
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #416fa8), color-stop(100%, #8da9cb));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(-45deg, #416fa8 0%, #8da9cb 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #416fa8 0%, #8da9cb 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #416fa8 0%, #8da9cb 100%);/* IE 10+ */
	background: linear-gradient(135deg, #416fa8 0%, #8da9cb 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416fa8', endColorstr='#8da9cb', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}

/******************************
 *
 *        CHIP IN
 *
 *****************************/
#chipin_large_view {
	width:100%;
}
#chipin_large_view .chipin-largebox {
	width:100%;
	height:100%;
	min-height: 350px;
	margin:0; padding:0;
	position: relative;
}
#chipin_large_view .chipin-img {
	background: white;
	width:100%;
}
#chipin_large_view .chipin-img img {
	width:100%;
	margin:0; padding:0;
}
#chipin_large_view .chipin-read {
	/*http://www.colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0.8+100;Neutral+Density*/
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
#chipin_large_view .chipin-read,
#chipin_large_view .chipin-form {
	position:absolute;
	right:0; top:0;
	width:33%;
	height: 100%;
}
#chipin_large_view .chipin-form {
	padding: 15px 35px;
	color: white;
	font-size:1.2em;
}
#chipin_large_view .chipin-title {
	width:100%;
	text-align: center;
	font-weight: bold;
	font-size: 2.3em;
	font-family: roboto_slablight, serif;
}
#chipin_large_view .chipin-name ,
#chipin_large_view .chipin-name input {
	width:100%;
	font-size: 1.2em;
	border: none;
	text-align: center;
}
#chipin_large_view .chipin-buttons {
	width:100%;
	font-size: 1.3em;
}
#chipin_large_view .chipin-buttons .chipin-btn {
	width: 45%;
	min-width: 40px;
	height: 45px;
	margin: 25px 0 0 0;
}
#chipin_large_view .chipin-buttons button {
	width: 100%;
	height:100%;
	font-weight: bolder;
}
#chipin_large_view .chipin-buttons .chipin-btn-1,
#chipin_large_view .chipin-buttons .chipin-btn-3 {
	float:left;
}
#chipin_large_view .chipin-buttons .chipin-btn-2,
#chipin_large_view .chipin-buttons .chipin-btn-4 {
	float:right;
}

@media (max-width:1024px) {
	.chipin-text {
		line-height: 1;
	}

}
@media (max-width:980px) {
	#chipin_large_view .chipin-title {
		font-size: 2.0em;
		margin-top: -10px;
		margin-bottom: -10px;
	}
	.chipin-text {
		font-size: 14px;
	}
	#chipin_large_view .chipin-buttons .chipin-btn {
		margin: 13px 0 0 0;
	}

}

@media only screen and (max-width: 800px) {
	#chipin_large_view .chipin-read,
	#chipin_large_view .chipin-form {
		max-width:550px;
		width:100%;
	}
	#chipin_large_view .chipin-buttons .chipin-btn {
		float: none;
		display: inline-block;
		width:23.7%;
		margin:10px 0 0 0;
	}
}

@media (max-width: 500px) {
	.chipin-text {
		display: none;
	}
	#chipin_large_view .chipin-title {
		margin-bottom: 0;
	}
	#chipin_large_view .chipin-buttons .chipin-btn {
		width:22.7%;
	}
}


/******  SMALL  *******/
#chipin_small_view {
	width:45%;
	color: white;
}
#chipin_small_view .chipin-smallbox {
	width:100%;
	height:100%;
	min-height: 100px;
	margin:0; padding:0;
	position: relative;
}
#chipin_small_view .chipin-img {
	width:100%;
	height:100%;
	padding: 10px 15px;
}
#chipin_small_view .chipin-title {
	width:100%;
	font-weight: bolder;
	font-size: 1.5em;
	font-family: roboto_slablight, Georgia, serif;
}
#chipin_small_view .chipin-buttons {
	max-width: 30%;
	position: absolute;
	bottom: 0; right: 0;
	font-size: 1.1em;
	font-family: roboto_slablight, Georgia, serif;
	font-weight: bolder;
}
#chipin_small_view .chipin-buttons .chipin-btn {
	min-width: 40px;
	margin: 20px;
}
#chipin_small_view .chipin-buttons button {
	width: 100%;
	height:100%;
	padding: 5px;
}
#chipin_small_view .chipin-text {
	width: 70%;
}

/**************************************
 ************ END CHIPIN **************
 *************************************/