/* CTA BUTTNS */
.t-cta-full aside.ctaButton {
		width: 100%;
	}
/* CARD Widget */
.t-cardDarkHeader {padding:0; margin:0;}
.t-cardDarkHeader .card-body {padding: 0; margin: 0;}
.t-cardDarkHeader .card-body .card-title {padding:15px; margin:0; background-color: #333333; color:#ffffff;}
.t-cardDarkHeader .card-body p {padding: 10px 15px;}
.t-cardDarkHeader .card-body .btn-primary {font-family: "Roboto","Source Sans Pro",Helvetica,Arial,sans-serif;
    font-weight: 900;}
/* Desktop (Medium +) Screens */
@media only screen and (min-width: 992px) {
	/* Stack CTA buttons and keep 'Length of Text' if selected (that option adds no extra class name, so this should not overwrite other display options) */
	aside.ctaButton {
		float: inherit;
		clear: both;
	}
	/* Changes CTA to '100%' width. Apply in container row. */
	.t-cta-full aside.ctaButton {
		float: none;
		clear: none;
		width: 100%;
	}
	/* Float CTA Right */
	.t-cta-right aside.ctaButton {
		float: right;
	}
	/* Float 'Related Links' or other CTAs to left, add padding to right. Apply in container row. */
	.t-related-links .ctaButton, .t-cta-inline .ctaButton {
		float: left;
		padding-right: 30px;
		clear: none;
	}
}
/***************************/
/* Enhanced Card Hero (background image) and Vertical clickbable styles */
/* Add 'w-100' to Enhanced Card List CSS Setting. Then the following will release the max-width and flex width styles. */
.w-100 .t-enhancedCardHero, .w-100 .t-enhancedCardMediaHero, .w-100 .t-enhancedCardDefault {
	max-width: inherit;
	flex: auto;
}
.t-card-white .t-enhancedCardDefault {
background-color: #FFFFFF;
}
/* Expand card deck to 100% */
.t-card-100 .t-cardDeck {
	width: 100%;
}
/* Ceter text in middle of interior card deck*/
.t-centerText .t-enhancedCardHero .t-mainCardContentFirst, .t-centerText .t-enhancedCardMediaHero .t-mainCardContentFirst {
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}
.t-cardHeadlineSmall h3 {font-size:16px;}

/* Add 'w-50 to Enhanced Card List CSS Setting. Then the following will release the max-width and flex width styles. To adjust order of cards on large screens, add 'order-lg-#' to the Enhanced Card List CSS setting, where '#' is the order they should appear (left-right) on desktop. */
.w-50 .t-enhancedCardHero, .w-50 .t-enhancedCardMediaHero {
	max-width: 50%;
	flex: auto;
}
/***************************/
/* Big Hero Enahanced Card: New Enhanced Card style that increases padding around content area and it's postion. */
/* Make it 100% width */
.t-encardBigHeroRt .t-enhancedCardHero, .t-encardBigHeroRt .t-enhancedCardMediaHero {
	max-width: inherit;
	flex: auto;
}
/* Remove border & spacing around enhanced card */
.t-encardBigHeroRt .t-enhancedCard {
	border: none;
	padding: 0;
	margin: 0;
}
.t-encardBigHeroRt .t-enhancedCardHero .t-mainCardContentSecond h3 {
	font-family: "Roboto","Source Sans Pro",Helvetica,Arial,sans-serif;
    font-weight: 300;
	font-size: 32px;
}
.t-encardBigHeroRt .t-enhancedCardHero .t-mainCardContentSecond {
	background: rgba(255, 255, 255, 0.85);
	padding: 30px;
	color: black;
}
/* Remove margin around interior card deck of BigHero */
.t-encardBigHeroRt .t-cardDeck {margin:0;}

/* BigHero Hover state */
.t-encardBigHeroRt .t-enhancedCardHero .t-fullCardLink:hover ~ .t-mainCardContent > .t-mainCardContentSecond {
	background: rgba(255, 255, 255, 0.9);
}
/* Set spacing and position Big Hero Enhanced card content area (on desktop only) */
@media only screen and (min-width: 992px) {
	/* Right align content */
	.t-encardBigHeroRt .t-mainCardContentSecond {
		margin: 80px;
		margin-left: auto;
		margin-right: 16.67%;
		max-width: 25%;
	}
	/* Left align content */
	.t-encardBigHeroLf .t-mainCardContentSecond {
		margin: 80px;
		margin-right: auto;
		margin-left: 16.67%;
		max-width: 25%;
	}
}
/***************************/
/* Add extra padding around w-100 Enhanced Card widgets w hero background image, but only on large screens */
@media only screen and (min-width: 992px) {
	.w-100 .t-enhancedCardHero .t-mainCardContentSecond {
		padding: 30px;
	}
}
/***************************/
/* RSS FEEDS */
/* Hide feed title when layout block has 't-rssFeedTitle-none' class. */
.t-rssFeedTitle-none .t-rssTitle {
	display: none;
}

/* Top News Item RSS */
/* Add RSS widget with feed that includes only one item. Then place RSS widget in 12-col grid widget. Add 't-rssFeedHero' to widget Row class. */

.t-rssFeedHero .t-rssHeadline {
	width: 100%;
    font-size: 30px;
    background-color: rgb(255,255,255,.8);
    padding: 25px;
	margin:0;
    line-height: normal;
	bottom: 0;

}

.t-rssFeedHero .t-rssCard li {flex-basis: auto;}
.t-rssFeedHero .t-rssCard .t-rssMedia {height:auto;
max-width: 100%;
    margin-bottom: 0;
    border:none;
}


.t-rssFeedHero .read-more, .t-rssFeedHero .t-rssSummary, .t-rssFeedHero .t-rssDate {
	display: none;
	
}

.t-rssFeedHero .t-rssTitleDateCU .t-rssHeadlineLink {

    padding: 0;
}

@media only screen and (min-width: 992px) {

.t-rssFeedHero .t-rssHeadline {

	position: absolute;

}
	.t-rssFeedHero .t-rssHeadline {
	width: 40%;
   font-size: 34px;
	top: auto;
	left: 30px;
	bottom: 30px;
  
}
	
	.t-rssFeedHero.t-rssFeedRightHeadline .t-rssHeadline {
	left: auto;
	right: 30px;
  
}
	
}
/***************************/
/* SJWE Homepage */
/* Panel Backgrounds */
.t-panOneBkg {
	background: url(../../../images/default-source/sjwe-images/panOneBkg.jpg) center center;
	background-size: cover;
}
.t-panTwoBkg {
	background: url(../../../images/default-source/sjwe-images/pantwobkg.jpg) center left;
	background-size: cover;
}
.t-goldStripesBkg {
	background: url(../../../images/default-source/sjwe-images/goldstripebkg.jpg) bottom left;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #ceb87c;
}
.t-whiteBkg50 {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.5);
}
.t-whiteBkg75 {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.75);
}
/***************************/
/* Homepage CTA Buttons */
.t-slimCTA .t-cardHeroWrap .btn, .t-slimCTA .ctaButton.fontSmall a {
	border-radius: 0;
	font-size: 14px;
	font-family: "Roboto","Source Sans Pro",Helvetica,Arial,sans-serif;
    font-weight: 400;
	padding: 10px 14px;
	line-height: 24px;
	white-space: initial;
}
.t-slimCTA .ctaButton.fontSmall a .t-ctaHeader {
	font-size: 14px;
	font-family: "Roboto","Source Sans Pro",Helvetica,Arial,sans-serif;
    font-weight: 400;
	line-height: 24px;
}
.t-slimCTA .ctaButton:before {
	background: #009a44;
	transition: all .6s;
}
.t-slimCTA .ctaButton:after {
	background: rgba(0, 154, 68, .5);
	transition: all .45s;
}
.ctaButton:before, .t-slimCTA .ctaButton:after {
	position: absolute;
	content: "";
	width: 0;
	top: 0;
	height: 110%;
	left: -20%;
	transform: skewX(-35deg);
	z-index: -1;
}
.t-mobile-button-target .ctaButton:before{
position:static;
}
/***************************/
/* Fix line wrapping before nav icon in CTA buttons */
.fa-external-link:before {
	display: inline-block;
}
/***************************/
/* RSS Feed Widget */
/* Change margins and border */
.t-rssCard li {
	margin: 0 0 15px 0;
	border: solid white 10px;
}
.t-rssCard li a {
	border: solid #ddd 1px;
}


