@font-face{
	font-family: 'Arapey-Regular';
	src: url('../fonts/Arapey-Regular.ttf')
}
@font-face {
	font-family: 'Arapey-Italic';
	src: url('../fonts/Arapey-Italic.ttf')
}
@font-face {
	font-family: 'Gotham-Bold';
	src: url('../fonts/Gotham-Bold.otf')
}
@font-face {
	font-family: 'futura-lt-book';
	src: url('../fonts/futura-lt-book.ttf')
}
@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.ttf')
}

.font-ai{
	font-family: 'Arapey-Italic';
}
p{
	font-size: 16px;
	line-height: 1.6;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, sans-serif;
	margin-bottom: 15px;
}
p:last-child {
	margin-bottom: 0;
}
a{
	word-break: break-word;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, sans-serif;
	text-decoration: none;
	outline: 0;
}
progress#custom-bar:before {
	content: "You have completed " attr(data-after) "% of the module";
	position: absolute;
	color: #0e3a53;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
	top: -30px;
	text-align: center;
}
.ch-description p{
	font-size: 14px;
	font-family: Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
.title-wrap {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
span.left-border {
	position: absolute;
	height: 2px;
	width: 40%;
	background: #000;
	left: 0;
	z-index: 1;
}
span.title-main {
	text-align: center;
	position: relative;
	z-index: 9;
	background: #fff;
	padding: 0 30px;
	text-transform: uppercase;
	font-size: 30px;
}
span.right-border {
	position: absolute;
	height: 2px;
	width: 40%;
	background: #000;
	right: 0;
	z-index: 1;
}
.welcomeGrid img {
	max-width: 200px;
	margin-bottom: 20px;
}

/* Indie Summer 2019 CSS */
.groupLayer {
	padding: 0 15px;
	flex: 0 0 20%;
	max-width: 20%;
	margin: 6px 0;
}

.groupLayer img {
	margin-bottom: 10px;
}

.groupLayer p {
	text-align: center;
	color: #0e3a53;
	font-family: 'Gotham-Bold';
	text-transform: uppercase;
	line-height: 1.1;
	font-size: 14px;
	margin-top: 10px;
	letter-spacing: 2px;
}

.moduleLayer {
	padding: 0 15px;
	margin: 5px 0;
	flex: 16.66%;
	max-width: 16.66%;
}
.moduleLayer img {
	margin-bottom: 0;
}
.moduleLayer p {
	font-size: 22px;
    margin: 0 10px !important;
}
.CallBoxwrap {
	border: 2px solid #0e3a53 !important;
	margin: 15px 0 !important;
	padding: 15px !important;
}
.CallBoxwrap p {
    padding-bottom: 5px !important;
}
p.dateText {
    font-size: 22px;
    color: #000 !important;
    margin-bottom: 0 !important;
    line-height: 1;
    padding-bottom: 0 !important
}
.CallBoxwrap img {
    max-width: 60px !important;
}
a.regLink {
    color: #c6ae92 !important;
    font-family: 'futura-lt-book';
    text-transform: uppercase !important;
    font-size: 12px;
    letter-spacing: 2px !important;
}
h1.bvTitle {
	font-size: 120px;
	/* font-weight: 700; */
	color: #c6ae92;
	line-height: 0.8;
	font-family: 'Arapey-Italic';
	line-height: 0.7 !important;
}
h4.welSubTitle {
	color: #0e3a53;
	font-size: 26px;
	font-family: 'Gotham-Bold';
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 10px;
}



/* Schedule Page CSS */
body .titleCall {
	background: #000 !important;
	color: #fff !important;
	padding: 5px 25px !important;
	text-transform: uppercase;
	font-family: 'PlayfairDisplay-Regular';
	font-size: 20px;
	text-align: center !important;
	margin: 0 auto !important;
	display: inline-block;
}
.schedule .date {
	font-family: 'PlayfairDisplay-Regular';
	font-size: 26px;
	letter-spacing: 2px !important;
	color: #555 !important;
}

.link_info a {
	text-decoration: underline;
	font-size: 14px;
}
.click_here_link a {
	text-transform: uppercase !important;
	text-decoration: underline;
	font-size: 14px;
}
.date_info p,
.link_info p,
.join_info p {
	font-size: 14px;
	line-height: 1.4;
    padding-bottom: 2px !important;
}

/* QA Recording Page CSS */
.innerCallGrid .call-reply a {
	color: #072955 !important;
	text-decoration: none;
	outline: 0 !important;
	font-size: 20px;
}

/* Layer 1 Page CSS */
table.tblrow th {
	line-height: 1.2;
	text-align: center;
	word-break: unset;
	border: 0;
	color: #555;
	font-family: Roboto;
}
table.tblrow img {
	height: unset;
	max-width: unset;
}

.tblrow tr,
.tblrow td {
	border: 0;
	word-break: normal !important;
	padding: 25px;
}
.tblrow h5 {
	color: #555;
}
.text-yellow{
	color: #af9150 !important;
}
.tblrow td p {
	font-size: 14px;
	line-height: 1.4;
	color:#555;
}
.text-orange {
	color: #ff6600 !important;
}
table.tblrow a>br {
	display: none;
}


/* Femme Flow Revel */
table.tbl-training {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, sans-serif;
	color: #555;
}
.et-db #et-boc .et_pb_module table.tbl-training img {
	max-width: none;
	margin-bottom: 10px;
}

.VTabbedPanels{
	display: flex;
	flex-wrap: wrap;
}
.et-db #et-boc .et_pb_module ul.TabbedPanelsTabGroup {
    list-style: none;
    padding-left: 0;
    flex: 0 0 220px;
    margin-right: 10px;
    border-right: 2px solid #ddd;
	padding-right: 10px;
	margin-left: 0;
}
.et-db #et-boc .et_pb_module .TabbedPanelsTabGroup li {
    padding: 5px 10px;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
    outline: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, sans-serif;
	list-style: none;
}
.et-db #et-boc .et_pb_module .TabbedPanelsTabGroup li:hover {
	background: #000;
	color: #fff;
}
.et-db #et-boc .et_pb_module li.TabbedPanelsTab.TabbedPanelsTabSelected {
	background: #000;
	color: #fff;
}
.TabbedPanelsContentGroup {
	flex: 1;
}
.TabbedPanelsContent iframe {
	width: 100%;
}
span.audioTitle {
	font-size: 27px;
	margin-top: 35px;
	display: block;
}


