/*
Theme Name: WEX Newsletters 2015
Theme URI: http://ndigit.co
Description: Washington Examiner Newsletter Center (Responsive)
Version: 1.0
Author: Ryan Allen
Author URI: http://ndigit.co
*/

*{margin:0;padding:0;}

html, body, label, span {
	font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
    font-weight: 300;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6, .hd-font {
	font-family: Roboto Slab,Georgia,Times New Roman,Times,serif;
	font-weight: 400;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
}

/* GENERAL STYLES */
a {
	color: #0e73b2;	
}
a img {
	border: none;	
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;	
}

.alignleft {
	float: left;
	margin: 10px 10px 10px 0;	
}

.alignright {
	float: right;
	margin: 10px 0 10px 10px;	
}

td {
	vertical-align:top;	
}

#main-container {
	margin-top: 1%;
	padding: 0;	
}
.container {
	width: 960px;	
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  zoom: 1; /* ie 6/7 */
}

/* END GENERAL STYLES */

/* HEADER */

#logo {
	padding-left: 1%;
	margin-bottom: 2%;
	display: block;	
}
	#logo a {
		display: inline-block;	
	}

#main-navigation {
	background: #221e1f;
	border: none;
	border-radius: 0;
	box-shadow: none;
	min-height: 0;
	position: relative;
	z-index: 1000;
	margin: 0;
}
	.navbar-header {
		background-color: #0e73b2;	
	}
		.navbar-default .navbar-toggle {
			border: none;	
		}
			.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
				background-color: #063856;	
			}
			.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff;
				height: 4px;	
			}
	#main-navigation .collapse {
		padding: 0;	
	}
		#main-navigation ul {
			display: block;	
			float: none;
		}
			#main-navigation ul li {
				float: left;
				padding:0;
				position: relative;
				background-color: #0e73b2;
				border-right: 1px solid #063856;
			}
				#main-navigation ul li a {
					color: #fff;
					text-transform: uppercase;	
					padding: 10px 25px;
					display:block;	
					font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
					font-size:15px;
				}
				.caret {
					display: none;	
				}
				#main-navigation ul ul {
					position: absolute;
					left: -9999px;	
					border-top: 1px solid #063856;
					z-index: 1001;
					min-width: 200px;
					padding: 0;
				}
				#main-navigation ul li:hover ul {
					left: 0;
				}
					#main-navigation ul ul li {
						border-bottom: 1px solid #063856;	
						display: block;
						float: none;
						border-right: none;
					}
					.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
						background-color: #063856;
						background-image: none;	
					}
					
#header-promo {
	position: relative;	
	background:url(img/bg-header-newsletter.jpg) top left no-repeat;
	background-size: contain;
	width: 100%;
	height: 307px;
}
	#header-promo-bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index:1;	
	}
	#promo-newsletters-320 {
		display: none;
	}
	#header-promo-text {
		/*width: 25%;
		right: 40%;*/
		width: 23%;
		right: 43%;
		top: 5%;
		position: absolute;
		font-size: 14px;
	}
		#header-promo-text h3 {
			font-size: 24px;
			line-height: 1;
			margin-top: 5px;
		}
/* END HEADER STYLES */

/* CONTENT STYLES */
.col-md-12 {
	padding: 0;	
}
.col-md-3 {
	width: 24%;
	margin-right: 1%;	
	float: left;
}

