/*!
Theme Name: CBN Members Portal
Theme URI: http://underscores.me/
Author: OKD Agency
Author URI: https://okd.com
Description: CBN Members Portal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cbn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CBN Members Portal is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
*:focus {
	outline: none !important;
}

html,
body {
	font-size: 16px;
}

:root {
  --plyr-color-main: #e41f29;
}

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

.btn.btn-thirdly {
	background-color: #e41f29;
	border-color: #e41f29;
	color: #FFF;
}
.btn.btn-thirdly:hover {
	color: #e41f29;
	background-color: #FFF;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:not(.btn),
a:not(.btn):visited,
a:not(.btn):hover,
a:not(.btn):focus,
a:not(.btn):active {
	color: #e51f29;
	outline: none;
}
.btn a.nav-link:not(.btn),
.btn a.nav-link:not(.btn):visited,
.btn a.nav-link:not(.btn):hover,
.btn a.nav-link:not(.btn):focus,
.btn a.nav-link:not(.btn):active {
	color: #FFF;
}
.btn-my-folder a.nav-link {
	color: #FFF !important;
}

#menu-board-of-directors .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
}

/*--------------------------------------------------------------
# Aspect Ratios
--------------------------------------------------------------*/
.aspect {
	width: 100%;
	height: 0;
}

.aspect.aspect-16by9 {
	padding-top: 56.25%;
}

.aspect.aspect-4by3 {
	padding-top: 75%;
}

.aspect.aspect-1by1 {
	padding-top: 100%;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {}
.widget .widget-title {
	font-size: 1.4rem;
	font-weight: 600;
}

.widget.widget_categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget:not(#tag_cloud-2) .tagcloud a,
.widget.widget_categories ul li a {
	position: relative;
	display: block;
	font-size: 1rem !important;
	padding-left: 30px;
}

.widget:not(#tag_cloud-2) .tagcloud a:before,
.widget.widget_categories ul li a:before {
	content: '\f07b';
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
}

#tag_cloud-2.widget .tag-cloud-link {
	background-color: #e41f29;
	color: #fff;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: .7rem !important;
}

.widget select {
	max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	font-size: .8rem;
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	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%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Introduction
--------------------------------------------------------------*/
#introduction {
  background-image: url(assets/img/pattern-02.png);
  background-position: center center;
  background-size: cover;
  padding: 100px 0;
}



/*--------------------------------------------------------------
## Utilities
--------------------------------------------------------------*/
.load-more {
	position: relative;
	display: block;
	background-color: #e41f29;
	color: #fff !important;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 15px;
	padding-left: 0;
}

.load-more:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1000%;
	height: 100%;
	background-color: inherit;
	z-index: -9;
}

.load-more[disabled] {
	opacity: .5;
}

.load-more.load-more-right {
	padding: 15px;
	padding-right: 0;
}

.load-more.load-more-right:before {
	right: auto;
}

.load-more.load-more-center {}

.load-more.load-more-center:before {
	display: none;
}

.text-ellipsis {
	text-overflow: ellipsis;
}

/*--------------------------------------------------------------
## Contact Form 7
--------------------------------------------------------------*/
.wpcf7 {}
.wpcf7 .screen-reader-response {
	display: none;
}

.wpcf7 .wpcf7-checkbox label {
	cursor: pointer;
}

.wpcf7 .wpcf7-checkbox label input {
	opacity: 0;
	margin: 0;
	height: 0;
	width: 0;
}

.wpcf7 .wpcf7-checkbox label span.wpcf7-list-item-label:before {
	content: '';
	border: 2px solid #565656;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	width: 25px;
	margin-right: 10px;
	margin-bottom: -7px;
}

.wpcf7 .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:before {
	background-color: #f4f4f4;
	background-image: url(assets/svg/verification-sign.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px;
}

.wpcf7 span[role="alert"].wpcf7-not-valid-tip {
	display: block;
	color: #e41f29;
	font-weight: 600;
}

.wpcf7-form-control-wrap.Channels {}
.wpcf7-form-control-wrap.Channels .wpcf7-form-control.wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.wpcf7-form-control-wrap.Channels .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
	flex: 0 0 50%;
	max-width: 20%;
}

.wpcf7-form-control-wrap.Channels .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label {
	display: flex;
	background-color: #424244;
	color: #fff;
	font-size: 1.3rem;
	border: 2px solid #9f9d9e;
	padding: 40px 30px;
	margin: 0;
		height: 100%;
		min-height: 180px;
		align-items: center;
}

.wpcf7-form-control-wrap.Channels .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label.checked {
	background-color: #e41f29;
}

.wpcf7-form-control-wrap.Channels .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
	text-align: left;
}

