/* @override https://wwwdev.cayuga-cc.edu/home.css */

#header div.main-header-full {
	background-color: #333;
	/*height: 550px;*/
}

#header div.main-header-full #adam-slider {
	/*background-color: blue;	
	height: 510px;
	right: 0;
	left: 0;
	position: absolute;*/
}

nav#menu.adam-test.full-menu {
	/*position: relative;	
	z-index: 9999;
	top: 325px;*/
}

/*
 * The homepage content rows are already full-width, so the outer Bootstrap
 * row must not add another set of negative gutters. At the tablet breakpoint,
 * restore the main column padding that its nested .mcrow rows depend on.
 * This prevents a document-level horizontal scrollbar without clipping
 * deliberately offscreen Slider Revolution layers.
 */
.page-content > .adam-main-content-row {
	margin-right: 0;
	margin-left: 0;
}

/*
 * Keep the white athletics copy on a predictable dark surface instead of
 * relying on the changing tones of the soccer-field background photograph.
 */
.homepage-athletics-copy {
	padding: 1.5rem 1.75rem;
	background-color: rgba(0, 0, 0, 0.72);
}

.homepage-athletics-copy h2 {
	margin-top: 0;
	color: #fff;
	text-shadow: none;
}

.homepage-athletics-copy .homepage-athletics-description {
	color: #fff;
	font-size: 1.5em;
	text-shadow: none;
}

/*
 * Keep keyboard focus distinct from the button's hover color. The yellow
 * outline sits outside the white button on the dark athletics text surface,
 * while the black outer ring keeps the indicator visible at image edges.
 */
.homepage-athletics-copy a.button.white.big:focus,
.homepage-athletics-copy a.button.white.big:focus-visible {
	outline: 3px solid #fefb00 !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 6px #000;
}

/*
 * Keep course-schedule text and its control boundary readable before focus,
 * then add a distinct keyboard indicator without weakening native behavior.
 */
#adam-course-lookup #term {
	border: 2px solid #767676;
	background-color: #fff;
	color: #333;
}

#adam-course-lookup #term:focus,
#adam-course-lookup #term:focus-visible {
	outline: 3px solid #004ec2 !important;
	outline-offset: 2px !important;
}

/*
 * Event cards, news titles, and section-level action links need a visible
 * shape-based focus indicator on the light panel background.
 */
.homepage-events-panel a:focus,
.homepage-events-panel a:focus-visible,
.homepage-news-panel a:focus,
.homepage-news-panel a:focus-visible {
	outline: 3px solid #004ec2 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 5px #fff;
	text-decoration: underline;
}

.homepage-news-panel .homepage-news-title {
	display: inline;
	margin: 0;
	font: inherit;
}

/*
 * Keep homepage news headlines in 91³Ô¹ÏÍø red for both new and previously
 * visited destinations. Preserve the existing blue interactive state and
 * shape-based focus indicator.
 */
.homepage-news-panel .homepage-news-title a,
.homepage-news-panel .homepage-news-title a:link,
.homepage-news-panel .homepage-news-title a:visited {
	color: #8c0000;
}

.homepage-news-panel .homepage-news-title a:hover,
.homepage-news-panel .homepage-news-title a:active,
.homepage-news-panel .homepage-news-title a:focus,
.homepage-news-panel .homepage-news-title a:focus-visible {
	color: #004ec2;
}

/* Put each publication date on its own line beneath its news headline. */
.homepage-news-panel .post-date {
	display: block;
	margin-top: 0.25em;
}

@media (min-width: 768px) and (max-width: 991px) {
	.page-content > .adam-main-content-row > #main-content {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

div#inner-header.container {
	position: absolute;
	top: 40px;
	right: 0;
	left: 0;
	z-index: 5;
}


/* ADJUST THE SMALL CLASSES GREAT PROFESSORS */

@media (max-width: 970px) {

	#main-content h1.intro-header {
		font-size: 3em !important;
		/* ORIGINAL
		text-align: center;
		font-weight: 300;
		font-size: 3.4em !important;
		line-height: 1.2em !important;
		*/
	}
}

@media (max-width: 412px) {

	#main-content h1.intro-header {
		font-size: 2.3em !important;
		/* ORIGINAL
		text-align: center;
		font-weight: 300;
		font-size: 3.4em !important;
		line-height: 1.2em !important;
		*/
	}
}


/* ADJUST THE LOGO FOR THE HERO SLIDERS */
#logo,
#logo-svg {
	visibility: visible;
}


@media (max-width: 768px) {

	#logo,
	#logo-svg {
		visibility: hidden;
	}

}

/* ADJUST THE iOS MENU BUTTON */

