/*
Theme Name: Fifty Five One Responsive
Theme URI: http://bravenewmedia.net
Description: This is a custom horizontally repeating theme design.
Author: Brave New Media
Version: 1.0
License: GNU General Public License
License URI: license.txt

---------- CSS 3 Styles -----------

BNM Colors
Dark Purple: #201C23
Light Purple: #433B48
Pink: #D9544E
Tan: #D3C7B1

-webkit-border-radius: 8px;
-moz-border-radius: 	 8px;
border-radius: 				 8px;
-webikit-box-sizing: border-box;
-moz-box-sizing: 		 border-box;
box-sizing: 				 border-box;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: 		#666 0px 2px 3px;
box-shadow: 				#666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);
*/

/************************ Universal Styles ************************/

a {
	color: #0099cc;
}

a:hover, a:focus {
    color: #0068b2;
}

a.button {
	background: #7eb0d7;
    border: none;
    color: #fff;
    padding: 8px 30px;
}

a.button.contributor {
	margin: 40px 0;
}

a.commentnum {
    margin-left: 5px;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #426384;
}

.ad-300x250 {
    margin-bottom: 20px;
}

.alignright,
.getty.alignright {
    float: right;
    margin: 0 0 15px 15px !important;
}

.aligncenter,
.getty.aligncenter {
	display: block;
	margin: 0 auto 12px;
}

.alignleft,
.getty.alignleft {
    float: left;
    margin: 0 15px 15px 0 !important;
}

.article {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 12px;
}

.article.simple {
	border: none;
	margin: 0 0 20px;
}

.medium-8 article {
    margin: 25px 0;
}

body {
	background: #ffffff;
	font-family: "roboto",sans-serif;
	position: static;
}

#disqus_thread {
    margin: 40px 0;
}

.easy-wp-page-navigation a, .easy-wp-page-navigation span {
    border: 1px solid #9a9288 !important;
    color: #9a9288 !important;
}

.easy-wp-page-navigation a:hover, .easy-wp-page-navigation span.current {
    background: #9a9288 !important;
	color: #fff !important;
}

ul.easy-wp-page-nav {
	margin-left: 0;
}

.f-dropdown.content {
    padding: .5rem;
	z-index: 999;
}

.fa.fa-comment {
    color: #45657e;
}

aside .fa.fa-comment {
	padding-left: 10px;
}

.featuredblog {
    margin-bottom: 30px;
}

.featurebanner {
    border-bottom: 1px solid #c3beb7;
    margin: 15px 0 5px;
    padding: 0 0 14px;
}

.featurebanner img {
	width: 100%;
}

.home .featurebanner {
    border-top: 1px solid #c3beb7;
    margin: 15px 10px;
    padding: 14px 0;
}

#featuredpodcast {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 10px 15px;
}

#featuredpodcast p {
    margin-bottom: 0;
}

form.searchform {
    margin-bottom: 40px;
}

div#twitter-feed-FiftyFiveOne {
	margin-bottom: 10px;
}

div#twitter-feed-FiftyFiveOne a.fts-powered-by-text,
div#twitter-feed-FiftyFiveOne.fts-twitter-div a.fts-twitter-full-name {
    display: none !important;
}

div#twitter-feed-FiftyFiveOne .fts-twitter-reply-wrap-left {
  margin-top: 10px;
  margin-left: 67px;
}

div#twitter-feed-FiftyFiveOne .fts-tweet-others-right {
  margin-left: 30px;
}

div#twitter-feed-FiftyFiveOne .fts-tweet-others-right a {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

div#twitter-feed-FiftyFiveOne.fts-twitter-div a {
    color: #567595 !important;
}

div#twitter-feed-FiftyFiveOne.fts-twitter-div a.fts-twitter-at-name {
	font-weight: bold !important;
}

div#twitter-feed-FiftyFiveOne img.twitter-image {
    margin-left: 0;
}

div#twitter-feed-FiftyFiveOne .tweeter-info .right {
    padding: 0 7px 7px 58px;
}

div#twitter-feed-FiftyFiveOne .fts-tweeter-wrap .tweeter-info {
	border-bottom: 1px solid #ddd;
}