.wpcf7-form-control-wrap.Channels .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label:before {
	display: none;
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
	/*display: none;*/
	margin-top: 20px;
	padding: 20px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
}

form.wpcf7-form.init .wpcf7-response-output {
	display: none;
}

.wpcf7 .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
	display: block;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.wpcf7 .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	display: block;
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

div.wpcf7 .ajax-loader {
	background-image: url('/wp-content/plugins/contact-form-7/images/ajax-loader.gif');
	background-position: center;
	background-repeat: no-repeat;
	display: none;
	height: 16px;
	margin: 10px 0;
	width: 100%;
}

div.wpcf7 .ajax-loader.is-active {
	display: block;
}

div.wpcf7 div.ajax-error {
	display: none;
}


/*--------------------------------------------------------------
## CF7
--------------------------------------------------------------*/
.wpcf7 {}

.wpcf7 .screen-reader-response {
  display: none;
}

.wpcf7 .wpcf7-form.join-us-form {
  display: flex;
  flex-direction: column;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 10px;
  margin-top: 5px;
}

.wpcf7 .wpcf7-form.join-us-form label {
  display: block;
  margin: 0;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-form-control-wrap input:not([type='checkbox']):not([type='radio']),
.wpcf7 .wpcf7-form.join-us-form .wpcf7-form-control-wrap textarea {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  color: #495057;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width: 100%;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-form-control-wrap textarea {
  max-height: 100px;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  color: #e51f29;
  display: block;
  font-size: .8rem;
  margin-top: 5px;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-radio .wpcf7-list-item {
  display: block;
  flex: 1 1 30%;
  padding-left: 1.25rem;
  position: relative;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-radio .wpcf7-list-item input[type="radio"] {
  -webkit-appearance: none;
  border: 2px solid #4b4b4c;
  border-radius: 50%;
  box-sizing: border-box;
  height: 15px;
  margin-left: -1.25rem;
  margin-top: .3rem;
  padding: 0;
  position: absolute;
  width: 15px;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked:before {
  background-color: #e51f29;
  border-radius: 50%;
  content: '';
  display: block;
  height: 7px;
  left: calc(50% - 3.5px);
  position: absolute;
  top: calc(50% - 3.5px);
  width: 7px;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  display: inline-block;
  margin-bottom: 0;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  color: #0080a6;
  font-weight: bold;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-submit {
  align-items: center;
  background-color: transparent;
  color: #0080a6;
  display: flex;
  margin-left: auto;
  padding: 10px 0;
  position: relative;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-submit:after {
  background-color: #edfafe;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhbCcgZGF0YS1pY29uPSdjaGV2cm9uLXJpZ2h0JyByb2xlPSdpbWcnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDI1NiA1MTInIGNsYXNzPSdzdmctaW5saW5lLS1mYSBmYS1jaGV2cm9uLXJpZ2h0IGZhLXctOCBmYS0zeCc+PHBhdGggZmlsbD0nIzAwODBhNicgZD0nTTE3LjUyNSAzNi40NjVsLTcuMDcxIDcuMDdjLTQuNjg2IDQuNjg2LTQuNjg2IDEyLjI4NCAwIDE2Ljk3MUwyMDUuOTQ3IDI1NiAxMC40NTQgNDUxLjQ5NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDcuMDcxIDcuMDdjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3IDBsMjExLjA1MS0yMTEuMDVjNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTcxTDM0LjQ5NSAzNi40NjVjLTQuNjg2LTQuNjg3LTEyLjI4NC00LjY4Ny0xNi45NyAweicgY2xhc3M9Jyc+PC9wYXRoPjwvc3ZnPg0K");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0080a6;
  border-radius: 50%;
  color: #0080a6;
  content: '';
  display: inline-block;
  height: 40px;
  margin-left: 10px;
  width: 40px;
}

.wpcf7 .wpcf7-form .wpcf7-submit {
  background-color: #e51f29;
  border: 0;
  color: #fff;
  padding: 10px 40px;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-display-none {
  display: none;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-response-output {
  background-color: #f0f4f6;
  margin-top: 15px;
  padding: 15px;
  text-align: center;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-validation-errors {
  background-color: #f8d7da;
  color: #721c24;
}

.wpcf7 .wpcf7-form.join-us-form .wpcf7-mail-sent-ok {
  background-color: #d4edda;
  color: #155724;
}


/*--------------------------------------------------------------7
## Navbar
--------------------------------------------------------------*/
.navbar-light {
  z-index: 1020;
}

.navbar-light .navbar-brand img {
	max-height: 80px;
}

.navbar-light .navbar-nav .nav-item .nav-link {
	color: #e41f29;
}

@media (min-width: 1200px) and (max-width: 1512.98px) {
	.navbar-light .navbar-nav .nav-item .nav-link {
		text-align: center;
	}
}

.navbar-light .navbar-nav .nav-item.current-menu-item .nav-link {
	font-weight: 700;
}

.navbar-light .navbar-nav.navbar-user .nav-item .nav-link {
	background-color: #e41f29;
	color: #fff;
	padding: 48px 25px;
	font-weight: 700;
}

@media (max-width: 767.98px) {
	.navbar-light .navbar-brand img {
		max-height: 60px;
	}
}

@media (max-width: 1199.98px) {
	.navbar-light {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.navbar-light .hamburger {
		padding: 0;
	}

	.navbar-light .hamburger .hamburger-box {
		width: 30px;
		height: 8px;
	}

	.navbar-light .hamburger .hamburger-box .hamburger-inner,
	.navbar-light .hamburger .hamburger-box .hamburger-inner::before,
	.navbar-light .hamburger .hamburger-box .hamburger-inner::after {
		width: 100%;
		height: 2px;
		background-color: #e31e28;
	}

	.navbar-light .navbar-collapse {
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		background-color: #a0a0a0;
		z-index: 999;
	}

	.navbar-light .search-form {
		padding: 25px;
	}

	.navbar-light .search-form .input-group .form-control {
		color: #fff;
		background-color: #a0a0a0;
	}

	.navbar-light .search-form .input-group .form-control::-webkit-input-placeholder {
		color: #fff;
	}

	.navbar-light .search-form .input-group .form-control:-ms-input-placeholder {
		color: #fff;
	}

	.navbar-light .search-form .input-group .form-control::placeholder {
		color: #fff;
	}

	.navbar-light .search-form .input-group .btn.btn-secondary {
		background-color: #e41f29;
		border-color: #e41f29;
	}

	.navbar-light .navbar-nav {
		padding: 0 25px;
	}

	.navbar-light .navbar-nav .nav-item .nav-link {
		color: #fff;
		font-weight: 600;
	}

	.navbar-light .navbar-nav.navbar-user {
		padding-bottom: 25px;
	}

	.navbar-light .navbar-nav.navbar-user .nav-item .nav-link {
		background-color: transparent;
		color: #fff;
		padding: .5rem 0;
		font-weight: 700;
	}
}

.search-nav {
  right: 0;
  top: 100%;
}

.search-nav .btn {
  background-color: #b0b0b0;
  padding: 35px 30px;
  width: 112px;
}

.search-nav .btn[aria-expanded="true"] {
  display: none !important;
}

.welcome-back-text {
	padding: 0 25px;
	color: #6c757d;
	text-align: right;
	font-size: 80%;
}
@media (max-width: 1199.98px) {
	.welcome-back-text {
		color: #FFF;
		text-align: left;
		font-size: 100%;
	}
}


/*--------------------------------------------------------------
## Search Section
--------------------------------------------------------------*/
#search-section {
  z-index: 999;
}

#search-section .close {
  font-size: 2rem;
  opacity: 1;
}

.media-video {
  position: relative;
}

.media-video:after,
.media-video:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.media-video:after {
  background-image: url(assets/img/icon-play.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 71px;
  z-index: 99;
}

.media-video:before {
  background-color: #b7b7b7;
  mix-blend-mode: multiply;
}


/*--------------------------------------------------------------
## Article
--------------------------------------------------------------*/
.article {
	margin-bottom: 60px;
}

.article-thumbnail.article-thumbnail-border {
	position: relative;
	margin-bottom: 60px;
}

.article-thumbnail.article-thumbnail-border:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 60%;
	height: 25px;
	background-color: #e41f29;
}

.article .article-holder .article-category {
	display: block;
}

.article .article-holder .article-title {
	margin: 0 0 20px;
	font-size: 1.6rem;
	font-weight: 600;
}

.article .article-holder .article-author {
	display: block;
	font-style: italic;
	font-size: 1.1rem;
	margin: 20px 0;
}

.article .article-holder p {
	margin: 20px 0;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.article .article-holder p:hover {
	-webkit-line-clamp: 4;
}

.article .article-holder .article-link {
	font-weight: 600;
	text-decoration: underline;
}

.article .article-thumbnail {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 175px;
	background-color: #efefef;
	margin-bottom: 35px;
}

.article.article-horizontal {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}

.article.article-horizontal:last-of-type {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

.article.article-horizontal .article-thumbnail {
	min-height: 185px;
	margin: 0;
}

.article.article-horizontal .article-holder {
	padding: 15px 0;
}

.article.article-top {
	background-size: cover;
	background-position: center top;
	background-image: url(assets/img/pattern-02.png);
	margin-bottom: 60px;
}

.article-icon {
	border: 1px solid #e41f29;
	background-color: #fff;
	padding: 10px;
	width: 60px;
}

.article.article-top .term-name,
.article.article-top .article-title {
	font-weight: 700;
	color: #e41f29;
	font-size: 2.6rem;
	margin: 40px 0 20px;
}

.article.article-top .article-title {
	margin: 20px 0;
}

.article.article-top .article-link {
	font-size: 1.2rem;
}

.article.article-video .article-thumbnail {
	position: relative;
	min-height: 350px;
}

.article.article-video .article-thumbnail:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(33, 37, 41, .5);
	background-image: url(assets/svg/play-button.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
}



/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
#front-content {}


/* HOME SLIDER */
#front-content #home-slider {
	min-height: 600px;
	background-size: cover;
	background-position: center;
}

#front-content #home-slider .carousel-indicators {
	margin: 40px auto;
	width: 200px;
	display: flex;
	justify-content: center;
}

#front-content #home-slider .carousel-indicators button {
	width: 50px;
	height: 3px;
	padding: 2px 0;
	border: none;
	filter: invert(1);
	opacity: 0.5;
	margin: 0 5px;
}

#front-content #home-slider .carousel-indicators button.active {
	opacity: 1;
}

#front-content #home-slider .carousel-indicators button:focus {
	outline: none;
}

#front-content #home-slider .carousel-inner {
	height: 100%;
	background-color: rgba(255, 255, 255, 0.75);
}

#front-content .carousel-inner .container {
	min-height: 500px;
}

#front-content #home-slider .carousel-inner .carousel-item {
	min-height: 500px;
	padding: 40px 5vw 70px;
}

#front-content #home-slider .carousel-inner .carousel-item .item-left,
#front-content #home-slider .carousel-inner .carousel-item .item-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#front-content #home-slider .carousel-inner .carousel-item h1 {
	color: #e41f29;
	text-align: left;
	margin: 0 auto 0rem;
}

#front-content #home-slider .carousel-inner .carousel-item .item-left p {
	margin-bottom: 1rem;
	font-size: 16px;
	font-weight: 400;
}

