/* body styles */
body {
  font-family: 'Open Sans' !important;
}


/* HEADER STYLES */

/* fix to prevent header from overlapping content when navigating to named anchors */
[id] {
    scroll-margin-top: 240px; /* Adjust based on header height */
}


#mainHeader {
	background-color: #94163C !important;
	border-bottom: 1px solid white;
}

/* tagline */
.headerTagline {
	text-shadow: 2px 2px 2px #414042; 
	font-size: 1.9rem !important;
	font-weight: bold !important;
	line-height: 1.35em;
}

/* BUTTONS STYLES */

.btn-cfg-header {
  color: #94163c !important;
  background-color: #ffff !important;
  font-weight: 600 !important;
  border-color: #dc3545 !important;
  display: inline-block !important;
  font-weight: 600 !important;
  text-align: center !important;
  vertical-align: middle !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: .25rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  margin: 5px;
}

.btn-cfg {
  background-color: #94163c !important;
  border-color: #94163c !important;
  font-weight: 600 !important;
  color: white !important;
}


.btn-danger {
  background-color: #94163c !important;
  border-color: #94163c !important;
}


/* LINK STYLES */
a {
  color: #ae2222;
  text-decoration: none;
  transition: color 0.25s;
}
a:hover {
  color: #de5858;
}

.nav-link {
  font-weight: bold !important;
  color: white !important;
}

/* NAV MENUS & LINKS */
.dropdown-menu { background-color: #94163c; }
.dropdown-item { color: white; }

/* CAROUSEL */

/* container to give slider width separate from rest of the page */
#sliderContainer { 
	max-width: 90vw !important; 
}

#carouselMain {
	# height: 44.5vh !important;
}

.slideImageContainer {
	background-color: #94163c;
}

.sliderRow {
	margin-top: 0px !important;
}

/* Custom position for the previous & next buttons */
.carousel-control-prev {
  left: -10%;
}

.carousel-control-next {
  right: -10%;
}

/* carousel titles */
.ctrl-slider-headline a {
  color: #94163c !important;
  font-family: 'Open Sans' !important;
  font-weight: 800 !important;
  line-height: 38px !important;
}

.carousel-indicators {
  position: revert;
}

/* container for bottom half of page */
.lowerContainer {
	max-width: 100vw !important;
	background-color: #323241 !important;
	border-top: 4px solid #AE2222 !important;
}


/* left sidebar container */
#leftSidebar {
	background-color: #323241 !important;
	margin-top: 25px;
}

#rightCol {
	background-color: white !important;
}

/* sidebar promo images */
.sbar-promo-img { 
	max-width: 65% !important;
	height: auto;
	margin-left: 35px !important;
	}

/* styles for homepage bottom half promo items */
.index_title {
  color: #94163c !important;
  font-family: 'Open Sans' !important;
  font-size: 20px;
  font-weight: 800 !important;
  line-height: 18px !important;
}

.postimgsm { 
	display: none !important; 
	padding-top: 15px;
}

/* footer styles */
#footerRow {
	padding-left: 15px;
	padding-right: 15px;
}

/* STYLES FOR BOTTOM HALF ON INNNER PAGES */
#mainBodyContent { 
	min-height: 175vh !important; 
	padding-top: 25px;
	padding-bottom: 80px;
}

.titleLogo {
	float: left;
	padding-right: 5px;
}

/* STYLES FOR MEMBER SERVICES CONTENT */

/* row style for member services */
.rowEven { padding-top: 25px; padding-bottom: 25px; background-color: #E2E2E2; }
.rowOdd { padding-top: 25px; padding-bottom: 25px; background-color: #F0F0F0 !important; }
.videoRow { background-color: transparent !important; }

.story_text {
	width: 100% !important; 
	padding-right: 0px !important;
	padding-left: 0px !important;
	height: auto !important;
}

/* CSS TO HIDE PRINT-ONLY ELEMENTS FOR THE LINKEDIN LEARNING APPLICATION INSTRUCTIONS */
.print-only { display: none; }

/* WEBINAR PAGE STYLES */
.webinarsMeta {
	max-width: 315px;
}

.webinarListDesc {
	margin-top: 12px;
}

/* VIDEO.JS STYLES */
.video-js .vjs-control-bar { height: 4em !important; }
.video-js .vjs-big-play-button {
  font-size: 2.25em !important;
  line-height: 3em !important;
  height: 3em !important;
  width: 6em !important;
  bottom: 1% !important;
  left: 10% !important;
}



/* MEDIA QUERIES */
/* set the navbar collapse breakpoint and hide login/join/renew buttons */
@media (max-width: 1172px) {

	.navbar-expand-lg .navbar-collapse {
		display: none !important; /* Hide navbar collapse by default */
	}

	.navbar-expand-lg .navbar-toggler {
		display: block; /* Show toggler button */
	}

	.navbar-expand-lg .navbar-collapse.show {
		display: block !important; /* Show navbar when toggled */
	}

	/* Display the menu vertically */
	.navbar-nav {
		flex-direction: column !important;
	}

	#header-btn-container { display: none !important; }

}

/* hide the menu buttons above 1172px / menu breakpoint */
@media (min-width: 1173px) {
	#menu-btn-container { display: none !important; }
}

/* media queries for the stupid tagline */
@media (max-width: 620px) {
  .headerTagline { font-size: 1.1rem !important; }
}

@media (max-width: 991px) {
  h2 { display: ruby !important; }
}

/* control which size images appear for bottom half of homepage on mobile */
@media (max-width: 768px) {

	.postimgbg { display: none !important; }
	.postimgsm { display: inline !important; }

}

/* adjustments to heading sizes for bottom half on mobile */
@media only screen and (min-width: 1440px) {
  .index_title {
    font-size: 40px;
	line-height: 38px !important;
  }
}


/* adjustments to carousel height on mobile */
@media only screen and (max-width: 1200px) {

	#carouselMain {
		height: fit-content !important;
	}

}