/* Centers the RSS cards (not content inside cards though)*/
  .t-rssCard {
  -webkit-box-pack: center !important;
    justify-content: center !important;
  }
/* Release the height limit on RSS card images so that the image width can go 100% of card width. */
.t-rssTitleDateCU .t-rssCard .t-rssMedia {height:auto;}


/* Justify RSS cards on tablet and desktop (if # of items is 3-5) */
/* For tablet, make cards 50% */
@media only screen and (min-width: 768px) {
	.t-rssCard li:first-child:nth-last-child(n + 3), .t-rssCard li:first-child:nth-last-child(n + 3) ~ li {
		flex: 0 1 50%;
	}
	.t-rssCard li:first-child:nth-last-child(n + 4), .t-rssCard li:first-child:nth-last-child(n + 4) ~ li {
		flex: 0 1 50%;
	}
	.t-rssCard li:first-child:nth-last-child(n + 5), .t-rssCard li:first-child:nth-last-child(n + 5) ~ li {
		flex: 0 1 50%;
	}
}
/* For desktop, make 3 cards 33%; 4 cards 25%; and 5 cards 20%  */
@media only screen and (min-width: 992px) {
	.t-rssCard li:first-child:nth-last-child(n + 3), .t-rssCard li:first-child:nth-last-child(n + 3) ~ li {
		flex: 0 1 33.3%;
	}
	.t-rssCard li:first-child:nth-last-child(n + 4), .t-rssCard li:first-child:nth-last-child(n + 4) ~ li {
		flex: 0 1 25%;
	}
	.t-rssCard li:first-child:nth-last-child(n + 5), .t-rssCard li:first-child:nth-last-child(n + 5) ~ li {
		flex: 0 1 20%;
	}
}