#front-content #home-slider .carousel-inner .carousel-item .item-right img {
	max-height: 400px;
	padding: 40px;
	object-fit: cover;
}

#front-content #home-slider .carousel-inner .carousel-item .item-left .info-box {
	background-color: #123f62;
	color: #fff;
	padding: 20px;
}

#front-content #home-slider .carousel-inner .carousel-item .item-left .info-box p {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}

#front-content #home-slider button.carousel-control-prev,
#front-content #home-slider button.carousel-control-next {
	background-color: transparent;
	border: none;
	width: 10%;
}

#front-content #home-slider button.carousel-control-prev span.carousel-control-prev-icon,
#front-content #home-slider button.carousel-control-next span.carousel-control-next-icon {
	width: 40px;
	height: 40px;
	filter: invert(1);
}

#front-content #home-slider button.carousel-control-prev span.visually-hidden,
#front-content #home-slider button.carousel-control-next span.visually-hidden {
	display: none;
}

@media (max-width: 992px) {
	#front-content #home-slider .carousel-inner .carousel-item .item-right img,
	#front-content #home-slider .carousel-inner .carousel-item .item-right video {
		display: none;
	}
}

@media (max-width: 576px) {
	#front-content #home-slider .carousel-inner .carousel-item .slide-header {
		text-align: center;
	}
}

