/* START CSS */

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans+Condensed:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i|IBM+Plex+Serif:400,400i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap');

.w3-table-all caption { 
font-size: 150% !important;
font-weight: bold !important;
text-align: left !important;
padding-top: 15px !important;
}


.views-exposed-form {
margin-left: 70% !important;

padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
}

.td-date  { width: 10%; }
.td-title { width: 75%; }
.td-type  { width: 20%; }





/* SO THAT MAIN MENU WILL APPEAR ON TOP OF ALL ITEMS */

.main-navigation-wrapper {
	z-index: 9999;
}
.main-navigation-wrapper a {
	z-index: 9999;
}


/* IMAGE WIDTH */
.lead-img-width-100 {width: 100% !important;}
/* PADDING */
.lead-zero { padding: 0px !important; margin: 0px !important; }
.lead-padding-5 {padding: 5px !important;}
.lead-padding-10 {padding: 10px !important;}
.lead-padding-15 {padding: 15px !important;}
.lead-padding-20 {padding: 20px !important;}
.lead-padding-left-5 {padding-left: 5px !important;}
.lead-padding-left-10 {padding-left: 10px !important;}
.lead-padding-left-15 {padding-left: 15px !important;}
.lead-padding-left-20 {padding-left: 20px !important;}
.lead-padding-right-5 {padding-right: 5px !important;}
.lead-padding-right-10 {padding-right: 10px !important;}
.lead-padding-right-15 {padding-right: 15px !important;}
.lead-padding-right-20 {padding-right: 20px !important;}
.lead-padding-top-5 {padding-top: 5px !important;}
.lead-padding-top-10 {padding-top: 10px !important;}
.lead-padding-top-15 {padding-top: 15px !important;}
.lead-padding-top-20 {padding-top: 20px !important;}
.lead-padding-bottom-5 {padding-bottom: 5px !important;}
.lead-padding-bottom-10 {padding-bottom: 10px !important;}
.lead-padding-bottom-15 {padding-bottom: 15px !important;}
.lead-padding-bottom-20 {padding-bottom: 20px !important;}
/* MARGIN */
.lead-margin-0 { margin: 0px !important; margin: 0px !important; }
.lead-margin-5 {margin: 5px !important;}
.lead-margin-10 {margin: 10px !important;}
.lead-margin-15 {margin: 15px !important;}
.lead-margin-20 {margin: 20px !important;}
.lead-margin-left-5 {margin-left: 5px !important;}
.lead-margin-left-10 {margin-left: 10px !important;}
.lead-margin-left-15 {margin-left: 15px !important;}
.lead-margin-left-20 {margin-left: 20px !important;}
.lead-margin-right-5 {margin-right: 5px !important;}
.lead-margin-right-10 {margin-right: 10px !important;}
.lead-margin-right-15 {margin-right: 15px !important;}
.lead-margin-right-20 {margin-right: 20px !important;}
.lead-margin-top-5 {margin-top: 5px !important;}
.lead-margin-top-10 {margin-top: 10px !important;}
.lead-margin-top-15 {margin-top: 15px !important;}
.lead-margin-top-20 {margin-top: 20px !important;}
.lead-margin-bottom-5 {margin-bottom: 5px !important;}
.lead-margin-bottom-10 {margin-bottom: 10px !important;}
.lead-margin-bottom-15 {margin-bottom: 15px !important;}
.lead-margin-bottom-20 {margin-bottom: 20px !important;}
/* FLOAT LEFT */
.lead-float-left { float: left !important; }
/* INLINE BLOCK */
.lead-inline-block {
	display: inline-block;
}
/* FONT SIZE */
.lead-font-size-50  {font-size:50% !important;}
.lead-font-size-60  {font-size:60% !important;}
.lead-font-size-70  {font-size:70% !important;}
.lead-font-size-80  {font-size:80% !important;}
.lead-font-size-90  {font-size:90% !important;}
.lead-font-size-100 {font-size:100% !important;}
.lead-font-size-110 {font-size:110% !important;}
.lead-font-size-120 {font-size:120% !important;}
.lead-font-size-130 {font-size:130% !important;}
.lead-font-size-140 {font-size:140% !important;}
.lead-font-size-150 {font-size:150% !important;}
.lead-font-size-200 {font-size:200% !important;}
.lead-font-size-250 {font-size:250% !important;}
/* IMAGE WIDTH */
.lead-img-30 {width: 30%;}
.lead-img-40 {width: 40%;}
.lead-img-50 {width: 50%;}
.lead-img-60 {width: 60%;}
.lead-img-70 {width: 70%;}
/* UPPERCASE */
.lead-uppercase {text-transform: uppercase !important;}
/* BOLD */
.lead-bold {font-weight: 700 !important;}
/* TEXT ALIGN */
.lead-txt-center { text-align: center;}
.lead-txt-left{ text-align: center;}
.lead-txt-right { text-align: center;}
/* IMAGE IMG BORDER */
.lead-img-border {margin: 2px; padding: 3px; border: 1px solid #e1e1e1;}
/* LEAD RESROURCES */
.lead-resource-item .w3-panel {
  margin-top: 7px;
  margin-bottom: 7px;
}
.lead-resource-item .grid {
  margin: 0 !important;
}





/* COLORS OF TEXT - FROM 3A3A3A TO 5f5f5f. ALSO FOUND AT CSS/CUSTOM/THEME.CSS */

.page-wrapper {
	background-color: #f8f8f8;
	color: #5f5f5f;
}

#welcome-text {
	background-color: white;
	color: #5f5f5f;
}

