/*
Theme Name: Lane Tech NEO
Author: Angel Carbajal (Contributions by Vel Nikolic)
Description: Lane Tech site by Angel Carbajal (Contributions by Vel Nikolic)
Version: 0.1.0
*/


/**/

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,900');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700');
* {
	font-family: 'Source Sans Pro', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Playfair Display', serif;
}


/* Colors */


.red {
    color:red;
    font-weight:bold;
}


.green{
    color:green;
    font-weight:bold;
}

.yellow {
    color:#856a00; /* WCAG adjusted contrast from #a4a42d */
    font-weight:bold;
}

/*Contact Card */

.contact-card {
	padding-bottom: 16px;
}

.contact-card h3 {
	font-size: 1.2em;
	margin-bottom: 0;
}

.contact-subheader {
	font-style: italic;
	padding-bottom: 8px;
}

.contact-item {
	display: block;
}

.contact-desc {
	font-style: italic;
}

.tab-content>.active {
	background: white;
}




/*Dropdown Menu */


/*Buttons */

.btn-large {
	padding: 20px 80px;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.btn-large-square {
	padding: 70px;
	font-size: 1.5em;
}

.btn-athletics {
	background: #5C5C5C;
}

.square-button {
	margin: 20px;
}


/*Alerts */

.alert-danger {
	background: #ff3e3e;
	color: white;
	font-weight: bold;
}

.alert-primary {
	background: #005b9f; /* WCAG adjusted contrast from #1da1f2 */
	color: white;
	font-weight: bold;
}

.alert-primary a {
	color: #ffde00;
}

.alert-danger a {
	color: #ffffff;
	text-decoration: underline;
}

.notification.alert-danger,
.notification.alert-primary {
	margin-bottom: 0;
}

.notification.alert-danger p,
.notification.alert-primary p {
	margin-bottom: 0;
}


/*Headers */

#main_header {
	flex-direction: column;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
	padding: 0px 15px 0px 15px;
	margin-bottom: 45px;
	position: relative;
}

#main_header .container-fluid {
	z-index: 100;
}

#main_header:before {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/*Pre Footer*/

.school-name {
	border-bottom: 1px solid #a5a6a5;
	color: #266b32;
	font-size: 40px;
	margin-top: 0px;
	padding-bottom: 17px;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
}

.school-name span {
	color: #444;
}

.school-tagline {
	color: #444;
	font-size: 27px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.school-date {
	margin: 0;
	color: #b5b7b5;
	font-family: serif;
	font-size: 21px;
	font-style: italic;
}

.home-banner {
	text-align: center;
	padding: 30px;
	background-color: #f1f1f1;
	margin-top: 50px;
}

.front-news-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 200px;
	width: 100%;
}


/*Video */

#video_overlays {
	position: absolute;
	top: 75%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	z-index: 100;
	color: white;
}

#main-header-wrapper:before {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#video_overlays h2 {
	font-size: 3.75em;
	font-weight: 900;
}

p.hero-sub-header {
	font-size: 1.5em;
}

#badge {
	height: 60px;
	display: none;
}

#video-header {
	display: inline-block;
}

#main-header-wrapper {
	position: relative;
}

#main-header {
	position: relative;
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1370;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #444;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@-webkit-keyframes loaderfade {
	100% {
		opacity: 0;
	}
}

@keyframes loaderfade {
	100% {
		opacity: 0;
	}
}

#loader-logo {
	animation: loaderfade 1s ease-out 0s alternate infinite;
	-webkit-animation: loaderfade 1s ease-out 0s alternate infinite;
	-moz-animation: loaderfade 1s ease-out 0s alternate infinite;
	-o-animation: loaderfade 1s ease-out 0s alternate infinite;
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}


/**/

#feedback-tab {
	position: fixed;
	right: -5px;
	top: 50%;
	background-color: #ff3e3e;
	padding: 10px;
	color: #fff;
	border-radius: 5px;
	z-index: 2000;
	display: none;
}

#feedback-tab a {
	color: #fff !important;
}


/**/

.navbar-main .navbar-toggler {
	right: 1em;
	position: absolute;
}