/* For desktop, make 4 cards 50%; */
@media only screen and (min-width: 992px) {
	.t-rss5050 .t-rssCard li:first-child:nth-last-child(n + 4), .t-rss5050 .t-rssCard li:first-child:nth-last-child(n + 4) ~ li {
		flex: 0 1 50%;
	}

}

/***************************/
/* Make adjacent containers (top image, bottom content) that form single panel */

@media only screen and (min-width: 768px) {
.t-posRel {
	position: relative;
	display: flex;
   align-items: center;}
.t-posAbs {
	position: absolute;

}
.sfPageEditor .t-posRel {
	position: inherit;
	display: block;
	}
	
.sfPageEditor .t-posAbs {
	position:inherit;

}
}

/***************************/
/* Misc Items
/* Add underline to content links inside paragraph tags */
.t-contentBlock p a {
    text-decoration: underline;
}

/* Add gold-on-white icon option to widgets with icons */
.t-goldIcon .fas {
	color: #cfb87c;
}

.globalBar .t-globalLinksAndSearch {
    align-items: center;
}

/**************************/
/* Adjust Existing CSS from CUDenver.css */
/* Change 'break-all' to 'normal' so that words don't break at arbitrary characters. Note that 'word-wrap' is already set correcty to 'break-word' which will alow words to break correctly. */
.t-dont-break-out {
	word-break: normal;
	hyphens: none;
}
/***************************/
/* Special CSS */
/* Create the parallax scrolling effect */
.t-parallaxBkg {	
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Responsive Borders */
.t-respBorderLeft {
	border-left:none;
	border-top:1px solid black;
}
.t-respBorderRight {
	border-right:none;
	border-bottom:1px solid black;
}
@media screen and (min-width: 992px) {
.t-respBorderLeft {
	border-left: 1px solid black;
	border-top:none;
	}
.t-respBorderRight {
	border-right: 1px solid black;
	border-bottom:none;
}
}
/***************************/
/* Social Media Icons in Ankle */
/* Edit spacing between icons to make room for five icons on a row */
.socialArea a span { margin-right:7px;}

/***************************/
/* Brand Site CSS */
/* Panel Backgrounds */
.t-brandsitePanBkg1 {
	background: url(../../../images/librariesprovider270/images/aerials-campus-background-1600x1600.jpg) center center;
	min-height: 500px;
	background-size: cover;
	  
}
@media only screen and (min-width: 992px) {
	.t-brandsitePanBkg1 {
	min-height: 1000px;
}
}

/*vivek adding for new ankle adjustments */
.ankle .ankleLinkTitle{
    margin-bottom: 20px;
}
.ankle .linkArea li{
    margin-bottom: 16px;
}
.ankle .t-localFooterLinkCol{
    width: 33%;
}
.ankle .socialArea a span{
    margin-right:0;
}