.getty.embed.image {
    position: relative;
}

.getty.embed.image > div > a {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 99;
}

#gform_wrapper_1 .top_label .gfield_label {
	display: none;
}

#gform_wrapper_1 .gform_body,
input#mce-EMAIL {
	clear: none;
	float: left;
	width: 60% !important;
}

#gform_wrapper_1 .gform_footer,
input#mc-embedded-subscribe {
  clear: none;
  float: left;
	margin: 0;
	padding: 0;
  width: 40%;
}

form#gform_1,
#mc_embed_signup_scroll {
    padding-left: 10px;
    padding-top: 111px;
}

input#gform_submit_button_1,
input#mc-embedded-subscribe {
  background: transparent;
  font-family: "roboto-condensed";
	font-size: 14px;
  font-weight: 400;
  letter-spacing: .1rem;
	padding: 15px 0 0 10px !important;
  text-transform: uppercase;
}

input#input_1_1,
input#mce-EMAIL {
  background: transparent;
  border: none;
  box-shadow: none;
	color: #cccccc;
  font-family: "roboto-condensed";
  font-size: 14px;
	letter-spacing: .1em;
	margin: 6px 0 0;
	padding: 0;
}

#gform_wrapper_1 ::-webkit-input-placeholder,
input#mce-EMAIL::-webkit-input-placeholder {
   color: #cccccc;
}

#gform_wrapper_1 :-moz-placeholder,
input#mce-EMAIL:-moz-placeholder { /* Firefox 18- */
   color: #cccccc;
}

#gform_wrapper_1 ::-moz-placeholder,
input#mce-EMAIL::-moz-placeholder {  /* Firefox 19+ */
   color: #cccccc;
}

#gform_wrapper_1 :-ms-input-placeholder,
input#mce-EMAIL:-ms-input-placeholder {
   color: #cccccc;
}

.newsletter #gform_confirmation_wrapper_1 {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

.newsletter #gform_confirmation_message_1 {
    color: #fff !important;
}

.gform_wrapper div.validation_error {
    display: none !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: .5em!important;
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 6px !important;
}

h1, h2 {
	color: #45657e;
	font-family: "signo", sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .02rem;
	margin-bottom: 10px;
}

h2 {
	font-size: 16px;
}