/* Table CSS */
.chapters-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.chapters-table-row .ch-table-col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 68%;
  flex: 0 0 68%;
  max-width: 68%;
  margin: 0 !important;
}

.chapters-table-row .ch-table-col-2,
.chapters-table-row .ch-table-col-3 {
  width: 16%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
  max-width: 16%;
  margin: 0 !important;
  padding: 0 25px !important;
  text-align: center !important;
}

.et_pb_row.et_pb_row_2.chapters-table-row.et_pb_row_3-5_1-5_1-5 {}

.ch-table-col-1 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ch-table-col-1 .ch-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
  max-width: 130px;
  margin-right: 20px;
}

.ch-description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 50px !important;
}

/* CROSS BROWSER SELECTOR*/
.custom-progress {
	/* RESETS */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 30px;
	border-radius: 20px;
	background-color: #777;
	color: #c7ae90;
}

/* CROSS BROWSER SELECTOR*/
.custom-progress {
	/* RESETS */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 30px;
	border-radius: 20px;
	background-color: #d5d5cf;
	color: #c7ae90;
}
/* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
.custom-progress::-webkit-progress-bar {
	background-color: #d5d5cf;
	border-radius: 20px;
}

.custom-progress::-webkit-progress-value {
	background-image:
		-webkit-linear-gradient(45deg, transparent 40%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 70%, transparent 70%),
		-webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)),
		-webkit-linear-gradient(left, #c7ae90, #0b3a54);
	border-radius: 20px;
}

/* MOZILLA FIREFOX */
.custom-progress::-moz-progress-bar {
	background-image:
		-moz-linear-gradient(45deg, transparent 33%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 70%, transparent 70%),
		-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)),
		-moz-linear-gradient(left, #c7ae90, #0b3a54);
	border-radius: 20px;
	background-color: #d5d5cf;
}
 /* MICROSOFT EDGE & IE */
.custom-progress::-ms-fill {
	border-radius: 18px;
	background: repeating-linear-gradient(45deg,
		#c7ae90,
		#c7ae90 10px,
		#0b3a54 10px,
		#0b3a54 20px);
	background-color: #d5d5cf;
}
.vertical-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#et-boc .vertical-tabs .et_pb_tabs_controls {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  background: transparent !important;
  border-right: 2px solid #dedede !important;
}
#et-boc .vertical-tabs ul.et_pb_tabs_controls>li {
  display: block;
  float: none !important;
  height: auto !important;
