@import "compass";
@import "theme_variables";

/* Block newsletter */
#columns #newsletter_block_left {
	.form-group {
		margin-bottom: 0;
		.form-control {
			max-width: 222px;
			display: inline-block;
			margin-right: 6px;
			@media (min-width: $screen-sm) and (max-width: $screen-md-max) { // min 768px max 1199px
				margin-bottom: 10px;
				margin-right: 0;
			}
		}
	}
	.success_inline, .warning_inline {
		text-align: left;
		padding: 1px 0 0 0;
		margin-bottom: -19px;
	}
	.success_inline	{
		color: #418B19;
	}
	.warning_inline {
		color: #f13340;
	}
}
/* Block newsletter footer */
#footer {
	#newsletter_block_left {
		
		
	   
	
		
		
		
		h4 {
			background: none;
			float: left;
			padding: 7px 16px 5px 0;
			text-transform: none;
			font-size: 21px;
			line-height: 25px;
			border: none;
			&:after {
				display: none;
			}
		}
		.block_content {
			 padding:32px 0;border-top:$main_border;margin-top:32px;
		border-bottom:$main_border;display:inline-block;width:100%;
			@media (max-width: $screen-xs-max) { // max 767px
				width: 100%;
				margin:0;
				
			}
		}
		.form-group {
			margin-bottom: 0;
			.form-control {
				height: 37px;
				border-color: #d5d5d5;
				color:$base-body-color;
				padding: 10px;
				display: inline-block;
				width:100%;
				&:focus {
					
				}
			}
			.input-wrapper{overflow:hidden;}
			.button-small {
				
				border-color:$border-button;
				background: $bg-button;
				text-align: center;
				color: $light-text-color;
				padding: 9px 14px 8px;
				float:right;
				margin-left:10px;
				text-transform:none;
				font-weight:500;
				&:hover{background:$light-background;color:$link-hover-color;}
				@media (max-width: $screen-xs-max) {
					font-size:0;
					&:before {
						font-family: "FontAwesome";
						content: "\f054";
						font-size: 13px;
						display: block;
						
					}
				}
			}
		}
		.warning_inline {
			display: block;
			color: #f13340;
			font-size: 13px;
			line-height :26px;
			clear: both;
			@media (min-width: $screen-lg) { // min 1200px
				display: inline-block;
				position: relative;
				top: -35px;
				margin-bottom: -35px;
				left: 15px;
				clear: none;
			}
		}
		.newsletter-input {
  			
  		}
	}
}
#newsletter_block_left{
	position:relative;margin-bottom:0;
	.left-content
		{
			h3
			{
				margin:0;
				font-size:30px;color:$base-text-color;text-transform:uppercase;float:left;font-weight:700;letter-spacing:-1.1px;
				&:before {
					content: "\F1D9";
					font-family: "FontAwesome";
					margin-right: 10px;
					color:$link-hover-color;
				}
				@media (max-width: $screen-xs-max) { // max 767px
					float:none;font-size:23px;
				}
				@media (min-width: $screen-sm) and (max-width:1399px) 
	                     {
							 float:none;font-size:28px;
			   }
			}
			p{margin-top:10px;letter-spacing:-0.5px;text-transform:lowercase;}
		}
}
.out-block-newletter
{
	padding:0 15px;text-align:center;width:822px;color:$light-text-color;position:absolute;top:50%;left:50%;margin-left:-411px;margin-top:-167px;
	
	@media (min-width: $screen-sm) and (max-width: $screen-md-max) 
	{
		 width: 490px;
		 margin-left: -245px;
         padding: 0 20px;
		  margin-top: -94px;
		 
	}
	
	h3{
		font-size:60px;font-family:$font-custom;padding-bottom:40px;margin-bottom:36px;margin-top:14px;background:url(img/line.png) no-repeat bottom center;text-transform:uppercase;
	@media (min-width: $screen-sm) and (max-width: $screen-md-max) 
	{
		font-size: 30px;
		margin-bottom: 20px;
		padding-bottom: 25px;
	}
	}
	 .block_content > p 
	 {
	  font-size:14px;
	 }
	.form-group
	{
		position:relative;margin-bottom:35px;
		@media (min-width: $screen-sm) and (max-width: $screen-md-max) 
	    {
		
		margin-bottom: 20px;
		
	   }
		.newsletter-input{height:50px;background: rgba(255, 255, 255,1);text-align: center;color: #6c5a44;font-size:19px;border-color:#fff;max-width:100% !important;}
		.button-small {
				position: absolute;
				top: 0;
				right: 0;
				left: auto;
				bottom: auto;
				height: 56px;
				line-height: 56px;
				width: 56px;
				border: none;
				text-align: center;
				color:$light-text-color;
				font-size: 0;
				background: transparent;
				padding: 0 15px;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
				span{display:none;}
				&:before {
					font-family: "FontAwesome";
					content: "\f054";
					font-size: 14px;
					display: block;
					
				}
			}
	}
	
}