#highlighted {
	background-color: #efefef;
	color: #5f5f5f;
}

#top-container .first-top>div {
	background-color: #ededed;
	color: #5f5f5f;
}

#top-container .second-top>div {
	background-color: #ddd;
	color: #5f5f5f;
}

#top-container .third-top>div {
	background-color: #ededed;
	color: #777777;
}

#main-container {
	background-color: #f4f4f4;
	color: #5f5f5f;
}


/* FOOTER */

#footer-container {
	background-color: #1f5d8d;
}

#footer-container .first-footer>div {
	background-color: #494949;
	color: #777777;
}

#footer-container .second-footer>div {
	background-color: #494949;
	color: #777777;
}

#footer-container .third-footer>div {
	background-color: #494949;
	color: #777777;
}

#footer-menu {
	background-color: #494949;
	color: #E2E2E2;
}

#copyright {
	background-color: #141414;
	color: #bebebe;
}

.w3-container,
.w3-panel,
.w3-padding {
	padding-top: 0.01em;
	padding-right: 16px;
	padding-bottom: 0.01em;
	padding-left: 0px;
}

.jcarousel-skin-tango .jcarousel li {
	margin-right: 15px;
}

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans+Condensed:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i|IBM+Plex+Serif:400,400i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap');

/*
font-family: 'IBM Plex Sans Condensed', sans-serif;
font-family: 'IBM Plex Sans Condensed Condensed', sans-serif;
font-family: 'IBM Plex Serif', serif;
font-family: 'IBM Plex Mono', monospace;

blue 1f5d8d
dark blue 18476c
font 777777
yellow fff300
*/


/* PHOTO ALBUM */