@media (max-width: 1024px) {

	a#mobile-menu-open {
		top: 50px;
		right: 20px;
		border-radius: 0;
		padding: 1em;
		/* ORIGINAL
		top: 60px;
		position: fixed;
		right: 30px;
		background-color: rgba(0,0,0,0.5);
		border-radius: 20em;
		padding: 1.5em 1.6em;
		*/
	}

	a#mobile-menu-open:before {
		font-size: 1.4em;
		top: 0;
		/* ORIGINAL
		content: "MENU";
		color: #fff;
		padding: 0.25em 0.5em 0 0;
		font-size: 1.6em;
		font-weight: 600;
		position: relative;
		top: -2px;
		*/
	}

	#mobile-menu-open i {
		font-size: 1.5em;
		/* ORIGINAL
		color:#fff;
		font-size: 2em;
		font-weight: normal;
		padding: 0;
		margin: 0;
		border-radius: 0;
		background-color: transparent;
		*/
	}
}


@media (max-width: 767px) {

	a#mobile-menu-open {
		top: 10px;
		right: 10px;
		border-radius: 0;
		padding: 0.6em;
		/* ORIGINAL
		top: 60px;
		position: fixed;
		right: 30px;
		background-color: rgba(0,0,0,0.5);
		border-radius: 20em;
		padding: 1.5em 1.6em;
		*/
	}

	a#mobile-menu-open:before {
		font-size: 1.3em;
		top: -1px;
		/* ORIGINAL
		content: "MENU";
		color: #fff;
		padding: 0.25em 0.5em 0 0;
		font-size: 1.6em;
		font-weight: 600;
		position: relative;
		top: -2px;
		*/
	}

	#mobile-menu-open i {
		font-size: 1.5em;
		/* ORIGINAL
		color:#fff;
		font-size: 2em;
		font-weight: normal;
		padding: 0;
		margin: 0;
		border-radius: 0;
		background-color: transparent;
		*/
	}

}

/* @group TOP INFO COVID BAR */

#top-info-covid {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #0099cc;
}

#top-info-covid p {
	color: #ffffff;
	text-shadow: #0473aa 1px 1px 0;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#top-info-covid span.smaller {
	font-size: 14px;
	line-height: 16px;
}

#top-info-covid p a:link,
#top-info-covid p a:visited {
	color: #ffffff;
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
}

#top-info-covid p a:hover,
#top-info-covid p a:active,
#top-info-covid p a:focus {
	color: #ffff33 !important;
	text-decoration: underline;
	outline-color: #ffff33 !important;
	outline-style: dashed;
	outline-width: 1px;
	outline-offset: 3px !important;
}

/* @end */


/* @group NEWSPAPER SLIDER IMAGE STYLES */

/*
 * The slide-position announcement is intentionally clipped by .sr-only.
 * Give its 1px box a deterministic high-contrast pair so automated contrast
 * tools do not report black-on-black while screen-reader behavior is retained.
 */
.hero-slide-position.sr-only {
	color: #fff !important;
	background-color: #000 !important;
}

.tp-caption.Newspaper-Button,
.Newspaper-Button {
	color: #8c0000 !important;
	/*font-family: Roboto, serif;*/
	/*font-size: 13px;*/
	/*line-height: 17px;*/
	/*letter-spacing: 2px;*/
	/*text-align: left;*/
	/*text-decoration: none;*/
	/*font-weight: 700;*/
	/*font-style: normal;*/
	padding: 12px 35px;
	background-color: rgba(255, 255, 255, 1.00) !important;
	/*border-radius: 0;*/
	border: 1px solid #8c0000 !important;
}

.tp-caption.Newspaper-Button:hover,
.tp-caption.Newspaper-Button:focus,
.Newspaper-Button:hover,
.Newspaper-Button:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: rgba(140, 0, 0, 0.85) !important;
	border-color: rgba(255, 255, 255, 1.00) !important;
	/*border-style: solid;*/
	/*border-width: 1px;*/
	/*border-radius: 0;*/
}

.tp-caption.Newspaper-Subtitle,
.Newspaper-Subtitle {
	color: #fff !important;
	/*font-family: Roboto, serif;*/
	/*font-weight: 900 !important;*/
	/*letter-spacing: 0 !important;*/
	padding: 0.4em 0.5em !important;
	background-color: rgba(140, 0, 0, 1.0) !important;
	text-shadow: #4c0000 1px 1px 1px;
}

.tp-caption.Newspaper-Title,
.Newspaper-Title {
	/*
	color: #fff !important;
	font-weight: 500 !important;
	font-style: normal !important;
	font-family: "Roboto Slab", serif;
	letter-spacing: -2px !important;
	padding: 0 0 10px 0 !important;
	*/
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 2px;
}


.tp-caption.Newspaper-Title-Centered,
.Newspaper-Title-Centered {
	/*
	background-color: transparent;
	border-color: transparent;
	border-radius: 0 0 0 0;
	border-style: none;
	border-width: 0;
	color: rgba(255, 255, 255, 1.00);
	font-family: "Roboto Slab", serif;
	font-style: normal;
	font-weight: 400;
	padding: 0 0 10px;
	text-align: center;
	text-decoration: none;
	*/
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 2px;
}

div.tp-tab-title {
	color: #fefb00 !important;
	/*
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	*/
	text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px;
}

div.tp-tab-desc {
	/*
	font-size: 18px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	*/
	text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px;
}

/* @end */