/* CUSTOM CSS OVERRIDES */

/* NAV MENUS */

#replacementImage {
	max-height: 44px; 
	width: auto; 
	max-width: 80% !important;
	display: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#main-header {
	background-color: #000000; 
	border-bottom: 1px solid #474B4F; 
	padding-bottom: 0.5rem; 
	padding-top: 1.5rem;
}

#logout-link {
	margin-top: 5px; 
	color: white;
}

#mainImage {
	width: 565px; 
	height: auto;
}

#social {
	font-size: 3em;
	float: right;
}

.social-icon {
	color: white !important;
}


#buzzsproutIcon {
	width: 38px; 
	height: auto; 
	padding-bottom: 12px;
}

#mainNav {
	background-color: #8B263F;
}

#secondaryNav {
	border-bottom: 1px solid #474B4F;
}

.dropdown-menu {
		background-color: #212529 !important;
	--bs-dropdown-color: var(--bs-nav-link-color) !important;
	border: var(--bs-dropdown-border-width) solid var(--bs-nav-link-color) !important;
	border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu-inline {
		background-color: #FBC6C6 !important;
		--bs-dropdown-padding-x: -10;
}

.dropdown-item {
	color: var(--bs-nav-link-color) !important;
}

.dropdown-divider {
	color: var(--bs-nav-link-color) !important;
}
/* NAV MENUS & LINKS*/

.top-nav-item {
	display: none !important;
}

.nav-link {
	color: white;
	font-weight: 600;
}


a.nav-link:hover {
	color: #C7C8C9 !important;
}

/* HOMEPAGE SLIDER */
#slider-controls { padding-top: 0rem !important; }

.carouselContentContainer {
	padding-top: 3.6rem !important;
}

.carousel-inner {
	height: 70% !important;
}

.slider-image-mobile { display: none; }

.carousel-control { width: fit-content !important; margin: 40px !important; }


/* INNER PAGE & POST ARTICLE HEADINGS, ETC */
.editButton {
	float: right; 
	margin-top: 14px; 
	margin-left: 6px !important;
}

article header {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

/* category links */
.bg-secondary {
	background-color: #8B263F !important;
}

article section {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

section.inner {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}


/* SIDEBAR PANELS */
.card-header {
	background-color: #8B263F !important;
	color: white !important;
}


/* TABS */
.nav-tabs .nav-link {
	border: 1px solid #dee2e6 !important;
	background-color: #212529 !important;
	color: white !important;
}

.nav-tabs .nav-link.active {
	background-color: #8B263F !important;
	color: white !important;
}

.tab-pane { 
	border-top: none !important;
	border: 1px solid #dee2e6 !important;
	padding: 4px;
	padding-top: 20px !important;
	padding-left: 15px;
	padding-right: 15px;
}



/* ACCORDIONS */
.accordion-button
 {
	background-color: #8B263F !important;
	color: white !important;
	font-size: 1.5rem;
}

.accordion-button-sm
 {
	font-size: 1rem !important;
}

/* deal with color of indicator icon */
.accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
	box-shadow: none !important;
}

/* BUTTON STYLES */

.btn-cwc {
	--bs-btn-color: #fff;
	--bs-btn-bg: #8B263F !important;
	--bs-btn-border-color: #8B263F !important;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6D1E32 !important;
	--bs-btn-hover-border-color: #6D1E32 !important;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6D1E32 !important;
	--bs-btn-active-border-color: #6D1E32 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #8B263F !important;
	--bs-btn-disabled-border-color: #8B263F !important;
}

.submit:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

/* Force all form buttons to uppercase */
form button,
form input[type="submit"],
form input[type="button"] {
  text-transform: uppercase;
}


.px-4.btn { 
	padding: 1.0rem !important;
}

/* pagination buttons - format as links */

.paginate a {
	display:inline-block;text-transform:lowercase;*display:inline;*zoom:1;*display:inline;*zoom:1;padding:4px 14px;margin-bottom:0;font-size:14px;line-height:24px;*line-height:24px;text-align:center;vertical-align:middle;cursor:pointer;background-color:#D92727;*border:0;border-bottom-color:#D92727;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*margin-left:.3em;*margin-left:.3em;color:#FFF;
	text-decoration: none !important;
}

.btn:first-child,.paginate a:first-child{
	*margin-left:0;
}

.paginate strong {
	display:inline-block;text-transform:lowercase;*display:inline;*zoom:1;*display:inline;*zoom:1;padding:4px 14px;margin-bottom:0;font-size:14px;line-height:24px;*line-height:24px;text-align:center;vertical-align:middle;cursor:default;background-color:#fff;border:1px solid #ededed;*border:0;border-bottom-color:#ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*margin-left:.3em;*margin-left:.3em;color:#357EBD;
	}

.paginate strong:first-child
	{*margin-left:0;}

.category-icon a {
	text-decoration: none;
	color: white !important;
}

/* PAGE-SPECIFIC STYLES */

	/*REINOS STORE STYLES */


	/* BOARD & STAFF PAGE */

	.staffRow {
		margin-bottom: 25px;
	}

/* STYLES FOR DATEPICKER FIELD IN FORMS ADDON */

.table-title {
  font-weight: 500;
}

.meta-info, .faded {
  display: inline-block;
  color: var(--ee-text-secondary) !important;
  font-weight: 400;
}

.tbl-wrap,
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tbl-wrap table,
.table-responsive table {
  border: none;
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
}

table {
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border: 1px solid var(--ee-table-border);
  background: var(--ee-table-bg);
}

th,
td {
  padding: 10px 15px 10px 15px;
  border-collapse: collapse;
}
th:first-child,
td:first-child {
  padding-left: 25px;
}
th:first-child .column-sort,
td:first-child .column-sort {
  padding-left: 0;
}
th:last-child,
td:last-child {
  padding-right: 25px;
}
th:last-child .column-sort,
td:last-child .column-sort {
  padding-right: 0;
}
th input[type=checkbox],
td input[type=checkbox] {
  margin-bottom: -2px;
}
th {
  white-space: nowrap;
  text-align: left;
  border-bottom: 1px solid var(--ee-table-border);
  color: var(--ee-text-secondary);
  font-weight: 500;
}
th.check-ctrl {
  width: 20px;
  line-height: 1;
  text-align: right;
}
td {
  transition: all 100ms ease;
  color: var(--ee-text-normal);
  line-height: 1.6;
  border-bottom: 1px solid var(--ee-table-border);
  font-weight: 400;
}
td .meta-info {
  color: var(--ee-text-secondary);
  font-size: 0.9em;
  margin-top: -2px;
  display: block;
}
td i {
  color: var(--ee-text-tertiary);
}
td i.fas, td i.fal, td i[class*=fields-grid-tool-]:before, td .tab-wrap .tabs.layout i.tab-remove:before, .tab-wrap .tabs.layout td i.tab-remove:before,
td .tab-wrap .tabs.layout i.tab-on:before,
.tab-wrap .tabs.layout td i.tab-on:before,
td .tab-wrap .tabs.layout i.tab-off:before,
.tab-wrap .tabs.layout td i.tab-off:before, td .tbl-list i.reorder:before, .tbl-list td i.reorder:before, td .menu-wrap .develop i.has-sub::before, .menu-wrap .develop td i.has-sub::before, td i.has-sub::after, td i.icon-settings,
td i.icon--settings, td i[class^=icon--],
td i[class*=" icon--"], td i.icon-reorder, td i.layout-item__handle::after, td .ee-debugger .tab-bar--editable i.tab-remove:before, .ee-debugger .tab-bar--editable td i.tab-remove:before,
td .ee-debugger .tab-bar--editable i.tab-on:before,
.ee-debugger .tab-bar--editable td i.tab-on:before,
td .ee-debugger .tab-bar--editable i.tab-off:before,
.ee-debugger .tab-bar--editable td i.tab-off:before,
td .ee-debugger .tab-bar--editable i.tab-edit:before,
.ee-debugger .tab-bar--editable td i.tab-edit:before, td i.select-popup:not([multiple])::after, td i.select__button-label::after, td .field-closed i.sub-arrow:before, .field-closed td i.sub-arrow:before, td .fieldset---closed i.sub-arrow:before, .fieldset---closed td i.sub-arrow:before, td .fluid-closed i.sub-arrow:before, .fluid-closed td i.sub-arrow:before, td i.sub-arrow:before, td i.checkbox--small:after, td i.checkbox--large:after, td i.checkbox:after, td i.widget--support::before, td i[class^=widget-icon--],
td i[class*=" widget-icon--"], td i.dropdown__link--selected::before, td .tab-bar--editable i.tab-remove:before, .tab-bar--editable td i.tab-remove:before,
td .tab-bar--editable i.tab-on:before,
.tab-bar--editable td i.tab-on:before,
td .tab-bar--editable i.tab-off:before,
.tab-bar--editable td i.tab-off:before,
td .tab-bar--editable i.tab-edit:before,
.tab-bar--editable td i.tab-edit:before, td i.sidebar__link.remove:after, td i.m-close:before, td i.app-notice__dismiss::before, td i.app-notice__icon::before, td .app-notice---loading > .app-notice__tag i.app-notice__icon::before, .app-notice---loading > .app-notice__tag td i.app-notice__icon::before,
td .alert--loading > .app-notice__tag i.app-notice__icon::before,
.alert--loading > .app-notice__tag td i.app-notice__icon::before, td .app-notice---success > .app-notice__tag i.app-notice__icon::before, .app-notice---success > .app-notice__tag td i.app-notice__icon::before,
td .alert--success > .app-notice__tag i.app-notice__icon::before,
.alert--success > .app-notice__tag td i.app-notice__icon::before, td .app-notice---attention > .app-notice__tag i.app-notice__icon::before, .app-notice---attention > .app-notice__tag td i.app-notice__icon::before,
td .alert--attention > .app-notice__tag i.app-notice__icon::before,
.alert--attention > .app-notice__tag td i.app-notice__icon::before, td i.column-sort::after {
  color: inherit;
}

tr:last-child td {
  border-bottom: 0;
}
tr.missing td:not(.reorder-col), tr.missing:hover td:not(.reorder-col) {
  background-color: var(--ee-warning-light);
}
tr.missing td:not(.reorder-col) .toolbar, tr.missing:hover td:not(.reorder-col) .toolbar {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
tr.missing td:not(.reorder-col):first-child:before, tr.missing:hover td:not(.reorder-col):first-child:before {
  color: var(--ee-warning);
  content: "\f05e";
  float: left;
  font-size: 14px;
  line-height: 1;
  margin: 2px 10px 10px 0;
}
tr.auto-saved td:not(.reorder-col), tr.auto-saved:hover td:not(.reorder-col) {
  background-color: var(--ee-warning-light);
}
tr.auto-saved td:not(.reorder-col) .auto-save, tr.auto-saved:hover td:not(.reorder-col) .auto-save {
  color: var(--ee-warning);
}
tr.sub-heading td, tr.sub-heading:hover td {
  background-color: var(--ee-bg-0);
  border-bottom: 1px solid var(--ee-table-border);
  border-top: 1px solid var(--ee-table-border);
  color: var(--ee-text-secondary);
  font-size: 85%;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
tr.selected {
  /*
    .status-tag {
  	border: 2px solid color(bg-0);
  }
    */
}
tr.selected td {
  position: relative;
  z-index: 2;
  background: var(--ee-accent-light);
  color: var(--ee-link);
}

#ui-datepicker-div {background-color: #fff; border: 1px solid #e6e6e6; padding:5px 10px 5px 10px; border-radius:5px}
.ui-datepicker .ui-datepicker-header {position: relative; padding: .2em 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:1px;}
.ui-datepicker .ui-datepicker-prev {left:2px;}
.ui-datepicker .ui-datepicker-next {right:10px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 45%;}

/* end STYLES FOR DATEPICKER FIELD IN FORMS ADDON */


/* STYLES FOR EDIT FORM */
.redactor-box {
	border: 1px solid !important;
}

.2290-link { 
	display: none !important; 
} 


/* MOBILE ONLY STYLES TO HIDE ON DESKTOP/LAPTOP */
#bannerMobile { display: none; }


/* MEDIA QUERIES FOR MOBILE */

/* SCREENS NARROWER THAN 991PX */
@media screen and (max-width: 991px) {
	body {
		padding-top: 0px !important;
	}

	#main-header {
		position: sticky !important;
		top: 0 !important;
		z-index: 1020 !important;
	}

	/* STYLES FOR THE MOBILE LOGO-BANNER */
	#bannerDesktop { display: none; }

	#bannerMobile { 
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	
	.px-4 { padding: 0px !important; }

	.container { max-width: 100% !important; }

	#socialMobile { 
		font-size: 1.65em !important; 
		float: right; 
		padding-right: 15px; 
		padding-top: 5px;
	}
	/* /STYLES FOR THE MOBILE LOGO-BANNER */

	#mobileNavToggler, #navbarMobileDropdown { margin-left: 20px; }

	#secondaryNav {
		display: none !important;
	}


	#mainImageMobile { 
		max-width: 100%;
		height: auto;
	}

	#social {
		font-size: 1em;
		margin-top: 5%;
	}
	
	#mainNav {
		display: none !important;
	}

	#main-header {
		padding-top: 0px !important;
	}

	#mobileNavContainer {
		background-color: #212529;
		position: relative;
	    bottom: -7px;
		min-height: 45px;
		padding-top: 6px;
	}

	#memberLoginLinks {
		float: right;
		padding-top: 15;
		padding-right: 15px;
	}

	.nav-link-mobile {
		display: inline;
		margin-right: 5px;
	}


}



/* SCREENS WIDER THAN 991PX */
@media screen and (min-width: 991px) {
	
	#mobileNavContainer {
		display: none !important;
	}

}


@media screen and (max-width: 1399px) {

	#nav-container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}


/* fix to membership level amounts wrapping on some screen sizes */

@media (min-width: 1200px) {

  .display-4{
		font-size: 2.9rem !important;
	  }

}


/* fixes for homepage slider at smaller screen sizes */
@media (max-width: 1199px) {

	.slider-image-mobile { display: block !important; }

	.my-5 { padding-top: 10px !important; padding-bottom: 0px !important; }

	.slider-new-release-btn { margin-top: 300px !important }

	.homepage-slider-latest-podcast-excerpt { display: none !important; }
	.homepage-slider-all-podcasts-btn { display: none !important; }
	.homepage-slider-hide-on-mobile { display: none !important; }

}