.navbar-mini-sites .navbar-nav {
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.navbar-main .navbar-nav.communityGroupsWrapper>li>a:hover,
.navbar-main .navbar-nav.communityGroupsWrapper>li>a:focus {
	background: rgb(87, 85, 85);
}

.navbar-brand img {
	width: 70%;
}

.navbar-main .container {
	position: relative;
}

.navbar-main .dropdown-toggle::after, .navbar-quick .dropdown-toggle::after  {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	border: 0;
	content: "\f078";
	display: inline-block;
	width: 10px;
	height: 0;
	margin-left: 0.255em;
}

.navbar-main .dropdown-toggle[aria-expanded="true"]::after {
	content: "\f077";
}

.navbar-main .navbar-nav>li>a {
	display: flex;
	align-content: center;
}

.mobileSearchIcon {
	color: white;
	position: absolute;
	right: 4em;
	font-size: 1.2em;
}

.mobileSearchIcon:hover {
	color: white;
}


/*Close Button on Nav */

.bar1,
.bar2,
.bar3 {
	width: 25px;
	height: 2px;
	background-color: white;
	margin: 6px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 5px);
	transform: rotate(-45deg) translate(-5px, 5px);
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-5px, -5px);
	transform: rotate(45deg) translate(-6px, -6px);
}


/*Pre Footer*/

.demopadding {
	margin: 15px auto;
	width: 140px;
	text-align: center;
	display: inline-block;
}

.social-icon {
	position: relative;
	text-align: center;
	width: 0px;
	height: 0px;
	padding: 20px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-khtml-border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
}

.social-icon i {
	font-size: 20px;
	position: absolute;
	left: 9px;
	top: 10px;
}

.social-icon.social {
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
	background: #6d6e71;
	color: whitesmoke;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-icon.social:hover {
	background: lightgray;
	color: white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-icon.social.fb i {
	left: 13px;
	top: 10px;
}

.social-icon.social.tw i {
	left: 11px;
}

.social-icon.social.in i {
	left: 11px;
}


/*Black Heritage Month */

.colleges a {
	color: black;
	text-decoration: none;
}

.colleges a:hover {
	text-decoration: none;
	color: black;
}

.bhmProfiles .figure-caption {
	color: black;
	font-weight: bold;
}

.bhmLink .red {
	color: #f11714
}

.bhmLink .green {
	color: #00943f;
}

.bhmLink .yellow {
	color: #ffd000;
}

.bhmLink:hover {
	text-decoration: none
}

.bhmLink {
	color: white;
}


/*Footer*/

footer {
	padding-top: 20px;
	background-color: #393939;
	color: #fff;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 40px;
}

.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6 {
	color: #fff;
}

.footer-section {
	padding-bottom: 20px;
	padding-top: 20px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
}

.footer-section a {
	color: #fff;
}

.footer-bottom {
	width: 100%;
	background-color: #393939;
	padding-bottom: 10px;
	color: white;
}

.footer-social {
	height: 45px !important;
	margin: 5px;
}


/**/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right !important;
}

.alignleft {
	float: left !important;
}

img.alignleft,
img.alignright {
	margin: 30px;
}

.header_line {
	margin-bottom: 10px;
	width: auto;
	height: 3px;
}

.entry-featured-image {
	margin-bottom: 20px;
}

main img,
main figure:not(.gallery-item) {
	max-width: 100%;
	height: auto;
}

a {
	color: #266b32;
}

a:hover {
	color: #266b32;
}

/* Accessible focus outlines for keyboard users */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 2px solid #266b32;
	outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid #ffde00; /* High contrast gold ring */
	outline-offset: 2px;
}

a.overlay-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 200;
}


/**/

.showcase_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.showcase_row .text-white {
    text-shadow:  2px 2px 0px #000;
  
}

.showcase_section {
	width: 50%;
}

.showcase_section_25 {
	width: 25%;
}

.showcase_img {
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#news_template,
#calendar_template,
#template_card {
	display: none;
}


/**/

.calendar_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.calendar_square {
	padding-bottom: 10px;
	text-align: center;
	border: 5px solid #ff3e3e;
	min-width: 80px;
	color: #124218;
	font-weight: bold;
	padding-top: 10px;
	font-size: 18px;
	margin-bottom: 25px;
	text-align: center;
}

.calendar_info {
	margin-top: -10px;
	margin-left: 10px;
	color: #95989A;
	font-weight: 600;
	text-align: center;
    }

.calendar_heading {
	font-weight: 600;
	font-size: 1.2em
}

.calendar_month {
	text-transform: uppercase;
}

.calendar_lane .calendar_heading {
	color: #124218;
}