/* RESOURCE BAR */
#front-content .resource-section {
	background-color: #e41f29;
	text-align: center;
	color: #fff;
	padding: 20px;
}

#front-content .resource-section .resource {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#front-content .resource-section .resource.first {
	border-left: none;
}

#front-content .resource-section .resource.last {
	border-right: none;
}

#front-content .resource-section .resource .top img {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}

#front-content .resource-section .resource .bottom a {
	color: #fff;
	text-decoration: underline;
}

#front-content .resource-section .resource .top h4 {
	color: #fff;
}

#front-content .resource-section .resource p {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
}

@media (max-width: 992px) {
	#front-content .resource-section .row {
		display: flex;
		flex-direction: column;
	}

	#front-content .resource-section .row .col {
		padding: 35px 10px;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		border-left: none;
		border-right: none;
	}

	#front-content .resource-section .resource.first {
		border-top: none;
	} 

	#front-content .resource-section .resource.last {
		border-bottom: none;
	}
}

#front-content .heading {
	margin: 40px 0;
}

#front-content .live-chat {
	background-color: #e41f29;
	padding: 60px 0;
	color: #fff;
}

#front-content .live-chat .icon {
	background-color: #fff;
	padding: 15px;
}

#front-content .live-chat .name {
	display: block;
	margin-bottom: 15px;
}

