/*
Theme Name: 	TVG Advertiser 2026
Template: 		kadence
Theme URI:      https://jnlcom.com/
Description:    Child theme for TVG
Author:         Richard Stevens
Author URI:     http://jnlcom.com/
Version:        3.0
*/

/*
Primary Styles:
Main #1c5064 ???
East #678a6e
Middle #ecbd72
West #8ac3d3

*/

@font-face {
  font-family: 'Knockout 66';
  /* Updated path to look inside your theme folder */
  src: url('fonts/Knockout66_normal_normal_400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Knockout 53';
  /* Updated path to look inside your theme folder */
  src: url('fonts/Knockout53_normal_normal_400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  /* Note: format for .ttf files should be 'truetype' */
  src: url('fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Semibold';
  /* Note: format for .ttf files should be 'truetype' */
  src: url('fonts/DMSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.ninja_clmn_nm_advertiser,
strong {
	font-family: 'DM Sans Semibold';
}

body, h2, h3, h4, h5, h6 {
	font-family: 'DM Sans', sans-serif;
	color:rgb(12,11,11);
}

.site-branding a.brand img {
	filter: invert(1) brightness(0);
}

#inner-wrap {
	background: url('/wp-content/uploads/2026/01/background-strip-top.jpg') no-repeat;
}
.single-entry {
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px -1px 2px);
	margin-top:-28px;
	border-radius:30px;
	font-family: 'DM Sans', sans-serif;
	font-size:20px;
	padding:0px 28px;
	color:rgb(12,11,11);
}
.guide {
	background: url('/wp-content/uploads/2026/01/free-guide-2026-header.jpg') no-repeat;
	background-size: 293px 138px;
	width:293px;
	height:138px;
}
.guide a {
	width:293px;
	height:138px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
}
h1 {
	font-family: 'Knockout 66', sans-serif;
	font-size:104px;
	font-stretch:100%;
	text-transform:uppercase;
	color:rgb(12,11,11);
	font-size-adjust: unset;
    font-stretch: unset;
    font-weight: unset;
    transform: none;
    line-height:0.7em;
}

.header-container {
  display: flex;
  gap: 80px; /* Optional space between columns */
  align-items: flex-start; /* Optional: keeps items from stretching vertically */
}

.header-left-content {
  flex: 0 0 33%; /* Do not grow, do not shrink, stay at 33% */
}

.header-right-content {
  flex: 1; /* This tells the right side to take up the remaining 67% */
}
h4 a {
	font-family: 'Knockout 53', sans-serif;
	font-stretch:300%;
	text-transform:uppercase;
	color:rgb(12,11,11);
    line-height:0.7em;
}
.ninja_table_wrapper {
	margin-top:0px;
	font-weight:bold;
}

@media (max-width: 768px) {
	.single-entry {
		margin-top:0px;
	}
  .header-container {
    flex-direction: column;
  }
	#inner-wrap {
		background-image:none !important;
	}
  
  .header-left-content, .header-right-content {
    flex: 0 0 100%; /* Both take full width on mobile */
    text-align:center;
  }
  .single-entry {
  	padding:0px;
  }
  h1 {
  	font-size:70px;
  	text-align:center;
  }
  .header-left-content {
  	margin:0 auto !important;
  	width:100% !important;
  }
  table.ninja_footable.ninja_stacked_table>tbody>tr.footable-detail-row table.footable-details {
  	text-align:center;
  	font-size:24px;
  }
  .ninja_clmn_nm_advertiser {
  	font-weight:bold;
  }
  .header-container {
	gap:20px;
	}
	.table-button {
		padding: 16px 16px !important;
		border-radius: 28px;
		font-size:0.8em;
	}
}



/* 1. Force the button to behave like a solid block */
.table-button {
    background-color: #FFF;
    color: #000 !important;
    font-weight:bold !important;
    padding: 16px 30px !important; /* Force the padding */
    border-radius: 28px;
    text-decoration: none;
    display: inline-block !important;
    line-height: 1.2 !important; /* Give the text some breathing room */
    white-space: nowrap;
    height: auto !important; /* Overrides any fixed height */
    text-transform:uppercase;
}

/* 2. Target the Ninja Table Cell specifically to stop it from squishing */
.ninja_table_pro td {
    height: auto !important;
    vertical-align: middle !important;
}

/* 3. If there is a wrapper div inside the cell (common in Ninja Tables) */
.ninja_table_pro td div {
    line-height: normal !important;
    height: auto !important;
}
.table-button:hover {
  background-color: rgb(54, 52, 50); /* Darker shade for hover */
  color: #ffffff !important;
}

.external-link {
  text-decoration: none; /* Removes the underline */
  color: #111;        /* Adjust to your preferred color */
  font-weight: 500;
}

.external-link::after {
  content: " \2197";     /* The Unicode hex code for » */
  margin-left: 5px;      /* Adds a small gap between text and arrow */
  transition: margin-left 0.2s; /* Smooth movement for hover effect */
}

/* Optional: Subtle hover effect */
.external-link:hover {
  text-decoration: underline; /* Adds underline back on hover if desired */
}

.external-link:hover::after {
  margin-left: 8px;      /* Makes the arrow "nudge" forward on hover */
}