/*
Theme Name: Broadband Now
Theme URI: http://broadbandnow
Author: Nick Reese
Author URI: http://nicholasreese.com/
Description: Custom theme to match Broadband Now
Version: 1.0

*/

.blog {counter-reset: table; }

.blog.content-all {}

.blog .blog-content-wrap {}
.single .entry-wrap {}

.blog img {max-width:100%!important; height: auto!important;}

.blog .entry-title {margin:0;}

.blog .entry-content {border-bottom: 1px solid #eee; margin-bottom: 10px;}
.blog .entry-footer {font-size:12px;}
.blog .entry-summary {margin: 20px 0 10px; border-bottom: 1px solid #eee; }

.blog .widget-container {padding:15px; background:#FCFCFC; border:1px solid #F3F3F3; margin-bottom:15px;}
.widget-container h4 {font-weight: 300; font-family: "Lato", sans-serif; margin-top: 0px; font-size: 24px; margin-bottom: 15px; }
	.widget-container ul {margin:0; padding:0px 0 0 25px; line-height: 18px}
        .widget-container ul li {margin-top:5px;}
    		.widget-container ul li a { font-size:14px;  }

.blog .content-all .broadband-widget{}
	.blog .content-all .broadband-widget h3 {margin-bottom:5px;}
	.blog .content-all .broadband-widget .form {overflow: hidden; margin-top:10px;}
	.blog .content-all .broadband-widget .form-group {max-width: 160px; float: left; margin:0 5px 0 0;}
		.blog .content-all .broadband-widget input {border-color: #80B870;}
		.blog .content-all .broadband-widget button {background: #87C276; color: #fff; border: 1px solid #80B870; float:right; }
			.blog .content-all .broadband-widget button:hover {background: #80B870; color: white; border-color: #80B870; }

.blog .share-block .share-item {width:auto; height: auto; opacity: 1; padding:10px 16px; margin:auto;}

.blog .share-block {margin-bottom:20px;}
.blog .share-block .fa {font-size:23px; vertical-align:bottom; margin-right:10px;}

.blog .share-block a:hover{opacity:.8; transition: all 0.2s ease;}


.blog .blog-comments {margin-top: 50px; margin-bottom:20px;}

.blog .entry-content p small {font-size: 12px;}

.blog table {counter-increment: table;  }

.blog table.table.table-condensed { border-bottom:1px solid #ddd;}

.blog table caption { margin-bottom:10px; font-size:14px; caption-side:bottom; padding:10px; background:#f5f5f5; border:1px solid #ddd; color:#444; margin-top:10px; }

.blog table caption:before {content:" Table " counter(table) ": "; font-weight: bold;}

.blog table tfoot p {margin-bottom:0;}


.specific-laws ul li  {font-size:14px;}

/* maps */

.blog-map { padding:15px 0 15px 0; background:#fdfdfd; position:relative; margin-bottom:20px; border:1px solid #e9e9e9;}

.blog-map .map-caption {text-align:center; text-transform:uppercase; }

.blog-map #svg-hover { color:#777; font-family: "Lato", sans-serif; font-size: 14px; display:none;  z-index:1; position:absolute; right:5px; bottom:5px;}

.blog-map  #svg-hover span{text-transform: uppercase; color:#333;}

/* blog home */
.blog .content-top {background: url('http://broadbandnow.com/assets/img/global-tech.jpg') no-repeat #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: min-height: 230px;
margin-bottom:40px;
}
.blog .content-top .blog-title {color:#fff; margin-top:70px; margin-bottom:0; font-size: 36px; text-transform: uppercase; font-weight: 700; font-family: "Lato", sans-serif; letter-spacing: 2px; line-height: 1.1}
.blog .content-top .blog-subtitle {color:#fff; font-weight:300; margin-bottom:0px; font-size:20px; margin-top:5px; font-family: "Lato", sans-serif; line-height: 1.1}


.blog .container .entry-wrap +  .entry-wrap {margin-top:40px;}


.blog .container .entry-summary {margin-top:10px;}

.blog .container .author-profile {margin-top:20px; margin-bottom:5px; padding:10px; border:1px solid #eee; background:#fcfcfc; overflow:hidden;}

.blog .container .author-profile img{float:left; padding:1px; border:1px solid #eee; }

.blog .container .author-profile .profile-inner {margin-left:110px;}

.blog .container .author-profile h4 {margin:5px 0 5px }
.blog .container .author-profile p {font-size:16px; line-height:22px; margin:0}

.credibility-footnotes {border-bottom:1px solid #eee; margin-bottom: 5px}
.credibility-footnotes li{font-size:14px;}

/* blog bulk */

.blog .content-all h1 {font-size:38px; font-weight: 700; font-family: "Lato", sans-serif; margin-bottom:10px;}
	.blog .content-all h1.entry-title { margin-bottom:15px;}
	.blog .content-all h1.entry-title span { font-weight:400; margin-bottom:0px; font-family: "Lato", sans-serif; line-height: 1.1; font-size: 82%;}
.blog .content-all h2 {font-size:30px; font-weight: 700; font-family: "Lato", sans-serif; margin-top:0; margin-bottom:15px;}
.blog .content-all h3 {font-weight: 700; font-family: "Lato", sans-serif; margin-top:0px; font-size:24px; margin-bottom:15px;}

.blog .content-all p, .blog .content-all ul, .blog .content-all ol, .blog .content-all blockquote {font-size: 18px; margin-bottom: 24px;}




/* Blog Top Cities */

.blog .city {border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-bottom:30px;}
.blog .city-header {position:relative; background:#f6f6f6;}
.blog .city-header h2 {position:absolute; top:35px; left:0; padding:10px 60px 10px 30px; background-color:rgba(50,50,50,0.7); color:white; font-size:36px; }

.blog .city-header .big-stats {max-width:530px; margin:-60px auto 0; }

.blog .city-header .big-stats .pie {margin-bottom:20px; border-color:#ddd;}

.blog .city .city-inner {padding:10px 20px}

.big-stats .resize.nonpercent .pie .percent{left: 68px;}
.big-stats .resize.nonpercent .pie .percent:after {content:'';}


#comments {font-size:16px; line-height: 20px;}
.comments { border:1px solid #efefef; background: #fefefe}
	.comments h4 {margin: 0; background: #f7f7f7; padding: 20px 30px; font-size: 24px; line-height: 27px; text-transform: uppercase;}
		.comments h4 a {text-decoration:underline!important; text-transform: uppercase; color: #666; }
			.comments h4 a:hover {text-decoration: none;}
	.comments .comment-content a, .comments .comment-form a {color:#0088cc; font-weight: 300; text-transform: none; border-bottom:1px solid #0088cc; text-decoration: none;}
		.comments .comment-content a:hover,.comments .comment-form a:hover {border:0;}

	.comments .comment-list {background:none; padding:30px;}
		.comments .comment-list a {text-decoration:none;text-transform: none;}
		.comments .comment-list .comment-body {padding-left:0px; margin-bottom:40px; }

	.comments .comment-meta {position:relative; height:60px; margin:0; border:0;}
		.comments .comment-author img{position:absolute; top:0; left:0;}
		.comments .comment-metadata {margin:0; position:absolute; left:60px; top:28px; font-size:14px; text-transform: none;}
			.comments .comment-metadata a{color: #888; font-size: 12px; text-transform: none; font-weight: 400;}
		.comments .comment-list .comment-body .fn {font-size:22px; text-transform:uppercase; position:absolute; top:0px; left:60px; white-space: nowrap; color:#666;  font-weight:900; text-align:left;}
			.comments .comment-list .comment-body .fn a {color:#666; font-weight:900;  text-transform:uppercase;}
		.comments .comment-content p {font-size:16px; line-height:22px; margin-bottom:20px;}
		.comments .comment-author img {position:absolute; top:0; left:0; margin:0; padding:0;}



	.comments .comment-list .reply .comment-reply-link { font-weight: 400; font-style: normal; color: #666; text-transform: uppercase; text-decoration: none; margin-bottom: 0px; display: inline-block; font-size:1px}

	.comments .pingback .comment-body {text-transform: uppercase;  font-weight: 500; color: #666;}
		.comments .pingback .comment-body a{text-transform: uppercase;  font-weight: 300; color: #666;}

	.parent > .comment {margin-left:50px; padding-left:20px; border-left:1px solid #F3F3F3;}

	.comment-respond {background:#f7f7f7; padding:30px 30px 50px 30px}
		.comment-respond h3 {text-transform: uppercase; margin-bottom:30px; margin-top:10px;}

	.comment-form p{font-size:16px;}
		.comment-form input {text-align:left; text-transform:none; padding:0; border:1px solid #F3F3F3; width:50%; height:40px; padding-left:5px; font-weight:500;}
		.comment-form label {width:100px; text-align:right; margin-right:20px; font-size:16px;}
		.comment-form textarea {width:75%; border:1px solid #F3F3F3; margin-bottom:15px; color:#666; font-weight:500; padding:5px; }
		.comment-form .form-submit {margin-left:122px; margin-bottom:15px;}
			.comment-form .form-submit input {text-align:center; background:#666; color:#F9F5EF; width:auto; padding:10px 40px; height:auto; text-transform:uppercase; font-family:'brandon-grotesque', sans-serif; font-size:18px; letter-spacing: 1px; transition-property: background; -webkit-transition-property: background; transition-duration: .2s; -webkit-transition-duration: .2s; font-weight:400}
				.comment-form .form-submit input:hover {background:#DA534F}
		.single .comment-form .subscribe-to-comments {margin:0;}
			.subscribe-to-comments label {width:auto; text-align:left; vertical-align:text-bottom; font-weight:300; letter-spacing:1px;}
			.subscribe-to-comments input {width:auto; margin-left:122px;}

	.comment-form .form-allowed-tags, .comment-form .comment-notes, .comments .says, .comment-form .required  {display:none;}

.blog-block {padding:10px; border-left:4px solid #eee; margin-bottom:20px; background:#f9f9f9;}

tr.usa {background:#ebf1fd}

@media (max-width: 768px) {
	.blog .comment-form .form-submit {margin:0;}
	.blog .comment-form textarea {width:90%;}
    .blog .city-header h2 {font-size:22px;}
}


@font-face {
     font-family: 'StateFaceRegular';
     src: url('http://broadbandnow.com/assets/font/stateface-regular-webfont.eot');
     src: url('http://broadbandnow.com/assets/font/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('http://broadbandnow.com/assets/font/stateface-regular-webfont.woff') format('woff'),
          url('http://broadbandnow.com/assets/font/stateface-regular-webfont.ttf') format('truetype'),
          url('http://broadbandnow.com/assets/font/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 .stateface:before {
    font-family: StateFaceRegular;
    margin-right: 5px;
}

.stateface-replace {
    text-indent: -999em;
    display: inline-block;
    position: relative;
    min-width: 1em;
}

.stateface-replace:before {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
}

.stateface-ak:before {
    content: "A";
}

.stateface-al:before {
    content: "B";
}

.stateface-ar:before {
    content: "C";
}

.stateface-az:before {
    content: "D";
}

.stateface-ca:before {
    content: "E";
}

.stateface-co:before {
    content: "F";
}

.stateface-ct:before {
    content: "G";
}

.stateface-dc:before {
    content: "y";
}

.stateface-de:before {
    content: "H";
}

.stateface-fl:before {
    content: "I";
}

.stateface-ga:before {
    content: "J";
}

.stateface-hi:before {
    content: "K";
}

.stateface-ia:before {
    content: "L";
}

.stateface-id:before {
    content: "M";
}

.stateface-il:before {
    content: "N";
}

.stateface-in:before {
    content: "O";
}

.stateface-ks:before {
    content: "P";
}

.stateface-ky:before {
    content: "Q";
}

.stateface-la:before {
    content: "R";
}

.stateface-ma:before {
    content: "S";
}

.stateface-md:before {
    content: "T";
}

.stateface-me:before {
    content: "U";
}

.stateface-mi:before {
    content: "V";
}

.stateface-mn:before {
    content: "W";
}

.stateface-mo:before {
    content: "X";
}

.stateface-ms:before {
    content: "Y";
}

.stateface-mt:before {
    content: "Z";
}

.stateface-nc:before {
    content: "a";
}

.stateface-nd:before {
    content: "b";
}

.stateface-ne:before {
    content: "c";
}

.stateface-nh:before {
    content: "d";
}

.stateface-nj:before {
    content: "e";
}

.stateface-nm:before {
    content: "f";
}

.stateface-nv:before {
    content: "g";
}

.stateface-ny:before {
    content: "h";
}

.stateface-oh:before {
    content: "i";
}

.stateface-ok:before {
    content: "j";
}

.stateface-or:before {
    content: "k";
}

.stateface-pa:before {
    content: "l";
}

.stateface-pr:before {
    content: "3";
}

.stateface-ri:before {
    content: "m";
}

.stateface-sc:before {
    content: "n";
}

.stateface-sd:before {
    content: "o";
}

.stateface-tn:before {
    content: "p";
}

.stateface-tx:before {
    content: "q";
}

.stateface-us:before {
    content: "z";
}

.stateface-ut:before {
    content: "r";
}

.stateface-va:before {
    content: "s";
}

.stateface-vt:before {
    content: "t";
}

.stateface-wa:before {
    content: "u";
}

.stateface-wi:before {
    content: "v";
}

.stateface-wv:before {
    content: "w";
}

.stateface-wy:before {
    content: "x";
}