#front-content .live-chat .title {}
#front-content .live-chat .description {
	margin-top: 40px;
}

#front-content .live-chat .link {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

#front-content #resource-hub a[data-toggle="modal"]:before,
#front-content #content-library a[data-toggle="modal"]:before,
#front-content #resource-hub a[data-toggle="modal"]:after,
#front-content #content-library a[data-toggle="modal"]:after {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#front-content #resource-hub a[data-toggle="modal"]:before,
#front-content #content-library a[data-toggle="modal"]:before {
  background-image: url(assets/img/icon-play.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 121px;
  z-index: 99;
}

#front-content #resource-hub a[data-toggle="modal"]:after,
#front-content #content-library a[data-toggle="modal"]:after {
  background-color: #b7b7b7;
  mix-blend-mode: multiply;
}

#front-content #resource-hub p {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#front-content #resource-hub p:hover {
	-webkit-line-clamp: 4;
}

/*#front-content .at-glance {}
#front-content .at-glance .event {}
#front-content .at-glance .event .article-event {
	position: relative;
	padding-top: 50px;
	padding-right: 20px;
	color: #fff;
}

#front-content .at-glance .event .article-event:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1000%;
	height: 100%;
	background-color: #e41f29;
}

#front-content .at-glance .event .article-event .article-title {
  z-index: 999;
}

#front-content .at-glance .event .article-event .ai1ec-excerpt {
	display: none;
}

#front-content .at-glance .event .article-event .article-link {
	color: #fff;
}

#front-content .at-glance .event .article-event .article-thumbnail {
	position: relative;
	z-index: 99;
	min-height: auto;
	padding: 60px 80px;
}

#front-content .at-glance .event .article-event .article-thumbnail:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}

#front-content .at-glance .event .article-event .article-thumbnail .article-title {
	position: relative;
	z-index: 99;
	text-transform: uppercase;
	font-size: 3rem;
	padding: 60px 40px;
	border: 2px solid #fff;
}*/


