/*
CTC Separate Stylesheet
Updated: 2016-05-10 11:28:37
*/

/*
CTC Separate Stylesheet
Updated: 2016-05-10 11:28:37
Theme Name: WEX Newsletters 2015 Child
Theme URI: http://ndigit.co
Template: newsletter_responsive
Author: Ryan Allen
Author URI: http://ndigit.co
Description: The Weekly Standard Newsletter Center (Responsive)
Version: 1.0.1462894117
*/
.tk-alternate-gothic-no-2-d {
    font-family: "franklin-gothic-urw", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .hd-font {
	font-family: "garamond-premier-pro",serif;
}
a {
    color: #ed1b34;
}
a:hover, a:focus {
    color: #ed1b34;
    text-decoration: underline;
}

#main-navigation ul li {
    float: left;
    padding: 0;
    position: relative;
    background-color: #255a98;
    border-right: 1px solid #fff;
}
.navbar-header {
    background-color: #255a98;
}
#main-navigation {
    background: #255a98;
    border: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 0;
    position: relative;
    z-index: 1000;
    margin: 0;
}
#main-navigation ul li a {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 14px 5px;
    display: block;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 15px;
    letter-spacing: 0.043px;
}
#main-navigation ul ul {
    border-top: 1px solid #172c5a;
}
#main-navigation ul ul li {
    border-bottom: 1px solid #172c5a;
}
#main-navigation ul li:hover ul {
    margin-left: -83px;
    text-align: right;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #172c5a;
    background-image: none;
}
.footer-red {
    padding: 10px 0;
    background-image: linear-gradient(to bottom,#255a98 0,#255a98 100%);
    border-top: 2px solid #255a98;
}
.footer-black {
    background-color: #172c5a;
    padding: 20px 0;
}
.section-page .section-header {
    color: #ed1b34;
}
.large-number {
    background: #ed1b34;
}
.btn {
	font-family: "franklin-gothic-urw", sans-serif;
    text-transform: uppercase;
    background-color: #ed1b34;
    border-color: #ed1b34;
    background-image: linear-gradient(to bottom,#ed1b34 0,#ed1b34 100%);
}
.btn:hover, .btn:focus {
    border-color: #ed1b34;
    background: #ed1b34 none;
    color: #fff;
}
#right-to-use-content .btn {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
	padding: 15px 20px 10px;
	line-height: 16px;
}
.single #right-to-use-content .btn {
    font-size: 18px;
    padding: 4% 5%;
    margin: 6% auto 3%;
}
#header-promo {
    position: relative;
    background: url(img/tws-header-newsletter-960x305.png) top left no-repeat;
    background-size: contain;
    width: 100%;
    height: 307px;
}
#header-promo-text h3 {
	font-family: "franklin-gothic-urw", sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom:1px;
}
#header-promo-text p {
	font-family: "franklin-gothic-urw", sans-serif;
	font-size: 16px;
	line-height: 21px;
}
#field_9_1 {
    width: 45%;
    margin-right: 2%;
}
#field_9_1 input, #field_9_2 input {
    width: 100%;
}
#field_9_6 {
    width: 20%;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100% !important;
}
div.newsletter-select-label label {
    font-size: 16px;
}
div.newsletter-select-label span {
    font-size: 13px;
}
.newsletter-active, .newsletter-active .newsletter-item-select {
    background-color: #255a98;
}
.section-page .newsletter-active {
    border: 1px solid #255a98;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #172c5a;
}
.storycontent p {
	font-size:18px !important;
}
.footer-social-container a:hover, .footer-social-container a:focus {
	color: #fff;
}
.section-page .newsletter-list-item {
	height: 490px !important;
}
.newsletter-title {
	height: 56px;
}
/* Media Queries styles */
@media (max-width: 1024px) {

}
@media (max-width: 960px) {
	.container {
		width: 96%;
		padding: 2%;	
	}
	/* Header / Navigation */
	#header-promo {
		background: url(img/bg-header-newsletter-960.jpg) top left no-repeat;
		background-size: contain;
	}
	#header-promo-text {
    	width: 60%;
    	right: 0;
    	left: 35%;
}
		
	.navbar-toggle {
		float: left;
		margin-right: 0;
		margin-left: 15px;	
	}
	
	.navbar-nav {
		margin: 0;	
	}
	#main-navigation {
		padding: 0;
		background-color: #172c5a;
		
	}
		#main-navigation .navbar-collapse {
			border-top: 1px solid #255a98;
			width: 100%;
		}
		#main-navigation .in {
			width: 100%;
		}
		.navbar-collapse.in {
			overflow-y: visible;	
		}
		#main-navigation ul {
			display: block;	
			float: none;
			width: 100%;
		}
			#main-navigation ul li {
				float: none;
				position: relative;
				background-color: #255a98;
				border-right: none;
				border-bottom: 1px solid #fff;
				width: 100%;
			}
				#main-navigation ul li a {
					color: #fff;
					text-transform: uppercase;	
					padding: 10px 25px 5px;
					display:block;	
					font-family: "franklin-gothic-urw", sans-serif;
					font-size:20px;
				}
					.caret {
						display: inline-block;	
					}
					.navbar-default .navbar-nav>.open>a, 
					.navbar-default .navbar-nav>.open>a:hover, 
					.navbar-default .navbar-nav>.open>a:focus {
						background-color: #172c5a;	
					}
				#main-navigation ul ul {
					position: absolute;
					left: 0;
					float: left;
					display: none;
					border-top: 1px solid #172c5a;
					z-index: 1001;
					min-width: 200px;
					padding: 0;
				}
					#main-navigation .open>.dropdown-menu {
						display: block !important;	
					}
					#main-navigation .navbar-nav .open .dropdown-menu {
						position: static;
						float: none;	
					}
				#main-navigation ul li:hover ul {
					left: 0;
					margin-left: 0px;
    				text-align: left;
				}
				#main-navigation ul ul li {	
						display: block;
						float: none;
						border-right: none;
						background-color: #172c5a;
						padding-left: 5%;
					}
	
	/* END Header / Navigation */
	
	/* Homepage */
	.newsletter-select-label {
		padding-left: 5%;	
	}	
	/* END Homepage */
	
	/* Scaffolding */
	.container {
		width: 100%;
		padding: 2%;	
	}
		.row {
			margin: 0;	
		}
		.col-md-3 {
			width: 48%;
			margin-bottom: 2%;	
		}
		.section-page .newsletter-last {
			margin-right: 1%;	
		}
		.newsletter-seperator {
			/*display: none;	*/
		}
	/* END Scaffolding */
	
	.section-page .newsletter-list-item {
		height: 700px !important;
	}
}

