/*
Theme Name: TeamRankings Responsive v1
Theme URI: https://wwww.teamrankings.com/blog/
Description: Team Rankings Blog Template
Version: 1
Author: TeamRankings.com
Author URI: https://wwww.teamrankings.com/
*/


.comment {
	position: relative;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
.comment .comment {
	margin-left: 35px;
	padding-bottom: 0px;
}
.comment .blog_comment_content {
	padding: 5px;
}
.comment cite {
	position: relative;
	display: block;
	padding-left: 5px;
	font-style: normal;
	line-height: 30px;
	background: #F7F7F7;
}
.comment_reply { 
	position: absolute;
	top: 0px;
	right: 5px;
}

#addcomment {
	position: relative;
	color: #FFFFFF;
	padding: 10px;
	border: 1px dotted #CCCCCC;
	background: #2b537b url(/images/blue_grad.jpg) top no-repeat;
}

#addcomment textarea {
	width: 100%;
	height: 100px;
	margin-bottom: 5px;
}

#addcomment a { color: #FFFFFF; }

#reroot {
	position: absolute;
	top: 12px;
	right: 6px;
}

/* --- */

.blog_i_twitter,
.blog_i_rss {
	margin-left: 15px;
}

.blog_i_twitter .icon,
.blog_i_rss .icon {
	width: 1.25em;
	height: 1.25em;
	margin-right: .25em;
	vertical-align: bottom;
}

.icon-feed3 {
	fill: #e86726;
}

.icon-twitter2 {
	fill: #55acee;
}


.blog-posts {
	font-size: 16px;
}


.blog-posts .post {
	margin-bottom: 1.5em;
}

.blog-posts .post-title {
	font-size: 1.125em; /* 18/16 */
}

.single-post .blog-posts,
.pool-picks-article-embed {
	font-size: 16px;
	line-height: 1.5;
}

.single-post .blog-posts .post-title, 
.pool-picks-article-embed .post-title {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3;
	margin: .5em 0;
}

.post-archive a {
	display: block;
}

.post-archive a:hover,
.post-archive a:focus,
.post-archive a:active {
	text-decoration: none;
}

.post-archive a:hover h2,
.post-archive a:active h2,
.post-archive a:focus h2 {
	text-decoration: underline;
}

.post-archive .image-thumb {
	float: left;
	width: 40%;
	margin-right: 2%;
}

.post-archive .text {
	float: left; 
	width: 58%;
}

.post-archive.no-thumb .text {
	float: none;
	width: 100%;
}

.post-archive h2 {
	color: #333;
	font-size: 13px;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 0;
}

.post-archive .post-date {
	font-size: 12px;
	color: #666;
}

.post-archive .excerpt {
	display: none;
	color: #333;
	margin-bottom: 0;
}

ul.bullets-space-between li,
ol.bullets-space-between li {
	margin-bottom: 1.25em;
}

ul.bullets-non-indented,
ol.bullets-non-indeted {
	padding-left: 1em;
}

.sharing-links {
	margin: 2em 0;
	line-height: 2;
}

.sharing-links .icon {
	width: 1em;
	height: 1em;
	margin-right: .25em;
	fill: currentColor;
	position: relative;
	top: -3px;
}

.share-link,
.share-link:visited {
	display: inline-block;
	margin: 0 0 .25em .5em;
	padding: .125em .75em;
	color: #fff;
}

.share-link-twitter {
	background: #00ABF0;
}

.share-link-facebook {
	background: #3B5998;
}

.navigation {
	margin-bottom: 4em;
}

.navigation div {
	float: left;
	width: 50%;
}

.navigation .alignright {
	text-align: right;
	margin: 0;
}

.navigation a:visited {
	color: #2171CD;
}

ul.categories {
	list-style: none;
	padding-left: 0;
}

.categories li {
	border-top: 1px solid #ccc;
}

.categories a {
	padding: 6px 5px;
	display: block;
}


/* WP images */

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}


.post-thumbnail-wide img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-thumbnail-wide p {
	margin-top: 0;
	text-align: center;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 1.5em;
}

.post-thumbnail-wide a {
	display: block;
}

.single-post .post img {
	height: auto !important; /* to keep images from stretching on mobile */
}


/* Make blog tables work like regular TR tables */
.tablepress th,
.tablepress td {
	text-align: right;
	font-size: 14px;
}

.tablepress .column-1 {
	text-align: left;
}

.tablepress.col1-left .column-1,
.tablepress.col2-left .column-2,
.tablepress.col3-left .column-3,
.tablepress.col4-left .column-4,
.tablepress.col5-left .column-5,
.tablepress.col6-left .column-6,
.tablepress.col7-left .column-7,
.tablepress.col8-left .column-8,
.tablepress.col9-left .column-9,
.tablepress.col10-left .column-10,
.tablepress.col11-left .column-11,
.tablepress.col12-left .column-12,
.tablepress.col13-left .column-13,
.tablepress.col14-left .column-14,
.tablepress.col15-left .column-15 {
	text-align: left;
}

.tablepress.col1-right .column-1,
.tablepress.col2-right .column-2,
.tablepress.col3-right .column-3,
.tablepress.col4-right .column-4,
.tablepress.col5-right .column-5,
.tablepress.col6-right .column-6,
.tablepress.col7-right .column-7,
.tablepress.col8-right .column-8,
.tablepress.col9-right .column-9,
.tablepress.col10-right .column-10,
.tablepress.col11-right .column-11,
.tablepress.col12-right .column-12,
.tablepress.col13-right .column-13,
.tablepress.col14-right .column-14,
.tablepress.col15-right .column-15 {
	text-align: right;
}