/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
#home {}
.page-title {
	background-image: url(assets/img/page-title.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.page-title .breadcrumbs {
  color: #6b6b6b;
}

.page-title .breadcrumbs a {
  color: inherit;
}

.page-title h1 {
	/*font-size: 3.5rem;*/
}

.page-title img {
	max-height: 130px;
}

#home .home-term {
	margin-bottom: 40px;
	overflow: hidden;
}

#home .home-term h2 {
	margin: 20px 0;
}

#home .article.article-last {
	margin-bottom: 60px !important;
}

#home .article.article-last .article-thumbnail {
	position: relative;
	min-height: 270px;
	background-position: center;
	background-size: cover;
	margin-bottom: 60px;
}

#home .home-term + .separator {
	margin: 60px 0 30px;
}

#home .home-term.home-term-last + .separator {
	display: none;
}


/*--------------------------------------------------------------
## Member Profiles
--------------------------------------------------------------*/
#member-profiles {
	background-color: #0080a6;
	background-image: url(assets/img/member-profiles-bg.jpg);
	background-position: center;
	background-size: cover;
}

#member-profiles {}


/*--------------------------------------------------------------
## Taxonomy: Benefit Category
--------------------------------------------------------------*/
.categories-filter a {
	font-size: 1.3rem;
}

.categories-filter a.active {
	font-weight: 400;
	text-decoration: underline;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(228,31,41,0.6); 
	box-shadow: 0px 0px 8px 2px rgba(228,31,41,0.6);
	background-color: #fff !important;
	color: #212529 !important;
}

.benefit-item {}
.benefit-item .benefit-item-thumbnail,
.training-resources-item .training-resources-item-thumbnail {
	min-height: 200px;
}

.benefit-item .benefit-item-thumbnail:after,
.training-resources-item .training-resources-item-thumbnail:after {
	background-color: #e41f29;
	content: '';
	height: 25px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 60%;
}


/*--------------------------------------------------------------
## Resource Hub
--------------------------------------------------------------*/
#resource-hub {}
.navigation.pagination {}
.navigation.pagination .nav-links {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.navigation.pagination .nav-links .page-numbers {
  display: block;
  padding: 4px;
  text-align: center;
}

.navigation.pagination .nav-links .page-numbers:not(.prev):not(.next) {
  padding: 4px 0;
  width: 32px;
}

.navigation.pagination .nav-links .page-numbers.current {
  background-color: #e51f29;
  border-radius: 50%;
  color: #fff;
}


/*--------------------------------------------------------------
## Library
--------------------------------------------------------------*/
#library {
	overflow: hidden;
}

#library .library-content .top-bar {
	height: 38px;
	margin-bottom: 40px;
	position: relative;
}

#library .library-content .top-bar:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	background-color: #e41f29;
}

#library .library-content .heading {
	font-weight: 600;
	margin: 0 0 40px;
}

.category-sidebar a.btn[data-toggle="collapse"]:after,
.category-sidebar a.btn:after {
  color: #e41f29;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.category-sidebar a.btn:after {
  content: '\f07b';
  font-weight: normal;
}

.category-sidebar a.btn[data-toggle="collapse"]:after {
  content: '\f078';
}

.category-sidebar a.btn[data-toggle="collapse"][aria-expanded="true"]:after {
  content: '\f077';
}


/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/
#archive {}
#archive div[class^="col-"]:nth-child(3n+3) {
	clear: left;
}


/*--------------------------------------------------------------
## Archive Company
--------------------------------------------------------------*/
.types {}
.types .thumbnail {
  height: 200px;
}

.types .thumbnail img {
  max-height: 180px;
}

.types .thumbnail.bg-brown {
  background-color: #e8e2e2;
}