@media (max-width: 800px) {
	.section-page .newsletter-list-item {
		height: 620px !important;
	}
}

@media (max-width: 660px) {
	#header-promo-text {
		width: 100%;
		position: relative;
		right: 0%;
		padding: 23% 10px 0;
		left: 0%;
	}
	.section-page .section-header {
		width: 83%;
		margin: 0 0 10px;
		font-size: 21px !important;
	}
	.section-page .newsletter-list-item {
		height: 550px !important;
	}
}
@media (max-width: 659px) {
#header-promo-text {
    width: 100%;
    position: relative;
    right: 0%;
    padding: 30% 10px 0;
    left: 0%;
}
@media (max-width: 480px) {
	#logo {
		margin: 5% 0;
		text-align: center;	
	}
	#header-promo {
		background:url(img/bg-header-newsletter-320.jpg) no-repeat top left;	
		background-size: contain;
		height: auto;
	}
		#header-promo-text {
    	width: 100%;
    	position: relative;
    	right: 0%;
    	padding: 23% 10px 0;
    	left: 0%;
	}
	.caret {
		float: right;	
	}
	
	.col-md-3 {
		width: 49%;
		margin-bottom: 2%;
		padding-left: 	2%;
	}
	#field_11_1 {
		width: 60%;
	}
	#field_11_6 {
		width: 25%;
	}
	#use-email-selection-checkbox {
		margin-right: 1%;
	}
	#right-to-use-content {
		width: 96%;
	}
	#footer .footer-social-container img {
		display: block;
		margin: 0px auto;
	}
	.section-page .newsletter-list-item {
		height: 470px !important;
	}
}
@media (max-width: 320px) {
	#promo-newsletters-320 {
		display: block;
		position: absolute;
		z-index: 1000;	
		top: -28px;
		right: 0;
	}
	.section-page .newsletter-list-item {
		height: 410px !important;
	}
}