.tablepress.col1-center .column-1,
.tablepress.col2-center .column-2,
.tablepress.col3-center .column-3,
.tablepress.col4-center .column-4,
.tablepress.col5-center .column-5,
.tablepress.col6-center .column-6,
.tablepress.col7-center .column-7,
.tablepress.col8-center .column-8,
.tablepress.col9-center .column-9,
.tablepress.col10-center .column-10,
.tablepress.col11-center .column-11,
.tablepress.col12-center .column-12,
.tablepress.col13-center .column-13,
.tablepress.col14-center .column-14,
.tablepress.col15-center .column-15 {
	text-align: center;
}

.tablepress.col1-nowrap .column-1,
.tablepress.col2-nowrap .column-2,
.tablepress.col3-nowrap .column-3,
.tablepress.col4-nowrap .column-4,
.tablepress.col5-nowrap .column-5,
.tablepress.col6-nowrap .column-6,
.tablepress.col7-nowrap .column-7,
.tablepress.col8-nowrap .column-8,
.tablepress.col9-nowrap .column-9,
.tablepress.col10-nowrap .column-10,
.tablepress.col11-nowrap .column-11,
.tablepress.col12-nowrap .column-12,
.tablepress.col13-nowrap .column-13,
.tablepress.col14-nowrap .column-14,
.tablepress.col15-nowrap .column-15 {
	white-space: nowrap;
}

/* make simple tables look sort of like TR tables */
.tr-table-simple {
	margin-top: 1em;
	margin-bottom: 1em;
}

.tr-table-simple th,
.tr-table-simple td {
	font-size: 14px;
	padding: .25em;
}

.tr-table-simple th,
.tr-table-simple thead td {
	font-weight: bold;
	background: #efefef;
	border-bottom: 1px solid #ccc;
}

.tr-table-simple td {
	border-bottom: 1px solid #efefef;
}

/* Carry over wp-reloaded table styles to tablepress until we come up with longer term solution */
.wp-table-reloaded {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #CDCDCD;
	margin: 10px 0px 15px 0px;
	font-size: 14px;
	width: 100%;
	text-align: left;
}
.wp-table-reloaded th {
	background-color: #E6EEEE;
	border: 1px solid #FFFFFF;
	padding: 4px;
	color: #3D3D3D!important;
}
.wp-table-reloaded td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFFFFF;
	vertical-align: top;
}
.wp-table-reloaded .even td {
	background-color: #FFFFFF;
}
.wp-table-reloaded .odd td {
	background-color: #F0F0F6;
}
.wp-table-reloaded .row-hover tr:hover td {
	background-color: #D0D0D6!important;
}
.wp-table-reloaded-table-description {
	clear: both;
	display: block;
}

.pagination-wrapper {
	text-align: center;
	margin: 20px 0;
}

.pagination-button-wrapper {
	display: inline-block;
}

.pagination-button-wrapper a,
.pagination-button-wrapper span {
	background: #fff;
	border: 1px solid #e1e4e8;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: -1px;
    padding: 7px 12px;
    position: relative;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.pagination-wrapper a:last-child,
.pagination-wrapper span:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination-wrapper a:first-child,
.pagination-wrapper span:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination-button-wrapper span {
	background: #fafbfc;
	color: #d1d5da;
}

.pagination-button-wrapper span.selected {
	background: #005CA7;
	color: #fff;
}

.pagination-button-wrapper a:visited {
	color: #2171cd;
}

.related-articles-wrapper {
	padding-top: 1em;
}

.related-articles-wrapper h2 {
	font-size: 1.125em; /* 18px */
	text-transform: uppercase;
}

.related-articles {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px 20px;
}

.related-articles a {
	color: #333;
}

.related-articles .image {
	margin-bottom: 4px;
}

.single-post .blog-posts .related-articles .post-title {
	margin: 0;
	font-size: .875em; /* 14px */
	line-height: 1.3;
}

/* Don't show Wordpress admin bar on mobile as it messes with our fixed header */
html #wpadminbar {
	display: none;
}


@media only screen and (min-width: 23.4375em) { /* 375px */
	.post-archive h2 {
		font-size: 14px;
		margin-bottom: 2px;
	}

} /* 375px */


@media only screen and (min-width: 48em) { /* 768px */
	.single-post .blog-posts .post-title,
	.pool-picks-article-embed .post-title {
		font-size: 2em;
		margin: .25em 0;
	}
	
	.blog-posts .post {
		margin-bottom: 2.5em;
	}
	
	.post-archive .image-thumb {
		width: 27%;
	}
	
	.post-archive .text {
		width: 71%;
	}
	
	.post-archive h2 {
		font-size: 18px;
	}
	
	.post-archive .excerpt {
		display: block;
		font-size: 14px;
	}
	
	.related-articles {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
} /* 768px */

@media only screen and (min-width: 62em) { /* 992px */

	.post-archive .image-thumb {
		margin-right: 1%;
	}
	
	.post-archive .text {
		width: 72%;
	}

	.post-archive h2 {
		font-size: 22px;
	}

	.post-archive .post-date {
		font-size: 14px;
	}

	.post-archive .excerpt {
		font-size: 16px;
	}

	html #wpadminbar {
		display: block;
	}
	
	body.admin-bar {
		padding-top: 32px;
	}
	
} /* 992px */

@media only screen and (min-width: 75em) { /* 1200px */

	.post-archive .image-thumb {
		width: 240px;
		margin-right: 10px;
	}
	
	.post-archive .text {
		width: 555px;
	}

	.post-archive h2 {
		margin-bottom: 0;
	}

	.post-archive .post-date {
		font-size: 14px;
	}
} /* 1200px */