.calendar_lane .calendar_square {
	border-color: #124218;
	color: #124218;
}

.calendar_ccc .calendar_heading {
	color: #9e8b3e;
}

.calendar_ccc .calendar_square {
	border-color: #9e8b3e;
	color: #9e8b3e;
}

.calendar_athletics .calendar_heading {
	color: #5C5C5C;
}

.calendar_athletics .calendar_square {
	border-color: #5C5C5C;
	color: #5C5C5C;
}

.calendar_ltac .calendar_heading {
	color: #1e8f2d;
}

.calendar_ltac .calendar_square {
	border-color: #1e8f2d;
	color: #1e8f2d;
}

.calendar_unknown .calendar_heading {
	color: #ff3e3e;
}

.calendar_unknown .calendar_square {
	border-color: #ff3e3e;
	color: #ff3e3e;
}


.calendar_location{
    
  overflow-wrap: break-word; /* This property allows long words to be broken and wrap to the next line */
  word-wrap: break-word; /* An older property that provides similar functionality for older browsers */
  word-break: break-all; /* Breaks words at any character and wraps to the next line */
}



/**/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.calendar-button {
	margin: 10px;
}

.departments.showcase_img,
.activities.showcase_img {
	position: relative;
}

.departments.showcase_img:before,
.activities.showcase_img:before {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


   div .showcase_img.departments {
        opacity: 1.0;
        transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out;
    }
    div .showcase_img.departments:hover {
        opacity: 0.7;
        transition: opacity .55s ease-in-out;
        -moz-transition: opacity .55s ease-in-out;
        -webkit-transition: opacity .55s ease-in-out;
    }


div.info {
	z-index: 100;
}

a.teacher_info {
	font-weight: bold;
}

.ap-course-wrapper:nth-child(odd) {
	background: gainsboro;
}

.ap-course-wrapper {
	padding: 20px;
}

.ap-header {
	border-bottom: 1px solid black;
	color: #eee;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.ap-header a {
	color: black;
	font-weight: 300;
	font-family: 'Playfair Display', serif;
}

.ap-header a:hover {
	text-decoration: none;
}


/*Youtube Embedds */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 1rem;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

[data-toggle="collapse"] .fa:before {
	content: "\f068";
}

[data-toggle="collapse"].collapsed .fa:before {
	content: "\f067";
}


/*Center Password Protected Page Text*/

.status-publish.post-password-required.hentry {
	text-align: center;
}


/**/

.comment-form-comment {
	margin-top: 30px;
	position: relative;
}

.comment-form-comment label {
	position: absolute;
	top: -30px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	width: 100%;
}

.comment-form input.submit {
	-webkit-appearance: button;
	background-color: #124218;
	color: #ffffff;
	border-color: #124218;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 18px;
	font-size: 15px;
	line-height: 1.42857143;
	border-radius: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ol.comment-list {
	padding-left: 0;
}

ol.comment-list,
li.comment {
	list-style-type: none;
}

.comment-list .author-name {
	margin-left: 10px;
}

.row:before,
.row:after {
	display: none !important;
}


/*News & Annoucements*/

.news-annoucements .card a.news-overlay-link {
	color: black;
}

.news-annoucements .card a.new-overlay-link:hover {
	text-decoration: none;
}



/* Press Section */
.press-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}


/*Collapse Wrapper (CONTACT / TECH-SUPPORT PAGES)*/

.collapse-wrapper {
	padding: 10px 20px;
}

.collapse-wrapper h3 {
	font-size: 1.3em;
}


/* Mini Site Nav 

.mini-site-container .navbar-main {
        margin-bottom: 0 !important;
    }


   .mini-site-container  .list-group-item {
        padding: 0; 
    }


    .list-group-item.active {
        border:none;
    }


     .mini-site-container  .list-group-item a {
        padding: 12px; 
    }

    .mini-site-container .list-group-item.active >  a{
        border-color: rgba(0, 0, 0, 0.125);
        border-left: 3px solid #124218 !important;
        font-weight: bold;
        background: #e6e6e6;
    }

   .mini-site-container .list-group-flush .list-group-item:hover > a {
        color: rgba(0, 0, 0, 0.9);
    }


   .mini-site-container .list-group-item-action:hover > a,
   .mini-site-container .list-group-item-action:focus > a {
        background: #e6e6e6;
    }



    .mini-site-container .hamburger {
        display: none;
    }
 END MINI SITE NAV */

.mini-site-container .navbar-main {
	margin-bottom: 0 !important;
}

.mini-site-container .list-group-item {
	padding: 0;
}

.list-group-item.active {
	border: none;
}

.mini-site-container .list-group-item a {
	padding: 12px;
}

.mini-site-container .list-group-item.active>a,
.list-group-item>a.active {
	border-color: rgba(0, 0, 0, 0.125);
	border-left: 3px solid #124218 !important;
	font-weight: bold;
	background: #e6e6e6;
}

.mini-site-container .list-group-flush .list-group-item.currentHover :hover>a {
	color: rgba(0, 0, 0, 0.9);
}

.mini-site-container .list-group-item-action.currentHover>a {
	background: #e6e6e6;
}

.mini-site-container li>ul {
	display: none;
}

.mini-site-container .current-menu-item>ul,
.mini-site-container li.current-menu-ancestor>ul {
	display: block;
}

.mini-site-container li.current-menu-item>ul,
.mini-site-container li.current-menu-ancestor>ul {
	background: white;
	padding: 0 15px;
}

.mini-site-container .list-group-flush .list-group-item:focus>a {
	background: white;
}

.mini-site-container .hamburger {
	display: none;
}

.entry-title a {
	color: black;
}

.entry-title a:hover {
	color: black;
	text-decoration: none;
}

.card-deck {
	margin-left: 0;
	margin-right: 0;
}

.navbar-mini-sites .navbar-nav {
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

.fc-day-grid-event .fc-content {
	color: black;
	font-weight: bold;
}

.course_code {
	word-wrap: break-word;
}

.course_card {
	margin-bottom: 10px;
}

.courses_header a {
	font-family: 'Source Sans Pro', sans-serif;
	outline: none;
	border: none;
	position: absolute;
	color: white;
	bottom: 20px;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
	text-align: center;
}

.courses_header a:hover {
	/* background-color: rgb(255, 222, 0, 1); */
	/*padding: 14px;*/
}


/* Style the button that is used to open and close the collapsible content */

button.course-button.collapsible {
	background-color: #eaeaeb;
	color: #111111; /* Increased text contrast */
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: 1px solid #cccccc; /* Added distinct boundary */
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

/* Provide a strong visual indicator when navigating via keyboard (tabbing) */
button.course-button.collapsible:focus {
	outline-offset: -3px;
	background-color: #dbdbdc;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

button.course-button.collapsible.active,
button.course-button.collapsible:hover {
	background-color: #d6d6d8;
	color: #000000;
}


/* Style the collapsible content. Note: hidden by default */

.course-content {
	padding: 0 18px;
	background-color: #f1f1f1;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.course-content-wrapper {
	padding: 18px;
}





/*QuickContacts Styles*/
/*Profile Card 1*/
	.profile-card-1 {
		font-family: "Open Sans", Arial, sans-serif;
		overflow: hidden;
		color: black;
		border: 1px solid black;
		text-align: center;
		height: auto;
		border: 1px solid grey;
		margin-bottom: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		text-align: left;
		animation-fill-mode: forwards;
        position: relative;
        animation-name: move;
        animation-duration: 3s;
        animation-play-state: paused;
        animation-iteration-count: infinite;
	}

	/*Modal Styles*/

	div.modal-body div.row div h4 {
		margin-top: 5%;
	}
	@keyframes move {
		0% {
			top: 0px;
		}
		50% {
			top: -10px;
		}
		100% {
			top: 0px;
		}
	}

  .profile-card-1 .card-content {
	padding: 15px 25px;
  }
  .profile-card-1 .profile {
	opacity: 1;
  }
  .profile-card-1 h2 {
	margin: 0 0 5px;
	font-weight: 600;
	font-size: 18px;
  }
  .profile-card-1 h2 small {
	display: block;
	font-size: 15px;
	margin-top: 10px;
  }
  .profile-card-1 i {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin: 0 5px;
  }
  .profile-card-1 .icon-block {
	float: left;
	width: 100%;
	margin-top: 15px;
  }
  .profile-card-1 .icon-block a {
	text-decoration: none;
  }
  .profile-card-1 i:hover {
	background-color: #fff;
	color: #2e3434;
	text-decoration: none;
  }
  .pointerTrue:hover {
	cursor: pointer;
  }
  
  /*Profile card 2*/
  .profile-card-2 .card-img-block {
	float: left;
	width: 100%;
	height: 150px;
	overflow: hidden;
  }
  .profile-card-2 .card-body {
	position: relative;
  }
  .profile-card-2 .profile {
	border-radius: 50%;
	position: absolute;
	top: -42px;
	left: 15%;
	max-width: 75px;
	border: 3px solid rgba(255, 255, 255, 1);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
  }
  .profile-card-2 h5 {
	font-weight: 600;
	color: #6ab04c;
  }
  .profile-card-2 .card-text {
	font-weight: 300;
	font-size: 15px;
  }
  .profile-card-2 .icon-block {
	float: left;
	width: 100%;
  }
  .profile-card-2 .icon-block a {
	text-decoration: none;
  }
  .profile-card-2 i {
	display: inline-block;
	font-size: 16px;
	color: #6ab04c;
	text-align: center;
	border: 1px solid #6ab04c;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin: 0 5px;
  }
  .profile-card-2 i:hover {
	background-color: #6ab04c;
	color: #fff;
  }
  
  /*Profile Card 3*/
  .profile-card-3 {
	font-family: "Open Sans", Arial, sans-serif;
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	text-align: center;
	height: 368px;
	border: none;
  }
  .profile-card-3 .background-block {
	float: left;
	width: 100%;
	height: 200px;
	overflow: hidden;
  }
  .profile-card-3 .background-block .background {
	width: 100%;
	vertical-align: top;
	opacity: 0.9;
	-webkit-filter: blur(0.5px);
	filter: blur(0.5px);
	-webkit-transform: scale(1.8);
	transform: scale(2.8);
  }
  .profile-card-3 .card-content {
	width: 100%;
	padding: 15px 25px;
	color: #232323;
	float: left;
	background: #efefef;
	height: 50%;
	border-radius: 0 0 5px 5px;
	position: relative;
	z-index: 9999;
  }
  .profile-card-3 .card-content::before {
	content: "";
	background: #efefef;
	width: 120%;
	height: 100%;
	left: 11px;
	bottom: 51px;
	position: absolute;
	z-index: -1;
	transform: rotate(-13deg);
  }
  .profile-card-3 .profile {
	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	max-width: 100px;
	opacity: 1;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
	border: 2px solid rgba(255, 255, 255, 1);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	z-index: 99999;
  }
  .profile-card-3 h2 {
	margin: 0 0 5px;
	font-weight: 600;
	font-size: 25px;
  }
  .profile-card-3 h2 small {
	display: block;
	font-size: 15px;
	margin-top: 10px;
  }
  .profile-card-3 i {
	display: inline-block;
	font-size: 16px;
	color: #232323;
	text-align: center;
	border: 1px solid #232323;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin: 0 5px;
  }
  .profile-card-3 .icon-block {
	float: left;
	width: 100%;
	margin-top: 15px;
  }
  .profile-card-3 .icon-block a {
	text-decoration: none;
  }
  .profile-card-3 i:hover {
	background-color: #232323;
	color: #fff;
	text-decoration: none;
  }
  
  /*Profile card 4*/
  .profile-card-4 .card-img-block {
	float: left;
	width: 100%;
	height: 150px;
	overflow: hidden;
  }
  .profile-card-4 .card-body {
	position: relative;
  }
  .profile-card-4 .profile {
	border-radius: 50%;
	position: absolute;
	top: -62px;
	left: 50%;
	width: 100px;
	border: 3px solid rgba(255, 255, 255, 1);
	margin-left: -50px;
  }
  .profile-card-4 .card-img-block {
	position: relative;
  }
  .profile-card-4 .card-img-block > .info-box {
	position: absolute;
	background: rgba(217, 11, 225, 0.6);
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	-webkit-transition: 1s ease;
	transition: 1s ease;
	opacity: 0;
  }
  .profile-card-4 .card-img-block:hover > .info-box {
	opacity: 1;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
  }
  .profile-card-4 h5 {
	font-weight: 600;
	color: #d90be1;
  }
  .profile-card-4 .card-text {
	font-weight: 300;
	font-size: 15px;
  }
  .profile-card-4 .icon-block {
	float: left;
	width: 100%;
  }
  .profile-card-4 .icon-block a {
	text-decoration: none;
  }
  .profile-card-4 i {
	display: inline-block;
	font-size: 16px;
	color: #d90be1;
	text-align: center;
	border: 1px solid #d90be1;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin: 0 5px;
  }
  .profile-card-4 i:hover {
	background-color: #d90be1;
	color: #fff;
  }
  
  /*Profile Card 5*/
  .profile-card-5 {
	margin-top: 20px;
  }
  .profile-card-5 .btn {
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 12px;
	padding: 7px 20px;
  }
  .profile-card-5 .card-img-block {
	width: 91%;
	margin: 0 auto;
	position: relative;
	top: -20px;
  }
  .profile-card-5 .card-img-block img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.63);
  }
  .profile-card-5 h5 {
	color: #4e5e30;
	font-weight: 600;
  }
  .profile-card-5 p {
	font-size: 14px;
	font-weight: 300;
  }
  .profile-card-5 .btn-primary {
	background-color: #4e5e30;
	border-color: #4e5e30;
  }
  
  /* Unified link color already set above; removing conflicting override */
  a.cardlink {
	color: black;
  }



/*New Accordion */

   .panel-default {
   background: #f1f1f1;
   }
   .panel-default>.panel-heading {
   color: #333;
   background-color: #eee;
   border-color: #e4e5e7;
   padding: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   }
   .panel-default>.panel-heading a {
   display: block;
   padding: 10px 15px;
   color: #444;
   font-size: .75em;
   text-decoration: none;
   }
   .panel-default>.panel-heading a:after {
   content: "";
   position: relative;
   top: 1px;
   display: inline-block;
   font-family: 'Glyphicons Halflings';
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   float: right;
   transition: transform .25s linear;
   -webkit-transition: -webkit-transform .25s linear;
   }
   .panel-default>.panel-heading a[aria-expanded="true"] {
   background-color: #ccc;
   }
   .panel-default>.panel-heading a[aria-expanded="true"]:after {
   content: "\2212";
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   }
   .panel-default>.panel-heading a[aria-expanded="false"]:after {
   content: "\002b";
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   }
   .accordion-option {
   width: 100%;
   float: left;
   clear: both;
   margin: 15px 0;
   }
   .accordion-option .title {
   font-size: 20px;
   font-weight: bold;
   float: left;
   padding: 0;
   margin: 0;
   }
   .accordion-option .toggle-accordion {
   float: right;
   font-size: 16px;
   color: #6a6c6f;
   }
   .accordion-option .toggle-accordion:before {
   content: "Expand All";
   }
   .accordion-option .toggle-accordion.active:before {
   content: "Collapse All";
   }
   .panel-body {
   padding:25px;
   word-wrap: break-word;

   }
    
    .panel-default{
        margin-bottom:5px;
    }
    
    .panel-default > .panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    margin-left: 5px; /* Adjust the spacing as needed */
}
    
    .panel-default>.panel-heading a.outerLink:after {
        content: "\00bb";
        display: inline-block;
        margin-left: 5px;
       
    }



/*Resource Panel*/
   .resource-panel {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
  
}

.resource-panel__title {
    font-size: 24px;
    margin-bottom: 20px;

}

.resource-panel__container {
    display: grid;
    gap: 10px;
}



.resource-panel__item {
    padding: 1rem;
    text-align: center;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s;
    display: flex;
    justify-content: space-between;
    border: 1px solid black;
}

.resource-panel__item:hover {
    background-color: #d0d0d0;
    text-decoration: none;
    font-weight: bold;
}

    .resource-panel__item:hover a:hover{
        text-decoration: none;
    }    
    
    
.resource-panel__more {
    text-align: center;
    margin-top: 20px;
}

/* Custom button styling */
.resource-panel__button {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #333;
    border-radius: 4px;
    text-decoration: none; 
    color: #333;
    transition: background-color 0.3s;
}

.resource-panel__button:hover {
    background-color: #333;
    color: #fff;
    
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


.resourceIcon {
    transform: translateX(4px);
}
    


.navbar-light .navbar-nav .nav-link {
		color:black !important;
}



/* Two columns on desktop, one on mobile */
@media (min-width: 768px) {
    .resource-panel__container {
        grid-template-columns: 1fr 1fr;
    }
}
 



@media (min-width: 576px) {
	.navbar-brand img {
		height: 95px;
		width: initial;
	}
	.navbar-main .navbar-toggler {
		right: 1em;
		position: absolute;
		font-size: 2em;
	}
	.navbar-main .navbar-nav>li>a,
	.navbar-quick .navbar-nav>li>a {
		font-size: .9em;
		font-weight: 400;
	}
	.navbar-main {
		padding 0 .9rem;
	}
    
   
   
}

@media(max-width:1400px) {
	.navbar-main .navbar-nav>li>a,
	.navbar-quick .navbar-nav>li>a {
		font-size: .7em;
		font-weight: 600;
	}
}

@media only screen and (max-width: 600px) {
	#video_overlays {
		top: 50%;
	}
	#video_overlays h2 {
		font-size: 3.5em;
		font-weight: 900;
	}
	p.hero-sub-header {
		font-size: 1.5em;
	}
	.calendar-header {
		text-align: center;
	}
	.calendar-button-wrapper {
		margin: 0 auto;
		display: block;
	}
	.btn-large {
		padding: 20px;
	}
    
     .square-button {
        margin: 20px 0; 
    }
    
       .panel-default>.panel-heading a {

       font-weight:bold;
       font-size: .6em;
       }

    
}

