/*
Theme Name:     Newspaper Child Central Jersey
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/


/* CTA BUTTONS START */
/* social icon start css  */
.social-icon--card { 
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
	max-width: 357px;
	width: 100%;
	height: 50px; 
	padding: 0 24px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 10px;
}
.social-icon--twitter {
	border: 1px solid #241B20;
	background: #241B20;
	box-shadow: 0px 1px 2px 0px rgba(36, 27, 32, 0.25), 0px 0px 0px 1px rgba(36, 27, 32, 0.25) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(36, 27, 32, 0.25) inset;
}
.social-icon--sp {
	width: 24px !important;
	height: 24px !important;
	background-position: center !important;
	background-size: contain !important;
	position: relative !important;
	background-repeat: no-repeat !important;
	display: inline-block;
}
.social-icon--center { display:flex; flex-direction:row; align-items:center; gap:10px; }
.social-icon_info {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
}
.social-icon_button a {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 15px;
	text-transform: uppercase;
}
.social-icon_button a:after {
	content: '';
	display: block;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	max-width:357px;
	width: 100%;
}

.social-twitter--icon { background-image: url('/assets/images/TwitterX-white.png'); }
.social-icon--twitter:hover {
	border: 1px solid #241B20;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(36, 27, 32, 0.25), 0px 0px 0px 1px rgba(36, 27, 32, 0.25) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(36, 27, 32, 0.25) inset;
}
.social-icon--twitter:hover .social-twitter--icon { background-image:url('/assets/images/TwitterX-b.png'); }
.social-icon--twitter:hover .social-icon_info { color: #241B20; }
.social-icon--twitter:hover .social-icon_button a { color: #241B20; }

.social-icon--facebook {
	border: 1px solid #2F4065;
	background: #2F4065;
	box-shadow: 0px 1px 2px 0px rgba(36, 27, 32, 0.25), 0px 0px 0px 1px rgba(36, 27, 32, 0.25) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(36, 27, 32, 0.25) inset;
}
.social-facebook--icon { background-image: url('/assets/images/Facebook-F-white.png'); }
.social-icon--facebook:hover {
	border: 1px solid #2F4065;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(36, 27, 32, 0.25), 0px 0px 0px 1px rgba(36, 27, 32, 0.25) inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(36, 27, 32, 0.25) inset;
}
.social-icon--facebook:hover .social-facebook--icon { background-image:url('/assets/images/Facebook-F-b.png'); }
.social-icon--facebook:hover .social-icon_info { color: #2F4065; }
.social-icon--facebook:hover .social-icon_button a { color: #2F4065; }
/* social icon end css  */

/* load more button css start */
.load-more-button{text-align:center;}
.load-more-button a {
	display: block;
	display: inline-flex;
	height: 50px;
	padding: 0 24px;
	justify-content: center;
	align-items: center;
	border: 1px solid #241B20;
	background: #FBBE55;
/* 	box-shadow: 0px 1px 2px 0px rgba(20, 14, 62, 0.25), 0px 0px 0px 1px #4834D4 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(52, 35, 170, 0.25) inset; */
color: #241B20 !important;
text-align: center;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.load-more-button a i{
	color: #241B20 !important;
}
.load-more-button a:hover {
	border: 1px solid #241B20;
	background: #FFF;
/* 	box-shadow: 0px 1px 2px 0px rgba(20, 14, 62, 0.25), 0px 0px 0px 1px #4834D4 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(52, 35, 170, 0.25) inset; */
color: #241B20 !important;
text-decoration:none;
}
/* load more button css end */

/* subscribe css start */
.subscribe--button button {
	max-width: 270px;
	height: 50px;
	width: 100%;
	border: 1px solid #241B20;
	background: #FBBE55;
	box-shadow: 0px 1px 2px 0px rgba(20, 14, 62, 0.25), 0px 0px 0px 1px #4834D4 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(52, 35, 170, 0.25) inset;
	justify-content: center;
	align-items: center;
	display: flex;
	color: #241B20;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}
.subscribe--button button:hover {
	border: 1px solid #241B20;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(20, 14, 62, 0.25), 0px 0px 0px 1px #4834D4 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(52, 35, 170, 0.25) inset;
	color: #241B20;
}
/* subscribe css end */

/* More Events css start */
.more-events--button button {
	max-width: 270px;
	height: 50px;
	width: 100%;
	border: 1px solid #241B20;
	background: #FBBE55;
	box-shadow: 0px 1px 2px 0px rgba(20, 14, 62, 0.25), 0px 0px 0px 1px #4834D4 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(52, 35, 170, 0.25) inset;
	justify-content: center;
	align-items: center;
	display: flex;
	color: #241B20;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}
.more-events--button button:hover {
	border: 1px solid #241B20;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(20, 14, 62, 0.25), 0px 0px 0px 1px #4834D4 inset, 0px 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 1px rgba(52, 35, 170, 0.25) inset;
	color: #241B20;
}
/* More Events css end */

/* CTA BUTTONS END */


/* start table css  */
.td-post-content table{
	margin: 0;
	border: 2px solid #FBBE55;
	background: rgba(251, 190, 85, 0.10);
	box-shadow: 0px 4px 4px 0px rgba(251, 190, 85, 0.10);
	position: relative;

}
.td-post-content table tbody {padding:0 24px;display:block;}
.td-post-content table tr {width:100%;display: table;}
.td-post-content table tr td{
	border: none;
	border-bottom: 2px solid rgba(251, 190, 85, 0.50);
	border-right: 2px solid rgba(251, 190, 85, 0.50);
	color: #241B20;
	leading-trim: both;
	text-edge: cap;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	width: 50%;
	padding: 20px 8px 20px 30px;
	word-wrap: break-word;
}
.td-post-content table tr:first-child td { padding-top:26px !important; }
.td-post-content table tr td:first-child{
	padding-left: 8px !important;
}
.td-post-content table tr td:last-child{
	padding-right: 24px !important;
}
.td-post-content table tr:last-child td{
	border-bottom: none;
}
.td-post-content table tr td:last-child {
	border-right: none;
}
.td-post-content table tr td a{
	color: #241B20;
	leading-trim: both;
	text-edge: cap;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
	display: block;
}

/* end table css  */

/* SINGLE POST */

.single-post .td-module-meta-info{margin-bottom: 30px !important;}
.single-post .td-post-author-name,
.single-post .td-post-date,
.single-post .td-post-comments,
.single-post .td-post-views{
	font-size: 14px !important;
	font-family: roboto !important;
	font-style: italic !important;
	color: #444 !important;
}
.single-post .td-post-author-name a{color: #241B20 !important;}
.single-post .td-post-author-name a img{margin-left: 5px;}

/* Desktop author box redesign */
.single-post .td-module-meta-info {
	/* No border on desktop */
}

/* Author row container - block so date wraps to next line */
.single-post .td-module-meta-info .td-post-author-row {
	display: block;
	line-height: 1.5;
	margin-bottom: 4px;
}

/* Author name - inline */
.single-post .td-module-meta-info .td-post-author-name {
	display: inline;
}

/* Hide "Written by :" and show "By" instead */
.single-post .td-post-author-name .td-author-by {
	font-size: 0;
}
.single-post .td-post-author-name .td-author-by::before {
	content: 'By';
	font-size: 14px;
	font-family: Roboto;
	font-style: italic;
	color: #707070;
	margin-right: 4px;
}

/* Hide the " - " separator */
.single-post .td-post-author-name .td-author-line {
	display: none;
}

/* Sports Betting Editor role */
.single-post .td-author-role {
	display: inline;
	font-size: 14px;
	font-family: Roboto;
	font-style: italic;
	color: #707070;
}
.single-post .td-author-role::before {
	content: ' · ';
}

/* Reviewed by section - inline */
.single-post .td-post-author-name.reviewed-by {
	display: inline;
}
.single-post .td-post-author-name.reviewed-by::before {
	content: ' · ';
	font-size: 14px;
	font-family: Roboto;
	color: #707070;
}

/* Hide "Reviewed by :" and show "Reviewed by" instead */
.single-post .td-post-author-name.reviewed-by .td-author-by {
	font-size: 0;
}
.single-post .td-post-author-name.reviewed-by .td-author-by::before {
	content: 'Reviewed by';
	font-size: 14px;
	font-family: Roboto;
	font-style: italic;
	color: #707070;
	margin-right: 4px;
}

/* Checkmark styling */
.single-post .td-post-author-name.reviewed-by .td-reviewed-check {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 4px;
}

/* Date, comments, views - on second line, horizontal */
.single-post .td-module-meta-info .td-post-date {
	display: inline;
}

.single-post .td-module-meta-info .td-post-comments {
	display: inline-flex !important;
	align-items: center !important;
	margin-left: 10px;
	vertical-align: middle;
	float: none !important;
	margin-top: 3px;
}
.single-post .td-module-meta-info .td-post-comments i,
.single-post .td-module-meta-info .td-post-comments span {
	float: none !important;
	display: inline !important;
	vertical-align: middle !important;
	line-height: 1 !important;
}

.single-post .td-module-meta-info .td-post-views {
	display: inline-flex !important;
	align-items: center !important;
	margin-left: 10px;
	vertical-align: middle;
	float: none !important;
	margin-top: 4px;
}
.single-post .td-module-meta-info .td-post-views i,
.single-post .td-module-meta-info .td-post-views span {
	float: none !important;
	display: inline !important;
	vertical-align: middle !important;
	line-height: 1 !important;
}

header .td-post-date{
	margin-left: 4px !important;
	margin-top: 4px !important;
}
header .td-post-views{
	float: unset !important;
}

@media (max-width: 767px) {
	/* start table css  */
	.td-post-content table tr:last-child{
		border-bottom: none;
	}
	.td-post-content table tr td{
		border: none;
		text-align: center;
		width: 100%;
		padding: 0;
		line-height: 16px;
	}
	.td-post-content table tr td a{
		line-height: 16px;
	}
	.td-post-content table tr {
		display: flex;
		flex-direction: column;
		align-items: center;
		border-bottom: 2px solid rgba(251, 190, 85, 0.50);
		padding: 24px 0px;
		gap: 20px;
		margin: 0;
	}
	.td-post-content table tr td:first-child {
		padding-left: 0px !important;
	}
	.td-post-content table tr td:last-child {
		padding-right: 0 !important;
		padding-top: 0 !important;
	}
	.td-post-content table tbody { padding: 0 20px; }
	.td-post-content table tr:first-child td {
		padding-top: 0px !important;
	}
	/* end table css  */

	/* Author/meta section - mobile redesign */
	.single-post .td-module-meta-info {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		overflow: visible;
		height: auto;
	}

	/* Author row container - inline */
	.single-post .td-module-meta-info .td-post-author-row {
		display: inline;
		line-height: 1.3;
	}

	/* Author name - inline */
	.single-post .td-module-meta-info .td-post-author-name {
		display: inline;
		float: none;
		position: static;
		margin: 0;
	}

	/* Hide "Written by :" and show "By" instead */
	.single-post .td-post-author-name .td-author-by {
		font-size: 0;
	}
	.single-post .td-post-author-name .td-author-by::before {
		content: 'By';
		font-size: 14px;
		font-family: Roboto;
		font-style: italic;
		color: #707070;
		margin-right: 4px;
	}

	/* Hide the " - " separator */
	.single-post .td-post-author-name .td-author-line {
		display: none;
	}

	/* Sports Betting Editor role */
	.single-post .td-author-role {
		font-size: 14px;
		font-family: Roboto;
		font-style: italic;
		color: #707070;
	}
	.single-post .td-author-role::before {
		content: ' - ';
	}

	/* Reviewed by section - new line */
	.single-post .td-post-author-name.reviewed-by {
		display: block;
	}
	/* Remove the dot separator on mobile */
	.single-post .td-post-author-name.reviewed-by::before {
		content: none;
	}

	/* Hide "Reviewed by :" and show "Reviewed by" instead */
	.single-post .td-post-author-name.reviewed-by .td-author-by {
		font-size: 0;
	}
	.single-post .td-post-author-name.reviewed-by .td-author-by::before {
		content: 'Reviewed by';
		font-size: 14px;
		font-family: Roboto;
		font-style: italic;
		color: #707070;
		margin-right: 4px;
	}

	/* No dot before reviewed-by since it's on its own line */

	/* Checkmark styling */
	.single-post .td-post-author-name.reviewed-by .td-reviewed-check {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin-left: 4px;
	}

	/* Date - add "Updated:" prefix and grey line above */
	.single-post .td-module-meta-info .td-post-date {
		display: block;
		float: none;
		position: static;
		margin: 0;
		padding-top: 12px;
		border-top: 1px solid #e0e0e0;
		margin-top: 8px;
	}
	.single-post .td-module-meta-info .td-post-date::before {
		content: 'Updated: ';
		font-size: 14px;
		font-family: Roboto;
		font-style: italic;
		color: #707070;
	}

	/* Hide comments and views on mobile */
	.single-post .td-module-meta-info .td-post-comments,
	.single-post .td-module-meta-info .td-post-views {
		display: none !important;
	}
	header .td-post-date{
		margin-left: 0px !important;
		/* margin-top: 4px !important; */
	}
}

/* Hide social sharing icons on desktop and mobile */
.td-post-sharing-top {
	display: none !important;
}