.lead-photo-album {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.lead-photo-album img {
	padding: 2px;
}


/* BOX-LINK */

.lead-box-link {
	padding-bottom: 30px;
}

.lead-box-link a {
	text-decoration: none !important;
	border: 3px solid #1f5d8d;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin-bottom: 30px !important;
}

.lead-inilne-block {
	display: inline-block;
}


/* CALENDAR */

.fc-month-button,
.fc-listYear-button,
.fc-today-button {
	text-transform: uppercase;
}
.fc-list-item-time {
  display: none;
}


/* ALL LINKS */

:root {
	--mainColor: #1f5d8d;
}

.block-link-hover-effect a {
	background: linear-gradient( to bottom, var(--mainColor) 0%, var(--mainColor) 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 0px 0px;
	color: #1f5d8d;
	text-decoration: underline;
	transition: background-size .2s;
}

.block-link-hover-effect a:hover {
	background-size: 4px 50px;
	color: #ffffff;
	text-decoration: none;
}


.tl-timeline a {
	color: #1f5d8d;
}

.tl-timeline a:hover {
	color: #18476c;
	\ text-decoration: none;
}


/* LASALLIAN INSTITUTIONS SUBHEADER */

.subheader-container {
	width: 100%;
	margin-top: 0px;
	height: auto;
	position: relative;
}

.subheader-container img {
	object-fit: cover;
	width: 100%;
	height: 200px;
}

.subheader-img {
	width: 100%;
}

.subheader-txt-position {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.subheader-title {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
	border-bottom: 2px solid #fff300;
	/* 1f5d8d */
	font-weight: 700;
	font-size: 350%;
	padding: 3px;
	white-space: nowrap;
	overflow: visible;
}

.subheader-caption {
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
	font-size: 150%;
	padding: 3px;
	white-space: nowrap;
	overflow: visible;
}


/* LASALLIAN INSTITUTIONS */

.lasallian-institution-img {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.lasallian-institution-img a {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.lasallian-institution-sector {
	margin: 3px 3px 3px 3px;
	padding: 3px;
	/* border: 1px solid #1f5d8d; */
	background-color: #1f5d8d;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.lasallian-institution-title {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 2px solid #1f5d8d;
}

.lasallian-institution-address {}

.lasallian-institution-nos {}

.lasallian-institution-email {}


.lasallian-institution-web {}


/*LEAD EVENTS */

.lead-events-start-date {
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f5d8d;
}

.lead-events-end-date::before {
	content: "-";
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f5d8d;
}

.lead-events-end-date {
	content: "-";
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f5d8d;
}

.lead-events-body {
	display: inline-block;
}


/* LEAD TAGS */

.lead-tags {
	overflow-x: auto;
	overflow-y: hidden;
}

.lead-tags .field__item {
	/* TAGS CSS FOR NODES */
	float: left;
	margin: 3px 10px 3px 3px;
	padding: 3px;
	border: 1px solid #c2c2c2;
	font-size: 12px;
}

.lead-tags-views {
	/* TAGS CSS FOR VIEWS */
	float: left;
	margin: 3px 10px 3px 3px;
	padding: 3px;
	border: 1px solid #c2c2c2;
	font-size: 12px;
}
.lead-tags-countries {
	overflow-x: auto;
	overflow-y: hidden;
}
.lead-tags-countries .field__item {
/* TAGS CSS FOR COUNTRIES IN ARTICLES */
	float: left;
	margin-right: 5px;
}
/* DISABLE ZOOM AND OPACITY ON MOUSEOVER */

a:hover>img.w3-image {
	animation: animateimg 5s;
}

@keyframes animateimg {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1);
	}
}

a:hover {
	opacity: 1;
}


/* MAKE H BOLD */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto Condensed', sans-serif;
}

.page-title {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
	margin-left: 0px !important;
}


/* LEAD STORIES LIST */

.lead-stories-list-title a {
	text-decoration: none;
}

.lead-stories-list-date {}

.lead-stories-list-title {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid #1f5d8d;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.lead-stories-list-body {
	font-size: 14px;
}

.lead-stories-list-title a:hover {}

body {
	min-height: 100%;
	overflow-wrap: break-word;
	font-family: 'IBM Plex Sans Condensed', sans-serif;
	font-size: 16px;
	color: #ff0000;
}

.lead-story-download a {
	padding: 7px;
	margin-top: 25px !important;
	border: 2px solid #1f5d8d;
	background-color: #ffffff;
	text-decoration: none;
}

.lead-story-date {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	/* border-bottom: 2px solid #1f5d8d; */
}

.lead-story-body {
	padding: 0px 0px 20px 0px;
}

.lead-story-body img {
	margin: 2px;
	padding: 3px;
	border: 1px solid #e1e1e1;
}

.field--type-social-media {
	/* SOCIAL MEDIA */
	padding: 10px 0 0 0;
}


/* BREADCRUMB */

.breadcrumb {}


/* FOOTER */

.copyright-inner,
.ul-parent-account,
.ul-parent-footer {
	font-family: 'IBM Plex Sans Condensed', sans-serif;
}

.ul-parent-account li a,
.ul-parent-footer li a {
	padding: 7px 14px;
}


/* SEARCH FORM */

.w3-search-block-form .form-item,
.w3-search-block-form .form-actions {
	margin: 5px auto!important;
	display: inline-block;
	font-family: 'IBM Plex Sans Condensed', sans-serif;
}


/* RIGHT SIDE MENU */



.right-side-menu {
	/* block of whole strip */
	width: 100% !important;
	font-size: 14px !important;
}

.right-side-menu ul li a:hover {
	/* hover */
	border-left: 3px solid #1f5d8d !important;
	background-color: #FFFFFF !important;
}

.right-side-menu ul li {
	/* each link */
	width: 100% !important;
	/*background-color: #e1e1e1; set the bg color in Themes Settings*/
	margin: 1px !important;
	border-bottom: 1px solid #ebebeb !important;
}

.right-side-menu ul {
	width: 100% !important;
}

.right-side-menu .is-active {
	border-left: 3px solid #1f5d8d !important;
	/*border-right: 2px solid #1f5d8d;*/
}


/*HERO*/

.hero-container {
	/*hero-container IS LOCATED AT THE REPLACEMENT RESULTS IN VIEWS*/
	width: 100%;
	margin-top: 0px;
	height: auto;
	position: relative;
}

.hero-container img {
	object-fit: cover;
	width: 100%;
	height: 600px;
}

.hero-img {
	width: 100%;
}

.hero-txt-position {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero-title::before {
	content: url(/sites/default/files/2019-09/lead-logo-white-500.png);
	display: block;
	-webkit-filter: drop-shadow(3px 3px 3px #222);
	filter: drop-shadow(2px 2px 4px #000000);
}

.hero-title {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #000000;
	border-bottom: 5px solid #1f5d8d;
	font-weight: 600;
	font-size: 42px;
	padding: 3.0px;
}

.hero-caption {
	display: none;
	font-size: 34px;
}

.hero-readmore {
	display: none;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 34px;
	padding: 3px;
	border-left: 3px solid #1f5d8d;
	padding: 5px;
}


/* LINK APPEARANCE OF CURRENT PAGE*/

.w3-theme .is-active {
	background-color: #154061;
}


/* THE THEME COLORS */

.w3-theme {
	/*MAIN NAVIGATION*/
	background-color: #1f5d8d !important;
	border-bottom: 2px solid #fff;
}

.w3-theme-l5 {
	/*WELCOME TEXT, HERO*/
	background-color: #ffff !important;
}

.w3-theme-l2 {
	/*HIGHLIGHTED*/
	background-color: #ffff !important;
}

.w3-theme-l4 {
	/*TOP CONTAINER. TOP 1, TOP 2, TOP 3 */
	background-color: #ffff !important;
}


/* HERO ARROWS */

.slick-arrow::before {
	color: #ffffff;
	font-size: 46px;
	font-size: 2.25rem;
}

.slick-arrow:hover::before {
	color: #cecece;
}


/*MAIN NAVIGATION*/

.w3-section,
.w3-code {
	/*THIS HACKED THE UNKNOWN PADDING AT THE TOP*/
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.w3-theme {
	/*BOTTOM BORDER OF THE MAIN NAV*/
}


.w3-theme a {
	/*MAIN NAVIGATION MENU FONT*/
	font-size: 16px;
	text-transform: uppercase;
}

.w3-theme li a:hover {
	/*MENU ITEMS BACKGROUND COLOR ON HOVER*/
	background-color: #fff300 !important;
}


/*MOBILE NAVIGATION*/

.mobile-nav:before {
	/*MOBILE ICON MENU*/
	content: url(https://www.lasalle-lead.org/sites/default/files/2019-09/lead-logo-nav-mobile.png);
}

.mobile-nav:hover {
	/*MOBILE NAV HEADER BACKGROUND ON HOVER*/
	background-color: #187ac8 !important;
}


/*MEDIA*/

@media (max-width: 992px) {
	.lead-header-logo {
		display: none;
		/*THE CSS OF LEAD-HEADER-LOGO IS FOUND IN THE CUSTOM BLOCK*/
	}
	@media (max-width: 768px) {
		.lead-header-logo {
			display: none;
			/*THE CSS OF LEAD-HEADER-LOGO IS FOUND IN THE CUSTOM BLOCK*/
		}
		@media (max-width: 640px) {
			.lead-header-logo {
				display: none;
				/* THE CSS OF LEAD-HEADER-LOGO IS FOUND IN THE CUSTOM BLOCK*/
			}
			.w3-margin-left {
				/* THE ANNOYING LEFT MARGIN ON TITLE DURING MOBILE MODE */
				margin-left: 0px !important;
			}
			.page-title {
				margin-left: 0px !important;
			}
			.hero-title::before {
				content: url(/sites/default/files/2019-09/lead-logo-white-250.png);
				display: block;
				-webkit-filter: drop-shadow(3px 3px 3px #222);
				filter: drop-shadow(2px 2px 4px #000000);
			}
			.subheader-title {
				font-size: 270%;
			}
			.subheader-caption {
				font-size: 85%;
				/* END CSS */