@media(max-width:767px) {
	.showcase_section {
		width: 100%;
		padding-bottom: 30px;
	}
	.showcase_img svg {
		display: none;
	}
	/*BHM PROFILE PIC FOR BLOG POST */
	.profilePic {
		display: block;
		float: none !important;
		margin: 0 auto !important;
	}
    
    #video_overlays h2{
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 990px) {
	#badge {
		display: none;
	}
	.navbar-main .navbar-nav>li {
		text-align: center;
		font-size: 1.2em;
	}
	.dropdown-menu li {
		text-align: left;
		font-size: 1.2em;
	}
	.navbar-mini-sites .navbar-nav {
		display: flex;
	}
	.mini-site-container {
		flex-direction: column;
	}
	.side {
		padding: 0;
		margin-bottom: 20px;
	}
	.mini-site-container .navbar-mini-sites .container-fluid {
		border: 1px solid rgba(0, 0, 0, 0.125);
	}
	.mini-site-container .mobile-wrap-outline {
		width: 100%;
		outline: 1px solid rgba(0, 0, 0, 0.125);
		z-index: 10;
		padding: .25rem 1rem;
	}
	.mini-site-container .navbar-toggler {
		border: none;
	}
	/* .mini-site-container .list-group-flush .list-group-item {
        padding: .25rem 1rem;
    }*/
	.mini-site-container .list-group-item {
		padding: 0px;
	}
	.mini-site-container .hamburger {
		display: inline-block;
	}
	.navbar-main .navbar-nav>li {
		text-align: left;
		font-size: 1.0em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}



	
	.subGroupsWrapper li {
		border-bottom: none !important;
	}
	.communityGroupsWrapper li {
		background: #123716;
	}
	.communityGroupsWrapper li a,
	.subGroupsWrapper li a {
		font-size: .8em;
	}
	.navbar-main #navbar-mobile #menu-top-menu>li:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	.navbar-main .dropdown-toggle::after {
		position: absolute;
		right: 24px;
	}
	.navbar-main .navbar-nav>li>a,
	.navbar-quick .navbar-nav>li>a {
		font-size: 1em;
		font-weight: 600;
	}
}