/*   margin: 8px 4px; */
  border: 0 !important;
  background: transparent !important;
}
#et-boc .vertical-tabs ul.et_pb_tabs_controls>li>a {
  display: block;
  padding: 10px 10px !important;
  text-transform: uppercase;
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
  line-height:1.2 !important;
}
.vertical-tabs .et_pb_all_tabs {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.vertical-tabs .et_pb_tabs_controls:after {
  opacity: 0;
  visibility: hidden;
}
#et-boc .vertical-tabs ul.et_pb_tabs_controls>li.et_pb_tab_active>a {
  background: #000 !important;
  color: #fff !important;
}
.audio-version {
  margin-top: 20px !important;
  font-size: 18px;
}
.audio-text br {
  display: none;
}
span.font-big {
  font-size: 26px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.audio-text {
  margin-left: 20px !important;
  align-self: center;
}
a.audio-link {
  display: block;
  padding: 0 !important;
}
#et-boc .verticle-tabs .et_pb_tab {
  padding: 0 30px;
}
#et-boc #program-guide .et_pb_tab {
  padding: 5px 30px;
}
#content .call-title {
    color: #fff !important;
    text-align: center !important;
    background: #c6ae92 !important;
    display: block;
    margin-bottom: 30px !important;
    padding: 10px !important;
    text-transform: uppercase !important;
}
.workbook-title{
  color: #c6ae92 !important;
  font-size: 25px;
  font-family: 'BebasNeueBold',Helvetica,Arial,Lucida,sans-serif;
  text-transform: uppercase;
}

#program-guide {
  display: flex;
  border: 0 !important;
}

#program-guide ul {
  max-width: 200px;
  background: white !important;
}

#program-guide ul li,
#program-guide ul li a {
  display: block;
  width: 100%;
  border: 0 !important;
}

#program-guide ul:after {
  display: none !important;
}

#program-guide ul li a {
  padding: 8px 10px !important;
  border: 0 !important;
}

#page #program-guide>ul>li.et_pb_tab_active>a {
  background: #000 !important;
  color: white !important;
}

#program-guide ul+.et_pb_all_tabs {
  border-left: 1px solid #ddd;
  flex: 1;
}

.audio-version {
  margin-top: 20px !important;
}

.audio-version p:empty {
  display: none !important;
}

.audio-version .audio-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px !important;
}

.audio-version .audio-text * {
  min-width: 100%;
}

.audio-version .audio-text br {
  display: none !important;
}

.audio-version .audio-link {
  padding: 0 !important;
}

.audio-version .audio-text .font-big {
  text-transform: uppercase;
}

#program-guide ul+.et_pb_all_tabs .et_pb_tab {
  padding: 0 20px;
}

.audio-desc * {
  font-size: 12px !important;
  text-transform: uppercase;
  line-height: 1.3;
  margin: 15px 0 !important;
}
@media (min-width: 1200px) {
	.container {
		max-width: 930px;
	}
}

@media screen and (max-width:991px){
	.groupLayer {
		padding: 0 15px;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.moduleLayer {
		padding: 0 15px;
		margin: 20px 0;
		flex: 33.33%;
		max-width: 33.33%;
	}
}

@media screen and (max-width:767px) {
	table.tblrow {
		width: 100%;
		display: block;
		overflow-x: auto;
		margin: auto;
	}
	.tblrow tr,
	.tblrow td {
		padding: 10px;
	}
	.tblrow td:nth-child(1) img {
		max-width: 105px;
		margin-top: 20px;
	}
	table.tblrow img {
		height: auto;
		max-width: 50px;

	}
	table.tblrow th,
	.tblrow h5 {
		font-size: 16px;
	}
	embed,
	iframe,
	object{
		height: 100%;
		width: 100%;
	}
	.et-db #et-boc .et_pb_module ul.TabbedPanelsTabGroup {
		flex: 100%;
		border: 0;
		padding: 0;
	}
	.groupLayer {
		padding: 0 15px;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.moduleLayer {
		padding: 0 15px;
		margin: 20px 0;
		flex: 50%;
		max-width: 50%;
	}
	h1.bvTitle {
		font-size: 70px;
	}
	.ch-table-col-1 .ch-image {
	  flex: 0 0 100%;
	  max-width: 100%;
	}

	.ch-description {
	  margin-left: 10px !important;
	}
	.chapters-table-row .ch-table-col-1 {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	.chapters-table-row .ch-table-col-2, .chapters-table-row .ch-table-col-3 {
		width: 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		margin: 0 !important;
		padding: 0 5px !important;
	}
}
@media screen and (max-width:520px){
	table.tblrow {
		width: 100%;
		display: block;
		overflow-x: auto;
		margin: auto;
	}

	.tblrow tr,
	.tblrow td {
		word-break: normal;
	}
	.tblrow td:nth-child(1),
	.tblrow td:nth-child(2),
	.tblrow th:nth-child(1),
	.tblrow th:nth-child(2) {
		display: block;
		padding: 5px;
	}
	.groupLayer {
		padding: 0 15px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.moduleLayer {
		padding: 0 15px;
		margin: 20px 0;
		flex: 100%;
		max-width: 100%;
	}
}
