/**
 * Vanilla Styles
 *
 * This second stylesheet is for hotfixes/vanilla CSS.
 * Do not edit the main style.css directly, rather
 * add your changes here if you are not compiling the Sass files.
 */

.Explorer-11 .ba-list .alm-listing {
	display: table;
}

.Explorer-11 .ba-list .alm-listing .ba-item {
	display: inline-block;
	width: 47.5%;
	margin: 20px 1%;
}
.post-list .post-item img {
	width: 100%;
}
.hs-form-required {
	display: none !important;
}
.ba-item .btn-toggle-wrap .toggle-list {
	position: relative;
}
@media only screen and (min-width : 950px) and (max-width : 1068px) {
.hero.homehero .banner-txt {font-size: 3em;}
}
@media only screen and (min-width : 802px) and (max-width : 949px) {
.hero.homehero .banner-txt {font-size: 2.5em;}
}
@media only screen and (min-width : 601px) and (max-width : 801px) {
.hero.homehero .banner-txt {font-size: 1.8em;}
}
.page-id-1914 strong {
white-space: nowrap;
}

/* Brian Changes */
.baherotxtbox {
	width: 500px;
	max-width: 100%;
}
.bahero-text {
	display: block;
}
.btn-toggle-wrap-1 {
	display: inline-block;
	width: calc(50% - 20px);
}
.btn-toggle-wrap-1 .btn.btn-1 {
	display: inline-block;
    width: 100%;
}
.divider {
	text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-family: HelveticaNeue-CondensedBold, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 0.9em;
	display: inline-block;
    width: 35px;
    text-align: center;
}
.btn-toggle-wrap-2 {
	display: inline-block;
	width: calc(50% - 20px);
}
.btn-toggle-wrap-2 .btn.btn-2 {
	display: inline-block;
	width: 100%;
}

.page-template-template-course-library .footer-top,
.page-template-template-course-library .footer-sites,
.page-template-template-course-library .site-footer,

.page-template-template-course-page .footer-top,
.page-template-template-course-page .footer-sites,
.page-template-template-course-page .site-footer {
	display: none;
}

.page-template-template-books-audio .bahero {
	z-index:1000;
}

.baherotxtbox .divider {
	top: 16px;
	position: relative;
}

.ba-item .multi-wrapper {
	position:absolute;
	width:90%;
	top:0;
	height:100%;
	left:5%;
}

@media screen and (min-width:1440px) {
	.ba-item .multi-wrapper {
		max-width: 520px;
		left: calc(50% - 260px);
	}
}

.ba-list .alm-listing .multi-wrapper .btn-toggle-wrap-1 {
	width: calc(50% - 20px);
	left: 0;
  transform: translate(0, -50%);
	max-width: 230px;
}

.ba-list .alm-listing .multi-wrapper .btn-toggle-wrap-2 {
	width: calc(50% - 20px);
  left: auto;
	right: 0;
  transform: translate(0, -50%);
	max-width: 230px;
}

.multi-wrapper .divider {
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,0);
}
.copyright a {
	color:#ffffff;
}
.copyright a:hover {
	text-decoration:underline;
}