@media screen and (min-width: 30em) {
	.gallery-item {
		max-width: 25%;
	}
	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}
	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}
	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}
	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 1900px) {
	#main-header {
		height: 700px;
	}
}

#course-request-schedule li>ul {
    /* Exception for ../course-catalog 1/12/21 - PB */
   
    display: block;
}

/* News/Posts pagination styles */
.pagination.ft-wpbs {
	margin: 20px 0 30px;
}
.pagination.ft-wpbs .page-link {
	color: #124218;
	border: 1px solid #d9d9d9;
	padding: 8px 14px;
	min-width: 38px;
	text-align: center;
	line-height: 1.25;
	background-color: #fff;
}
.pagination.ft-wpbs .page-item:not(.disabled) .page-link:hover {
	background-color: #eaf3ec;
	border-color: #cbd6cc;
	color: #0e3414;
	text-decoration: none;
}
.pagination.ft-wpbs .page-item.active .page-link {
	background-color: #124218;
	border-color: #124218;
	color: #ffffff;
}
.pagination.ft-wpbs .page-item.disabled .page-link {
	color: #9aa0a6;
	background-color: #f7f7f7;
	border-color: #e6e6e6;
}
.pagination.ft-wpbs .page-link:focus {
	outline: 2px solid #266b32;
	outline-offset: 2px;
}