/*
	Template: yks_mc_form_template_1 ( Bundled Template #1 )
	Description : This is the .css file associated with the above template. This file gets loaded when using the above 
						template to display a custom opt-in form for YIKES Inc. Easy MailChimp Extender.
	Author : YIKES Inc.
	Author Contact : http://www.yikesinc.com
*/

.yks-mailchimpFormContainer.yks-mailchimpFormContainer-0-ff3f57f4cc {
margin-top: -36px;
}

.yks-mailchimpFormDivRowLabel {
	display: none !important;
	margin: 0 !important;
}

.yks-mailchimpFormDivSubmit {
	margin:0;
}

.yks-mailchimpFormDivSubmit p {
	margin: 0;
}

.clean-blue input {
  outline: none;
  width: 100% !important;;
}

.clean-blue #wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.clean-blue .widget_yikes_mc_widget input, .clean-blue .widget_yikes_mc_widget .yks-mailchimpFormDivRowField {
	padding: 0;
}

.clean-blue > #box {
  background-color: #fff;
  margin: 0 auto;
  padding: 25px 20px;
}

.clean-blue #top_header {
  width: 100%;
  margin: 0;
}

.clean-blue #top_header > h3 {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #e6ae48;
  -webkit-text-stroke: 0.5px;
  margin: 0;
}

.clean-blue #top_header > h5 {
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #e6ae48;
  line-height: 1.6;
  margin: 0;
  padding: 15px 0;
  color: #555;
  -webkit-text-stroke: 0.2px;
}

.clean-blue input[type=text], .clean-blue input[type=password] {
  width: 300px;
  font-weight: 400;
  position: relative;
  display: block;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 10px 17px;
  box-sizing: border-box;
  -webkit-text-stroke: 0.1px;
}

.clean-blue input[type=submit] {
  width: 300px;
  font-weight: 400;
  position: relative;
  margin-bottom: 20PX;
  display: block;
  padding: 10px 17px;
  box-sizing: border-box;
  -webkit-text-stroke: 0.1px;
  }

.clean-blue input[type=text], .clean-blue input[type=password] {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size:16px; 
  border: 2px solid transparent;
  color: #e6ae48;
}

.clean-blue input[type=text]:focus, .clean-blue input[type=password]:focus {
  border: 2px solid #e6ae48;
  font-weight: 400;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.clean-blue input[type=text]:focus, .clean-blue input[type=password]:focus {
  border-left: 2px solid #e6ae48;
}


.clean-blue .ykfmc-submit {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400 !important;
  font-size: 12px;
  color: #fff !important;
  background: #e6ae48 !important;
  border: 2px solid #e6ae48 !important;
  box-shadow: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  transition: all .3s ease !important;
  margin-top: 0px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.clean-blue .ykfmc-submit:hover {
  background: #fff !important;
  color: #e6ae48 !important;
}

.clean-blue #bottom {
  width: 300px;
  margin: 0 auto;
  margin-top: 15px;
}

.clean-blue a {
  text-decoration: none;
  color: #282828;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  transition: color .3s ease;
  outline: none;
}

.clean-blue a:hover {
  color: #1eb056;
}

.clean-blue .right_a {
  float: right;
}

.clean-blue .disclaimer {
	text-align: center;
	font-style: italic;
	color: rgba(51, 51, 51, 0.56);
}



/*** 
	Radio/Checkbox Button Styles 
	- Uses sprite sheet for look and feel
***/	
	.clean-blue input[type="checkbox"] {
		display:none;
	}
	.clean-blue input[type="checkbox"] + span {
		display:inline-block;
		width:18px;
		height:18px;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background:url("./images/check_radio_sheet_blue.png") left top no-repeat;
		cursor:pointer;
	}
	.clean-blue input[type="checkbox"]:checked + span {
		background:url("./images/check_radio_sheet_blue.png") -19px top no-repeat;
	}
	
	.clean-blue input[type="radio"] {
		display:none;
	}
	.clean-blue input[type="radio"] + span {
		display:inline-block;
		width:18px;
		height:18px;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background:url("../images/check_radio_sheet_blue.png") -39px top no-repeat;
		cursor:pointer;
	}
	.clean-blue input[type="radio"]:checked + span {
		background:url("../images/check_radio_sheet_blue.png") -58px top no-repeat;
	}
	
/***
	Select Dropdown Styles
***/
	.clean-blue select, .clean-blue select:active {
	  cursor: pointer;
	  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
	  background-color: transparent !important;
	  background-repeat:no-repeat;
	  background-position: right 10px top 15px;
	  background-size: 16px 16px;
	  color: #3498DB;
	  padding:12px;
	  font-family:arial,tahoma;
	  font-size:16px;
	  font-weight:bold;
	  color: #e6ae48;
	  text-align:center;
	  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	  -webkit-appearance: none;
	  -webkit-transition:0.3s ease all;
		   -moz-transition:0.3s ease all;
			-ms-transition:0.3s ease all;
			 -o-transition:0.3s ease all;
				transition:0.3s ease all;
		border: 2px solid #e6ae48;
	}
	
		.clean-blue select:hover {
			cursor: pointer;
			background-color:#3498DB;
			color: #fff;
		}