/*
Theme Name: Clemson News 2
Description: A theme for Clemson University News
Version: 1.0
Author: Clemson Marketing
Author URI: http://news.clemson.edu
Template: newsreader
*/


/* ===== Tiempo Headline – Regular (400) ===== */
@font-face {
  font-family: "Tiempos Headline";
  src: url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-regular.woff2") format("woff2"),
       url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===== Tiempo Headline – Regular Italic (400 italic) ===== */
@font-face {
  font-family: "Tiempos Headline";
  src: url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-regular-italic.woff2") format("woff2"),
       url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-regular-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ===== Tiempo Headline – Medium (800) ===== */
@font-face {
  font-family: "Tiempos Headline";
  src: url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-medium.woff2") format("woff2"),
       url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-medium.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ===== Tiempo Headline – Medium Italic (800 italic) ===== */
@font-face {
  font-family: "Tiempos Headline";
  src: url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-medium-italic.woff2") format("woff2"),
       url("https://www.clemson.edu/_ows_includes/src/styles/fonts/tiempos-headline-web-medium-italic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* ==========================================================================
   LOGO FIXED
   ========================================================================== */
.cs-header__logo img {
  min-width: 150px; /* adjust as needed */
  height: auto;
  width: auto;
  max-width: 100%;
}
/* ==========================================================================
   HAMBURGER FOCUS OUTLINE
   ========================================================================== */
.cs-header__burger-toggle,
.cs-header__burger-toggle:focus,
.cs-header__burger-toggle:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ==========================================================================
   SKIP NAV
   ========================================================================== */
.skip-link {
  position: absolute;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 999;
  background: #fff;
  color: #000;
  padding: 8px 16px;
  border: 2px solid #000;
  text-decoration: none;
  font-weight: bold;
}

.skip-link:focus {
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
}

/* ==========================================================================
   IMAGE OPACITY FIX
   Prevent unwanted fade or transparency on logos and profile images
   ========================================================================== */
body .cs-header__logo img {
  opacity: 1 !important;
  max-height: initial !important;
  transition: none !important;
  filter: none !important;
}

.cs-header__logo img,
.cs-footer img,
.elementor-widget-image img {
  opacity: 1 !important;
  max-height: initial !important;
  transition: none !important;
  filter: none !important;
}

.cs-header__logo img:hover,
.cs-footer img:hover,
.elementor-widget-image img:hover,
img:hover {
  opacity: 1 !important;
  filter: none !important;
  transition: none !important;
}

/* ==========================================================================
   TYPOGRAPHY - Titles Over Images
   ========================================================================== */
body.home .cs-entry__thumbnail .cs-entry__title,
.cs-hero .cs-entry__title {
  letter-spacing: 0.05em;
}

.cs-page__title,
h1.cs-entry__title {
  font-family: "Tiempos Headline", Georgia, serif !important;
  font-weight: normal;
  font-style: normal;
}
.cs-overlay-content a {
	    text-shadow: 0px 1px 6px rgba(50, 50, 50, 0.8);
}
body.home .cs-entry__title {
  font-family: "trade-gothic-next", sans-serif;
  font-size: 21.6px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.00625em;
}

/* ==========================================================================
   FEATURES HERO
   ========================================================================== */
.cs-hero .cs-entry__thumbnail .cs-overlay-background:after {
  opacity: 1;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.cs-hero .cs-entry:hover .cs-entry__thumbnail .cs-overlay-background:after {
  opacity: 1;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}

/* ==========================================================================
   BELOW FEATURE STRIPE
   ========================================================================== */
.cs-posts__tile .cs-entry__thumbnail .cs-overlay-background:after {
  opacity: 1;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.cs-posts__tile .cs-entry:hover .cs-entry__thumbnail .cs-overlay-background:after {
  opacity: 1;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
}

.cs-posts-area .cs-posts-area-elementor .cs-entry__title a:hover {
  color: #863f1b;
}

.elementor-219729 .elementor-element.elementor-element-12b98d52 {
  background-color: #f9f9f9;
  border-color: #f4f4f4;
  border-style: solid;
}

/* ==========================================================================
   TAB SECTION
   ========================================================================== */
.cs-tabs__tab {
  font-family: "Tiempos Headline", Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  font-style: normal !important;
  color: #333;
}

/* ==========================================================================
   ARTICLE TITLES (default)
   ========================================================================== */
.cs-entry__title {
  font-family: "trade-gothic-next", sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-transform: normal;
  font-style: normal;
}

/* ==========================================================================
   CATEGORY COLLEGE CLEAR
   ========================================================================== */
/* Colleges archive: show only the custom header */
.colleges-archive .cs-page__header:not(.cs-page__header--colleges),
.colleges-archive .cs-archive-header:not(.cs-archive-header--colleges) {
  display: none !important;
}

/* Ensure the custom header spans the column above the grid */
.colleges-archive .cs-page__header--colleges,
.colleges-archive .cs-archive-header--colleges {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 24px;
}

/* ==========================================================================
   NUMBERED POST TITLES
   ========================================================================== */
.cs-posts__numbered .cs-entry__outer::before {
  color: #B94700;
  font-family: "Tiempos Headline", times, serif;
  font-weight: normal;
}

/* ==========================================================================
   ARCHIVE TITLES
   ========================================================================== */
/* Titles in the archive post loop only */
.archive .cs-entry__title {
  font-family: "trade-gothic-next", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* Top page title in archive (like "Experts", "News", etc.) */
.archive .cs-page__title {
  font-family: "trade-gothic-next", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ==========================================================================
   EXPERT ARCHIVE TITLES
   ========================================================================== */
body.archive.post-type-archive-experts h3.elementor-icon-box-title {
  font-family: "Tiempos Headline", Georgia, serif !important;
}

/* ==========================================================================
   READ NEXT SECTION TITLES
   ========================================================================== */
.single-post .cs-read-next .cs-entry__title {
  font-family: "trade-gothic-next", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-transform: normal;
  font-style: normal;
}

/* ==========================================================================
   SIDEBAR TITLES
   ========================================================================== */
.wp-block-latest-posts__post-title {
  font-family: "trade-gothic-next", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-transform: normal;
  font-style: normal;
}

/* ==========================================================================
   EXPERT AD SPACE
   ========================================================================== */
.elementor-220475 .elementor-element.elementor-element-6be40440:not(.elementor-motion-effects-element-type-background),
.elementor-220475 .elementor-element.elementor-element-6be40440 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #f9f9f9;
}

.elementor-220475 .elementor-element.elementor-element-6be40440 {
  border-style: solid;
  border-width: 1px;
  border-color: #f4f4f4;
  border-radius: 5px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
body[data-scheme=light] .cs-footer,
body[data-scheme=dark] .cs-footer {
  background-color: #333;
}



/* ==========================================================================
   FEATURED ARTICLES FIX - OVERLAY FOR THOSE WITH IMAGE BACKGROUNDS
   ========================================================================== */
.cs-archive-header .cs-entry:nth-child(2) .cs-entry__content,
.cs-archive-header .cs-entry:nth-child(3) .cs-entry__content {
  position: relative;
  z-index: 2;
  .cs-entry__title {
    a:hover {
      color: var(--cs-color-primary);
    }
  }
}
.cs-archive-header article:nth-child(2) .cs-entry__outer::after,
.cs-archive-header article:nth-child(3) .cs-entry__outer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 25%;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  z-index: 1;
}


/* ==========================================================================
   VIDEO TITLE BACKGROUND
   ========================================================================== */
.cs-video-wrap.cs-video-bg-init .cs-entry__outer .cs-entry__inner.cs-entry__content {
  position: relative;
  z-index: 2;
}
.cs-video-wrap.cs-video-bg-init .cs-entry__outer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 25%;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  z-index: 1;
}
.cs-overlay-link {
    z-index: 5;
}


/* ==========================================================================
   POST FEED ADJUSTMENTS
   ========================================================================== */
.cs-nextpost-section {
    border-top: 1px var(--cs-color-contrast-200) solid;
    margin-top: 132px;
}

/* ==========================================================================
   Experts ADJUSTMENTS
   ========================================================================== */
.experts__list .expert__item .elementor-icon-box-content .elementor-icon-box-title a{
	color:#333333;
}

/* ==========================================================================
CUSTOM FONT OVERRIDES
   ========================================================================== */
.cs-header__nav-inner > li > a{
  font-family:"trade-gothic-next", Sans-serif;
	font-weight:900;
  text-transform:uppercase;
}
.cs-header__nav-inner .sub-menu > li a{
  font-family:"trade-gothic-next", Sans-serif;
}
.cs-meta-author-name{
  font-family:"trade-gothic-next-condensed", Sans-serif;
}
.cs-footer-columns__nav > li > a {
  font-family:"trade-gothic-next", Sans-serif;
  font-size:15px;
}
.cs-header-bottombar .cs-header-bottombar__nav .menu-item a {
    font-family:"trade-gothic-next", Sans-serif;
	font-weight:600;
}
.cs-meta-author-by{
  font-family:"trade-gothic-next-condensed", Sans-serif;
}
.cs-meta-date{
  font-family:"trade-gothic-next-condensed", Sans-serif;
}
.cs-entry__post-meta{
  font-size:15px;
}
.cs-entry__thumbnail-caption {
	line-height: 1.125rem;
    font-size: 0.85rem;
	max-width:750px;
	text-align:right;
}
.cs-meta-author-by{
  font-family:"trade-gothic-next-condensed", Sans-serif;
}
.cs-meta-date{
  font-family:"trade-gothic-next-condensed", Sans-serif;
}
.cs-heading__link {
    font-family:"trade-gothic-next", Sans-serif;
    font-size:15px;
    line-height:1.75rem;
}
.cs-posts-area__pagination .cs-load-more{
	font-size:15px;
	text-transform:uppercase;
}
.widget_nav_menu a {
	color:var(--cs-color-accent);
}
.widget_nav_menu a:hover{
	text-decoration:underline;
}
.cs-entry__header-inner .cs-entry__post-meta .cs-meta-category  .post-categories a{
	font-size:15px;
	margin-right:16px;
}
.cs-entry__header-inner .cs-entry__post-meta{
	margin-bottom:0.5rem;
	
}
.post-primary-category{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"trade-gothic-next-condensed", Sans-serif;
	
}
.cs-content-area .entry-content h2{
	font-family:"Tiempos Headline", times, serif;
	font-weight:400;
}
:root{
 --cs-font-base-family: "trade-gothic-next", Sans-serif;
	
   --cs-font-primary-family: "trade-gothic-next", Sans-serif;
  --cs-font-input-family: "trade-gothic-next", Sans-serif;
   --cs-font-submenu-size: 15px;

--cs-font-menu-family: "trade-gothic-next", Sans-serif;
   --cs-font-bottombar-menu-family: "trade-gothic-next", Sans-serif;
    --cs-font-bottombar-menu-size: 15px;
    --cs-font-bottombar-menu-weight: 500;

   --cs-font-footer-submenu-family: "trade-gothic-next", Sans-serif;
    --cs-font-footer-submenu-size: 15px;
    --cs-font-footer-submenu-weight: 400;
	
	--cs-font-post-subtitle-family:"trade-gothic-next", Sans-serif;
	 --cs-font-section-headings-family:  "Tiempos Headline", times, serif;
	 --cs-font-headings-family: "trade-gothic-next", Sans-serif;
	--cs-font-entry-excerpt-family: "trade-gothic-next", Sans-serif;
	
	--cs-font-category-family: "trade-gothic-next", Sans-serif;
	 --cs-font-category-size: 12.5px;
	
	--cs-font-post-title-family: "trade-gothic-next", Sans-serif;
	--cs-font-post-title-weight: 400;
	    --cs-font-post-content-family: "trade-gothic-next", Sans-serif;
	--cs-font-entry-title-family: "trade-gothic-next", Sans-serif;
	    --cs-font-post-meta-family: "trade-gothic-next", Sans-serif;
	
		    --cs-font-main-logo-family: "trade-gothic-next", Sans-serif;
	    --cs-font-mobile-logo-family: "trade-gothic-next", Sans-serif;
}   


/*RECAPTCHA OVERRIDE*/
.grecaptcha-badge {
  visibility: hidden;
}