h2 a {
	display: block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

h2 a:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

h3, h4, h5 {
	color: #45657e;
	font-family: "roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .02rem;
	margin-bottom: 25px;
}

h3, h5 {
	color: #292929;
}

h4, h5 {
	text-transform: uppercase;
}

h3.border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.authorcontainer h3 {
    color: #45657e;
    font-size: 18px;
    margin-bottom: 5px;
}

aside h4 {
	font-family: "signo", sans-serif;
	font-weight: 500;
	margin-bottom: .25rem;
	text-transform: none;
}

aside h4 a {
	display: block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

aside h4 a:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

h1 a, h2 a, h3 a, h4 a {
	color: inherit;
}

.hr {
	background: #dddddd;
	height: 1px;
	margin: 40px 0;
}

input.searchsubmit,
input#gform_browse_button_2_5,
input.gform_button {
    background: #7eb0d7;
    border: none;
    color: #fff;
    padding: 8px 30px;
}

iframe, .wp-caption {
	max-width: 100%;
}

.imgborder,
.single .max594 img {
	border: 1px solid #dddddd;
	display: block;
	margin-bottom: 12px;
}

.imgborder a {
	display: block;
}

.imgborder img,
.single .max594 img {
	margin: 0 auto;
}

.imgborder img.featured {
	border: none;
}

.max594 {
	max-width: 594px;
}

p, ul li, ol li {
	color: #292929;
	font-weight: 400;
	line-height: 1.8;
}

p.author {
	font-size: 12px;
}

p.wp-caption-text,
p.caption {
    font-size: .8em;
    color: #9A9288;
    padding: 5px;
    margin: 0;
	text-align: center;
}

.date p {
	font-size: 14px;
}

p.tagitem,
p.categories {
	font-size: 14px;
	margin: 0 0 12px;
}

p.categories {
	margin: 25px 0 12px;
}

p.border {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
}

p.pullquoteright,
p.pullquoteleft,
p.pullquotecenter {
    border-top: 2px solid #45657e;
    border-bottom: 2px solid #45657e;
    color: #45657e;
    float: right;
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 25px 25px;
    padding: 25px 0;
    width: 40%;
    text-align: center;
}

p.pullquoteleft {
    float: left;
    margin: 0 25px 25px 0;
}

p.pullquotecenter {
    float: none;
	margin: 25px auto;
	width: 70%;
}

p.twitterfollow a {
    background: #1b95e0;
    border-radius: 3px;
    color: #fff;
	display: block;
    font-size: 12px;
    padding: 3px;
    text-align: center;
    width: 170px;
}

p.twitterfollow a:hover {
	background: #1884c6;
}

.medium-4 .article p {
    margin-bottom: 9px;
}

.pb40 {
	padding-bottom: 40px;
}

.pv40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.regionblack {
	background: #161616;
}

.regiongrey {
	background: #efefef;
}

.regionblue {
	background: #2a4a63;
}

.row {
    max-width: 60em;
}

select.tagdropdown {
    max-width: 48%;
}

span.st_twitter_large.fa.fa-twitter,
span.st_facebook_large.fa.fa-facebook,
span.st_print_large.fa.fa-print {
	color: #9a9288;
	font-size: 18px;
	margin-right: 15px;
    position: relative;
}

span.stButton {
    bottom: 0;
    left: 0;
	margin: 0;
    position: absolute;
}

span.stLarge {
    background: transparent !important;
    height: 18px !important;
    width: 18px !important;
}

span.st_twitter_large.fa.fa-twitter:hover {
    color: #00aced;
}

span.st_facebook_large.fa.fa-facebook:hover {
    color: #3b5998;
}

span.st_print_large.fa.fa-print:hover {
    color: #7eb0d7;
}

.textgrey,
.textgrey a {
	color: #9a9288;
}

.textuppercase {
	text-transform: uppercase;
}

.textsigno {
	font-family: "signo";
	font-weight: 700;
}

.textitalic {
	font-family: "roboto";
	font-weight: 400;
	font-style: italic;
}

.textblue {
	color: #567595;
}

.text14 {
	font-size: 14px;
}

ul.inline {
	margin: 0 0 7px;
}

ul.inline li {
	display: inline-block;
	margin: 0 15px 0 0;
}

ul.post-categories {
	margin: 0;
}

ul.post-categories li {
	font-size: 14px;
    list-style: none;
    line-height: 1;
    margin: 0 5px 10px 0;
    padding-left: 10px;
    display: inline-block;
    text-transform: uppercase;
    border-left: 1px solid #9a9288;
}

ul.post-categories li:first-child {
    border-left: 0;
    padding-left: 0;
}

ul.post-categories li a {
	color: #9a9288;
}

/************************ Header ************************/

a.logo img {
	padding: 0.8125rem 0 0.625rem;
    width: 225px;
}

header.contain-to-grid {
	background: #ffffff;
}

#header-728 .columns,
#footer-728 .columns {
	max-width: 728px;
	min-width: 728px;
	padding-top: 8px;
	padding-bottom: 8px;
}

p.tagline a:hover,
p.tagline a:focus {
	color: #646464;
}

.row.heading {
    border-bottom: 1px solid #c3beb7;
}

.top-bar {
	height: 53px;
}

.title-area .name {
	float: left;
	height: auto;
}

.toggle-topbar {
	float: right;
	padding: 0 0.625rem 0;
}

.top-bar,
.top-bar.expanded .title-area,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent;
}

.top-bar-section .has-dropdown > a:after {
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.4);
}

.top-bar .toggle-topbar a {
    color: #45657e;
    font-size: 20px;
    font-weight: normal;
}

#welcomecta.show-for-small-only {
	padding: 15px;
	max-width: 100%;
}

#welcomecta.show-for-small-only.hide {
	display: none !important;
}

#welcomecta.show-for-small-only .small-block-grid-4 > li {
    width: 50%;
}