/*--------------------------------------------------------------
## Single Company
--------------------------------------------------------------*/
article#company .border {
	width: 305px;
	height: 276px;
}

article#company .border a {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 100%;
} 


/*--------------------------------------------------------------
## Single
--------------------------------------------------------------*/
#single {}
#single .article-header {
	text-align: center;
	margin: 0 0 50px;
}

#single .article-header h1 {
	color: #e52028;
	margin: 50px 0 20px;
	font-weight: 700;
	font-size: 3.2rem;
}

#single .article-header .author {
	font-size: 1.4rem;
	font-style: italic;
}

#single .article-content {
	font-size: 1.2rem;
	letter-spacing: 1px;
	margin-bottom: 60px;
}

#single .article-content p {
	margin-bottom: 30px;
}

#single .shade {
	height: 40px;
	background-color: #e41f29;
}

#single .article-links {}
#single .article-links .nav-link {
	color: #7b7b7b;
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: underline;
	padding-top: 7px;
	padding-bottom: 7px;
}

#single .article-links .dropdown-toggle::after {
	margin-left: 10px;
}

#single .article-links .nav-link.download {
	color: #e41f29;
}

.related {}
.related h3 {
	font-size: 2rem;
	margin: 0;
}

.related article {
	margin: 30px 0 40px;
}

.related article .article-thumbnail {
	position: relative;
	margin-bottom: 50px;
}

.related article .article-thumbnail:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 60%;
	height: 20px;
	background-color: #e41f29;
}

.related article .article-thumbnail img {}
.related article h4 {
	font-size: 1.7rem;
	margin: 15px 0;
}

.related article .author {
	display: block;
	font-size: 1.2rem;
	margin: 0 0 20px;
	font-style: italic;
}

.related article p {}
.related article a {
	font-weight: 600;
	text-decoration: underline;
}


/*--------------------------------------------------------------
## Pre Footer
--------------------------------------------------------------*/
#pre-footer {
	position: relative;
	background-color: #edf1f2;
	padding: 80px 0;
	margin-bottom: 60px;
}

#pre-footer:after {
	content: '';
	position: absolute;
	bottom: -60px;
	left: 0;
	width: 100%;
	height: calc( 100% + 60px );
	background-size: cover;
	background-image: url(assets/img/pattern-02.png);
	background-position: center top;
}

#pre-footer .container {
	position: relative;
	z-index: 99;
}

#pre-footer h3 {
	margin: 0 0 30px;
	font-size: 2rem;
}

#pre-footer p {
	margin: 0 0 25px;
	font-size: 1.1rem;
}

#pre-footer .nav {}
#pre-footer .nav .nav-link {
	font-weight: 600;
	text-decoration: underline;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer {
	border-bottom: 70px solid;
}

#footer div[class^="col-"]:first-of-type {
	background-size: cover;
	background-position: center;
}

#footer .holder h3 {
	font-size: 2.5rem;
}

#footer .holder p {
	font-size: 1.2rem;
}

#footer .holder .footer-logo {
  max-width: 350px;
}

#footer .holder .footer-link {
	margin-bottom: 60px;
}

#footer .holder .footer-link a {
	font-size: 1.2rem;
	font-weight: 600;
}

#footer .holder .social-links {}
#footer .holder .social-links a {
	border: 3px solid;
	font-size: 2.5rem;
	padding: 7px 0;
	width: 80px;
}


/*--------------------------------------------------------------
## ACF FORM
--------------------------------------------------------------*/
.acf-button.disabled{
  pointer-events: none;
}

.acf-icon.small,
.acf-icon.-small {
  top: 50%;
  margin-top: -10px;
}

.acf-loading,
.acf-spinner {
  height: 20px;
  width: 20px;
  vertical-align: text-top;
  background: transparent url(/wp-admin/images/spinner.gif) no-repeat 50% 50%;
  display:none;
}


/*--------------------------------------------------------------
## Login
--------------------------------------------------------------*/
#login {
	position: relative;
	background-color: #fff;
	border-bottom: 40px solid #e41f29;
}