.section-page {
	margin-top: 3%;
}
	.newsletter-active {
		border: 1px solid #0e73b2;	
	}
	.newsletter-seperator {
		background:url(img/dotted-seperator.png) repeat-x top left;
		height: 30px;
		width: 99%;
		overflow:hidden;
		clear:both;
	}

	.section-page .newsletter-list-item {
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;	
		background-color: #F4F4F4;
		border: 1px solid #f4f4f4;
		padding: 1%;		
	}
	.section-page .newsletter-last {
		margin-right: 0;	
	}
		.newsletter-item-content {
			padding: 2%;	
			width: 96%;
		}
			.newsletter-item-content p {
					font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
	
				font-size: 12px;
				min-height: 85px;
			}
			.newsletter-item-content a {
				font-weight: bold;	
			}
			
		.newsletter-thumbnail {
			overflow: hidden;
			-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);
			box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);
		}
			div.newsletter-thumbnail img {
				width: 100%;	
			}
			
		/* BEGIN Modal */	
		.modal-body {
			padding: 0;	
				font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;

		}
			.modal .newsletter-thumbnail {
				float: left;
				width: 50%;
				padding: 3%;	
				
				background-color: #F8F8F8;
			}
				.modal .newsletter-thumbnail img {
					height: auto;	
				}
			.modal .newsletter-more-info {
				float: right;
				width: 50%;
				padding: 3%;
			}
				.dotted-bottom {
					padding-bottom: 4%;	
					background:url(img/dotted-seperator.png) repeat-x bottom left;
					clear: both;
				}
				.newsletter-info-first {
					margin-top: 7%;
				}
					.newsletter-more-info h2 {
						font-size: 32px;
						margin-top: 0;	
					}
					.newsletter-more-info h3 {
						color: #ccc;
						text-transform: uppercase;	
						margin-top: 0;
						font-size: 20px;
					}
					.newsletter-more-info label {
						color: #5F5F5F;	
						font-size: 16px;
					}
					.modal .close {
						font-size: 18px;
						text-transform: uppercase;	
					}
						.modal .close span.close-text {
							font-size: 14px;
							line-height: 28px;
							font-weight: bold;	
						}
						.modal .close span.close-x {
							font-size: 28px;
						}
			/* END Modal */	
			.newsletter-item-select {
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;
				background-color: #fff;
				padding: 5% 5% 2%;
				
			}
				.newsletter-item-select label,
				.newsletter-item-select input
				{
					cursor: pointer;
				}
				.newsletter-select-check {
					    width: 8%;
						float: left;
						padding-top: 5px;
				}
				.newsletter-select-label {
					width: 90%;
					padding-left: 2%;
					float: left;
					
				}
					div.newsletter-select-label label {
						display: block;
						margin: 0;
						font-size: 18px;
					}
					div.newsletter-select-label span {
						font-size: 12px;	
						color: #fff;
						cursor: default;
					}
					.newsletter-select-label .hidden {
						display: block;
						color: #0e73b2;	
					}
					.newsletter-select-label .visible {
						color: #f4f4f4;	
					}
		
				
	.section-page .newsletter-active {
		border: 1px solid #0e73b2;
	}
	.newsletter-active, .newsletter-active .newsletter-item-select {
		background-color:#0e73b2;
			
	}
	.newsletter-active .newsletter-item-select {
		color: #fff;	
	}
	
	.btn {
			font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;

		background-color: #c93626;
		font-size: 16px;
		color: #fff;
		border-radius: 0;
	}
		.btn:hover,
		.btn:focus {
			border-color: #8e1508;
			background: #8e1508 none;
			color: #fff;
		}
		
	.modal .glyphicon {
		font-size: 13px;
		padding-right: 5px;	
	}

.large-number {
	width: 50px;
	height: 50px;
	background: #0e73b2; 
	color: #fff;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	border-radius: 25px;	
	padding-left:18px;
	padding-top: 2px;
	font-size: 36px;
	font-weight: bold;
	margin-right: 0.5%;
	display: inline-block;
}