ul#menu-main-menu li a:hover,
ul#menu-main-menu li a:focus {
    color: #000;
}

ul#menu-main-menu {
	margin: 0 0 25px;
	text-align: center;
}

ul#menu-main-menu li,
ul#menu-main-menu li a {
	font-family: "roboto";
	font-size: 1rem;
	font-style: italic;
	font-weight: 400;
	letter-spacing: .07em;
	list-style: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.26);
}

ul#menu-main-menu li a {
	border-bottom: 1px solid #c3beb7;
	color: #646464;
	display: block;
	padding: 10px;
}

ul#menu-main-menu li a:hover,
ul.dropdown li a:hover,
ul.dropdown li a:focus,
ul.dropdown li a:active,
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a {
	background: #eee;
}

ul#menu-main-menu li .dropdown {
	-webkit-box-shadow:inset 0 5px 10px -5px rgba(0,0,0,.5);
	box-shadow:inset 0 5px 10px -5px rgba(0,0,0,.5);
}

ul#menu-main-menu li .dropdown li a {
	font-size: .8rem;
	line-height: 1rem;
	padding: 15px 20px;
}

ul.social {
	text-align: center;
	margin-left: 0;
}

ul.social li {
	display: inline-block;
	list-style: none;
	margin-left: 15px;
}

ul.social li:first-child {
	margin-left: 0;
}

ul.social li a {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

ul.social li.facebook a {
	background-image: url(images/icons/facebook.png);
	height: 20px;
	width: 10px;
}

ul.social li.twitter a {
	background-image: url(images/icons/twitter.png);
	height: 15px;
	width: 18px;
}

ul.social li.search a {
	background-image: url(images/icons/search.png);
	height: 17px;
	width: 17px;
}

ul.social li.periscope a {
	background-image: url(images/icons/periscope.png);
	height: 20px;
	width: 16px;
}

/************************ Content ************************/

.authorcontainer .medium-3 {
    padding-left: 0;
}

.newsletter {
    background: url(images/newsletter.jpg) no-repeat right center;
    height: 157px;
    margin: 0 auto;
    width: 286px;
    max-width: 100%;
}

/************************ Footer ************************/

footer p {
	color: #646260;
	font-size: 10px;
	margin: 10px 0;
	text-align: center;
}

ul#footernav,
ul#secondaryfooternav {
	border-top: 1px solid #646260;
	margin: 0;
	text-align: center;
}

ul#footernav li,
ul#secondaryfooternav li {
	font-family: "roboto";
	font-size: 11px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: .07em;
	list-style: none;
	text-transform: uppercase;
}

ul#footernav li a,
ul#secondaryfooternav li a {
	border-bottom: 1px solid #646260;
	color: #646260;
	display: block;
	padding: 10px;
}

ul#secondaryfooternav li a {
	border-bottom: 1px solid #646260;
	color: #646260;
	display: block;
	padding: 10px;
}

footer ul.social {
	margin-top: 20px;
}

/************************ Start Media Queries ************************/