#login:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 154px);
	background-size: cover;
	background-position: center;
	background-image: url(assets/img/pattern-02.png);
}

#login .logo {
	text-align: center;
	padding: 40px 0;
}

#login .logo img {
	max-width: 250px;
}

#login .form {
	position: relative;
	padding: 80px 20px;
	z-index: 99;
}

@media (max-width: 991.98px) {
	#login .form {
		padding-top: 40px;
	}
}

#login .form .alert {
	border-width: 0 0 0 10px;
	background-color: #fff;
	color: #444;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	font-size: .9rem;
}

#login .form .alert.alert-danger {
	border-color: #e41f29;
}

#login .form #login-form .btn.btn-danger {
	background-color: #e41f29;
	border-color: #e41f29;
}

#login .login-background {
	min-height: calc(100vh - 40px);
	background-size: cover;
	background-position: center;
}

@media (max-width: 991.98px) {
	#login .login-background {
		min-height: 450px;
		background-position: center top;
	}
}


/*--------------------------------------------------------------
## Component: Contact Information
--------------------------------------------------------------*/
.contact_information {}
.contact_information .social-networks {}
.contact_information .social-networks a {
	border-width: 2px !important;
	font-size: 1.2rem;
	padding: 6px 0;
	width: 44px;
}


/*--------------------------------------------------------------
## Component: Content
--------------------------------------------------------------*/
.content {}
.content h2,
.content h3,
.content h4 {
	margin-bottom: 20px;
}

.content ol li,
.content ul li {
	margin-bottom: 15px;
}

.content ul#menu-my-content li,
.content ul#menu-board-of-directors li {
	margin-bottom: 0;
}
.content ul#menu-my-content li .nav-link,
.content ul#menu-board-of-directors li:not(.btn) .nav-link,
ul#menu-my-folder li:not(.btn) .nav-link {
	color: #010101;
}


/*--------------------------------------------------------------
## Component: Extended Links
--------------------------------------------------------------*/
.extended_links {}
.extended_links.extended_links-left:before,
.extended_links.extended_links-right:before {
	background-color: inherit;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	width: 1000%;
	z-index: -9;
}

.extended_links.extended_links-left:before {
	right: 0;
}

.extended_links.extended_links-right:before {
	left: 0;
}


/*--------------------------------------------------------------
## Component: Separator
--------------------------------------------------------------*/
.separator hr {
	border-style: dotted;
	border-width: 5px 0 0;
}


/*--------------------------------------------------------------
## Component: Single Image
--------------------------------------------------------------*/
.single_image.single_image-border {
	position: relative;
}

.single_image.single_image-border:after {
	background-color: #e41f29;
	content: '';
	height: 25px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 60%;
}


/*--------------------------------------------------------------
## Component: Single Video
--------------------------------------------------------------*/
.single_video {}
.single_video a:before {
	background-color: rgba(33, 37, 41, 0.2);
	background-image: url(assets/svg/play-button.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.single_video.single_video-border a:after {
	background-color: #e41f29;
	content: '';
	height: 25px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 60%;
}


#CBNPopup button.close {
  background-color: red;
  border-radius: 50%;
  color: #fff;
  float: none;
  opacity: 1;
  padding: 4px 0;
  position: absolute;
  right: -16px;
  top: -16px;
  width: 32px;
  z-index: 999;
}


/*--------------------------------------------------------------
## Slack Feed
--------------------------------------------------------------*/
#slack-feed {
  max-height: 1300px;
  min-height: 600px;
  overflow: auto;
}

#slack-feed .slack-message {
  border-left: 5px solid #e41f29;
  white-space: pre-line;
}

#slack-feed .slack-message .message {
  font-size: 14px;
}


/*--------------------------------------------------------------
## Events
--------------------------------------------------------------*/
.photo_gallery_grid article p {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.photo_gallery_grid article p:hover {
	-webkit-line-clamp: 4;
}

.ai1ec-excerpt {
	font-family: "Open Sans";
	font-size: 14px;
}


/*--------------------------------------------------------------
## My Folder: Board of Directors
--------------------------------------------------------------*/
.board-member-contact {
	font-size: 80%;
}