.section-page .section-header {
	display: inline-block;	
	text-transform: uppercase;
	color: #333;
    padding-left: 10px;
}
	/* GRAVITY FORMS STYLES */
	.section-page .gform_wrapper {
		padding-left: 2%;
		margin: 0 0 0 50px;		
	}

	div.gform_wrapper ul li {
		display: inline-block;	
		clear: none !important;
	}
		div.gform_wrapper ul li label,
		.section-page div.gform_wrapper input {
			font-size: 12px;
				font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;

			font-weight: normal !important;	
		}
		div.gform_wrapper ul li input {
			border: none; 
     		border:solid 1px #ccc;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
      		border-radius: 3px;
		}
			div.gform_wrapper ul li input:focus {
				box-shadow: 0 0 10px rgba(232,232,232, 2);
			}
		#field_11_1 {
			width: 30%;
			margin-right: 2%;
		}	
		#field_11_6 {
			width: 15%;
		}
			#field_11_1 input,
			#field_11_2 input {
				width: 100%;	
			}
		.gform_validation_error #field_11_6 {
			width: 20%;
		}
		.section-page .gform_wrapper .gform_footer input.button {
			display: none;	
		}
		
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
			margin: 0;	
		}
		
		div.gform_wrapper .gform_footer {
			padding: 0;	
		}
		
		div.gform_confirmation_message_11 {
			font-size: 18px;
			color: blue;
		}
	/* END GRAVITY FORMS STYLES */
	
	
	/* FOOTER CHECKBOX STYLES */
	#use-email-selection {
		color: #7a7a7a;	
		background-color: #f4f4f4;
		margin: 1% 0 3% 0;
		padding: 2%;
		width: 96%;
			font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;

		font-size: 12px;
		clear: both;
	}
		#use-email-selection-checkbox {
			float: left;
			width: 3%;	
		}
		#right-to-use-content {
			float: left; 
			width: 97%;	
		}
			#right-to-use-content .btn {
				font-size: 20px;
			    text-align: center;
			    padding: 5px 20px;
			    margin: 0 auto;
			    display: block;
			    text-transform: uppercase;
			}
	/* END FOOTER CHECKBOX STYLES */

	/* BEGIN Newsletter Single */
	.single {
			font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
	
	}
		.single .newsletter-content-left {
			background-color: #F8F8F8;
			padding: 2%;
		}
			.single .newsletter-content-left img {
				max-width: 100%;
				height: auto;	
			}
		.newsletter-content-right {
			padding: 3%;	
				font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;

		}
			.single .newsletter-item-select {
				padding: 0 0 4% 0;	
				
			}
			.newsletter-content-right h1 {
				margin-top: 0;	
				font-size: 48px;
			}
			.single #use-email-selection {
				color: #7a7a7a;	
				background-color: #f4f4f4;
				margin: 1% 0 3% 11%;
				padding: 3%;
				width: 85%;
					font-family: Montserrat,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;

				font-size: 12px;
			}
				.single  #use-email-selection-checkbox {
					float: left;
					width: 3%;	
				}
				.single #right-to-use-content {
					float: left; 
					width: 97%;	
					padding-left: 2%;
					font-size: 11px;
				}
					.single #right-to-use-content .btn {
						font-size: 24px;
						padding: 0 10%;
						margin: 6% auto 3%;
					}
			.single .gform_validation_error #field_9_6 {
				width: 27%; /* Keeps the error display to a single line */	
			}
			
			.single .large-number {
				padding: 0 0 0 14px;	
			}
			
			.single .newsletter-content-right .col-md-12 {
				background: url(img/shadow-container-single.png) top center no-repeat;	
				padding-top: 2%;
			}
	
	/* END Newsletter Single*/

.error404 h1 {
	font-size: 48px;
}
.error404 h4 {
	font-size: 22px;
}
/* END CONTENT STYLES */

/* BEGIN FOOTER */
#footer {
	margin-top: 5%;
	color: #fff;
}
	.footer-red {
		padding: 10px 0;
		background-color:#0e73b2;	
	}
		.footer-social-container {
			float: left;	
		}
			.footer-social-container a {
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				font-style: italic;
			}
	.footer-black {
		background-color: #000;
		padding: 20px 0;	
	}
		#footer-logo {
			margin-right: 20px;	
		}

/* END FOOTER */