@media only screen and (min-width: 47.5em) {

	/************************* Universal Styles *************************/


	/************************ Header ************************/

	a.logo img {
		display: block;
		margin: 0 auto;
		width: 495px;
	}

	.title-area .name {
	    float: none;
	}

	.date {
	    margin-top: 15px;
		padding: 0;
	}

	header .bgangle {
		background-image: url(images/bg-header.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100%;
		padding-top: 33px;
	}

	.heading {
	    padding: 20px 0 0;
	}

	.socialcontainer {
	    padding: 0;
	}

	.tagline {
	    letter-spacing: .04rem;
	    text-transform: uppercase;
	}

	.contain-to-grid .top-bar {
		height: auto;
		max-width: 60rem;
	}

	.top-bar-section .has-dropdown > a:after {
	    display: none;
	}

	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		background: #fff;
		border: 1px solid #c3beb7;
	}

	.top-bar-section .dropdown li:last-child a {
		border-bottom: 1px solid #c3beb7 !important;
	}

	.top-bar-section li.title.back.js-generated {
		display: none !important;
	}

	.top-bar .title-area {
	    margin-bottom: 10px;
	}

	ul#menu-main-menu {
		border-bottom: 1px solid #c3beb7;
		display: block;
	}

	ul#menu-main-menu li {
		display: inline-block;
		font-size: 14px;
		float: none;
	}

	ul#menu-main-menu li a {
		border-bottom: none;
		font-size: 14px;
	    padding: 10px 15px;
	}

	ul.social {
		margin-top: 25px;
	}

	/************************ Content ************************/

	.featurebanner {
	    margin: 15px 0 12px;
	}

	#featuredpodcast {
		padding: 10px 0 15px;
	}

	#featuredpodcast p {
		margin-bottom: 0;
	}

	input#gform_submit_button_1 {
	    padding-left: 34px;
	}

	img.featurebanner {
	    margin: 15px 0 15px;
	}

	.row .medium-4:nth-child(3n+1) {
	    clear: both;
	    margin-left: 0;
	}

	.row .medium-4 {
		margin-bottom: 20px;
	    padding-left: 0;
	    padding-right: 0;
	    width: 31.95%;
	}

	.medium-6 {
		width: 48%;
	}

	.medium-6.column {
		padding-left: 0;
		padding-right: 0;
		margin-left: .75em;
	}

	.medium-6.column:first-child {
		margin-left: 0;
	}

	.medium-6.column:nth-child(2n+1) {
	    clear: both;
	    margin-left: 0;
	}

	.socialshare {
		margin-top: 25px;
	}

	.socialshare span.st_twitter_large.fa.fa-twitter,
	.socialshare span.st_facebook_large.fa.fa-facebook,
	.socialshare span.st_print_large.fa.fa-print {
		margin: 0 0 12px 15px;
	}

	/************************ Footer ************************/

	footer {
		background-image: url(images/bg-footer.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100%;
		padding-top: 20px;
	}

	ul#footernav {
		border-bottom: 1px solid #646260;
	}

	ul#secondaryfooternav,
	ul#secondaryfooternav li a {
		border: none;
	}

	ul#footernav li,
	ul#secondaryfooternav li {
		display: inline-block;
	}

	ul#footernav li a {
		border-bottom: none;
		padding: 10px 20px;
	}
}


@media only screen and (min-width: 60em) {

	/************************ Universal Styles ************************/



	/************************ Header ************************/

	.date {
	    margin-top: 20px;
	}

	img.navdropmenu {
		display: none;
	}

	p.tagline,
	.date p {
	    letter-spacing: 0.1em;
	}

	ul#menu-main-menu,
	ul#footernav,
	ul#secondaryfooternav {
		margin: 0 auto;
		max-width: 60em;
	}

	ul#menu-main-menu li,
	ul#menu-main-menu li a {
		font-size: 1rem;
	}

	ul#menu-main-menu li a {
	    padding: 10px 20px;
	}

	ul.social {
	    margin-top: 35px;
	}

	ul.social li {
		margin-left: 25px;
	}

	/************************ Content ************************/

	.column.max594 {
		padding-left: 0;
	}

	#featuredpodcast {
	    background: url(images/bg-blue-stripes.jpg) no-repeat left top;
	    background-size: 100%;
	    border-bottom: 1px solid #c3beb7;
	    padding: 33px 45px 38px;
	    margin-bottom: 40px;
	}

	input#gform_submit_button_1 {
	    padding-left: 50px;
	}

	.single .imgborder {
		width: 579px;
		height: 384px;
	}

	.single .imgborder {
		position: relative;
	}

	.single .imgborder a {
		width: 100%;
		height: 100%;
	}

	.single .imgborder a img.featured {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}

	.row .medium-4 {
	    margin-left: .75em;
	}

	/************************ Footer ************************/

	footer {
		padding-top: 25px;
	}

	ul#footernav li a {
	    padding: 10px 30px;
	}
}

@media only screen and (min-width: 71.25em) {

	/************************ Universal Styles ************************/


	/************************ Header ************************/

	p.tagline {
	    letter-spacing: 0.11em;
	}

	/************************ Content ************************/


	/************************ Footer ************************/

	footer {
		padding-top: 25px;
	}
}