.media-viewer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * ==================================================
 * Mobile First
 * ==================================================
 */

/* The media viewer element is the outer wrapper */
.media-viewer {
	font-family:'OpenSansRegular', Helvetica, Arial, sans-serif;
	overflow:hidden;
	font-size:14px;
	color:#FFFFFF;
	display:block;
	width:100%;
}

/* These are the two main sections which trun to columns on desktop */
.media-viewer-panel,
.media-viewer-content {
	text-align:center;
}

/* Container for the slide navigation */
.media-viewer-nav {
	white-space: nowrap;
	position:relative;
	overflow-y:hidden;
	overflow-x:auto;
}

/* Individual tab buttons */
.media-viewer-nav-button {
	-webkit-border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	-webkit-appearance:none;
	background:transparent;
	font-family:inherit;
	line-height: 28px;
	padding:6px 8px;
	cursor:pointer;
	color:#4A4F4F;
	border:none;
	width: 50%;
	float:left;
}

.media-viewer-nav-button:focus,
.media-viewer-nav-button:active {
	outline:none;
	border:none;
}

/* Active tab button state */
[data-tab="outline"] .media-viewer-nav-button:first-child,
[data-tab="thumbnail"] .media-viewer-nav-button:last-child  {
	font-family:'OpenSansBold', Helvetica, Arial, sans-serif;
	background:#dbdbdb;
	color:#121212;
}

[data-theme="dark"] [data-tab="outline"] .media-viewer-nav-button:first-child,
[data-theme="dark"] [data-tab="thumbnail"] .media-viewer-nav-button:last-child  {
	background:#1c2b35;
	color:#FFFFFF;
}

/* wrapper for the actual navigation list */
.media-viewer-nav-container {
	background:#dbdbdb;
	position:relative;
	overflow:hidden;
	color:#8b8b8b;
}

[data-theme="dark"] .media-viewer-nav-container {
	background: #1c2b35;
	color:#FFFFFF;
}

/* The thumbnail nav displays differently because it is horizontally scrollable on mobile */
[data-tab="thumbnail"] .media-viewer-nav-container {
	table-layout:fixed;
	display:table;
	width:100%;
}

.media-viewer-nav-content {
	overflow:auto;
}

[data-tab="thumbnail"] .media-viewer-nav-content {
	display: table-row;
}

/* Nav blocks hold the nav buttons and the list */
.media-viewer-nav-block {
	overflow:hidden;
	display:none;
}

/* The second out of 3 blocks is always the list */
.media-viewer-nav-block:nth-child(2) {
	overflow: auto;
	height:100%;
}

[data-tab="outline"] .media-viewer-nav-block:nth-child(2) {
	-webkit-overflow-scrolling: touch;
	display:block;
}

[data-tab="thumbnail"] .media-viewer-nav-block {
	vertical-align:middle;
	display:table-cell;
	width:100%;
}

.media-viewer-nav-block:first-child, 
.media-viewer-nav-block:last-child {
	width:45px;
}

/* Navigation list - hidden by default */
.media-viewer-nav-list {
	list-style:none;
	display:none;
	padding:0;
	margin:0;
}

[data-tab="thumbnail"] .media-viewer-nav-thumbnails {
	display:inline-block;
}

/* Control buttons for navigating the list of slides */
.media-viewer-nav-next,
.media-viewer-nav-previous {
	-webkit-appearance:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#212223;
	color:#f1f2f3;
	height:120px;
	border:none;
	width:25px;
	padding:0;
}

[data-theme="dark"] .media-viewer-nav-next,
[data-theme="dark"] .media-viewer-nav-previous {
	background:#f1f2f3;
	color:#212223;
}

.media-viewer-nav-next[disabled],
.media-viewer-nav-previous[disabled] {
	opacity:.5;
}

/* Embedded icons */
.media-viewer-nav-next:before,
.media-viewer-nav-previous:before {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
	font-family: 'icomoon';
	display: inline-block;
    text-rendering: auto;
	position: relative;
	line-height: 1;
	content:"\e0cf"; 
	font-size:22px;    
	top: 1px;
}

.media-viewer-nav-previous:before {
	content: "\e0d0";
}

/* We apply a class to hide the nav controls when there are not enough slides to overflow the list area */
.media-viewer-nav-controls-hidden .media-viewer-nav-block:first-child,
.media-viewer-nav-controls-hidden .media-viewer-nav-block:last-child {
	display:none;
}

/* list of thumbnails */
.media-viewer-nav-thumbnails {
	position:relative;
	padding:10px 0;
	margin: 0 auto;
}

/* Individual thumbnail list items */
.media-viewer-nav-thumbnails .media-viewer-nav-list-item {
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
}

.media-viewer-nav-thumbnails .media-viewer-nav-list-item:last-child {
	margin-right:0;
}

/* Individual thumbnails */
.media-viewer-thumbnail {
	-webkit-appearance:none;
	background:#000000;
	position:relative;
	cursor:pointer;
	height:120px;
	border:none;
	filter:brightness(50%);
	padding:0;
}

[data-theme="dark"] .media-viewer-thumbnail {
	background:#FFFFFF;
	filter:none;
	opacity:.4;
	
}

/* Active thumbnail is full opacity and has a highlighted border around it */
.media-viewer-thumbnail.active {
	border:2px solid #6da144;
	filter:none;
	opacity:1;
}

/* Slide number label for individual thumbnails */
.media-viewer-thumbnail-slide-number {
	text-shadow: 1px 1px 3px #000000;
	background: rgba(0,0,0,.3);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:absolute;
	padding:0 5px;
	font-size:13px;
	color:#FFFFFF;
	bottom:5px;
	left:5px;
}

/* Slide number navigation */
.media-viewer-nav-outline {
	text-align:left;
}

/* Active navigation list */
[data-tab="outline"] .media-viewer-nav-outline {
	display:block;
}

/* individual slide numbers in the list */
.media-viewer-slide-number {
	-webkit-appearance:none;
	background:transparent;
    text-align: left;
	padding:6px 15px;
	cursor:pointer;
	display: block;
	color:#717171;
	font-size:1em;
	width: 100%;
	border:none;
}

[data-theme="dark"] .media-viewer-slide-number {
	color:#8a8e91;
}

/* Alternate colors in the slide number list */
.media-viewer-nav-list-item:nth-child(even) .media-viewer-slide-number {
	background:#cdcdcd;
}

[data-theme="dark"] .media-viewer-nav-list-item:nth-child(even) .media-viewer-slide-number {
	background:#263643;
}

/* Active tab button or tab item */
.media-viewer-slide-number.active {
	font-family:'OpenSansBold', Helvetica, Arial, sans-serif;
	color:#070707;
}

[data-theme="dark"] .media-viewer-slide-number.active {
	color:#FFFFFF;
}

/* An ad to be placed in the slides and audio viewer */
.media-viewer-ad {
	text-align:center;
	display:block;
	margin:0 auto;
	width:100%;
}

/* Style the lower ad slot */
.media-viewer-ad-lower {
	padding-bottom:20px;
	padding-top:20px;
}

.media-viewer-ad-link {
	display:inline-block;
}

.media-viewer-ad-img {
	max-height:95px;
	max-width:100%;	
}

/***** ACTIVE SLIDE STYLES *****/

/* The slide wrapper used for both active slide and slide thumbnails */
.media-viewer-slide {
	margin-bottom:15px;
	position:relative;
	width:100%;
}

/* The slide img used for both active slide and slide thumbnails */
.media-viewer-img {
	vertical-align: middle;
	background: #FFF;
	max-height:100%;
	max-width:100%;
	display:block;
	margin:0 auto;
}

/* Apply styles to support the slide transition */
.media-viewer-slide.slide {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

.media-viewer-slide.slide .media-viewer-img {
	display:inline-block;
}

/* Slide bookmark - used for the thumbnail and the main slide */
.media-viewer-bookmark {
	background-image: url('data:image/png;base64,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');
	background-position: top center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	height:30px;
	width:15px;
	right:10px;
	top:0;
}

/* The slide drawing overlay used for both active slide and slide thumbnails */
.media-viewer-img-overlay {
	position:absolute;
	z-index:200;
	bottom:0;
	right:0;
	left:0;
	top:0;
}

/* The bookmark is larger for the active slide */
.media-viewer-slide .media-viewer-bookmark {
	height:50px;
	width:25px;
}

/* The next and previous slide buttons embeeded in the slide itself */
.media-viewer-slide-next,
.media-viewer-slide-previous {
	-webkit-transition:opacity ease-in-out .25s;
	-moz-transition: opacity ease-in-out .25s;
	-ms-transition: opacity ease-in-out .25s;
	transition:opacity ease-in-out .25s;
	background:rgba(0, 0, 0, .15);
	-webkit-appearance: none;
	text-align:center;
	position:absolute;
	padding:15px 3px;
	font-size:2.5em;
	border:none;
	opacity:0;
}

.media-viewer-slide:hover .media-viewer-slide-next,
.media-viewer-slide:hover .media-viewer-slide-previous {
	opacity:1;
}

.media-viewer-slide-next > span,
.media-viewer-slide-previous > span {
	position:relative;
	display:block;
	width:25px;
	opacity:.7;
	right:5px;
}

.media-viewer-slide-next > span {
	right:1px;
}

.media-viewer-slide-previous {
	border-radius: 0px 5px 5px 0px;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

.media-viewer-slide-next {
	border-radius: 5px 0px 0px 5px;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* Media element container - this is the video tag (we use the video tag even if it is audio) */
.media-viewer-element {
	padding:15px 0;
	position:relative;
	margin:0 auto;
	display:none;
	width:100%;
}

.media-viewer-element ::cue {
	visibility:hidden;
}

/* media object */
.media-viewer-element > video {
	display:block;
	width:100%;
}

[data-theme="dark"] .media-viewer-element > video {
	border:2px solid #FFFFFF;
}

/* VTT captions will be dynamically inserted into this element */
.media-viewer-captions {
	position:absolute;
	text-align:center;
	font-size:14px;
	bottom:20px;
	width:100%;
	left:0;	
}

/* individual captions */
.media-viewer-captions > * {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	white-space:pre-line;
	background:rgba(0,0,0,.8);
	padding:8px 12px;
	max-width:90%;
	color:#FFFFFF;
}

/* slide viewer toolbar sections */
.media-viewer-toolbar-menu,
.media-viewer-toolbar-controls {
	margin-bottom:15px;
}

.media-viewer-toolbar-menu {
	text-align:center;
}

/* Do not display the fullscreen toolbar by default */
.media-viewer-toolbar-fullscreen {
	display:none;
}

.media-viewer-toolbar-menu .media-viewer-toolbar-button,
.media-viewer-toolbar-fullscreen .media-viewer-toolbar-button {
	margin-right:10px;
}

.media-viewer-toolbar-menu .media-viewer-toolbar-button:last-child,
.media-viewer-toolbar-fullscreen .media-viewer-toolbar-button:last-child {
	margin-right:0;
}

/* Container for the media controls */
.media-viewer-toolbar-controls {
	margin-right:auto;
	margin-left:auto;
	max-width: 450px;
	display:table;
}

.media-viewer-toolbar-controls .media-viewer-toolbar-item {
	vertical-align:middle;
	display:table-cell;
	margin:0
}

/* Toolbar button */
.media-viewer-toolbar-button {
	-webkit-border-radius:22.5px;
	-moz-border-radius:22.5px;
	border-radius:22.5px;
	background:#7eb05c;
	-webkit-appearance:none;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
	overflow:hidden;
	line-height:48px;
	cursor:pointer;
	font-size:32px;
	color:#f2f3f4;
	border:none;
	height:45px;
	padding:0;
}

.media-viewer-toolbar-button-text {
	display:none;
}

[data-theme="dark"] .media-viewer-toolbar-button {
	background:#f2f3f4;
	color:#7eb05c;
}

.media-viewer-toolbar-button[disabled] {
	opacity:.5;
}

/* Toolbar button icons */
.media-viewer-toolbar-button-icon {
	display:inline-block;
	line-height: 45px;
	height:inherit;
	width:45px;
}

/* Toolbar button icon adjustments */
.media-viewer-toolbar-button-icon.icon-arrow-left-6,
.media-viewer-toolbar-button-icon.icon-arrow-right-6 {
	left:-1px;
}

.media-viewer-toolbar-button-icon.icon-arrow-right-6 {
	right:-2px;
	left:auto;
}

.media-viewer-toolbar-button > .icon-fullscreen {
	position: relative;
	line-height:46px;
	font-size:26px;
	top:-1px;
}

/* Progress bars for the fullscreen tool bar */
.media-viewer-progress {
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 3px solid #FFF;
    display: inline-block;
    vertical-align:middle;
    background: #333333;
    text-align: center;
    position: relative;
    line-height: 30px;
    overflow: hidden;
    font-weight: 400;
    font-size: 10px;
    color: #FFFFFF;
    height: 40px;
    width: 90px;
}

.media-viewer-progress-bar {
	background: #8ABF16;
    position: absolute;
    min-width: 5%;
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
}

.media-viewer-progress-text {
	position:relative;
	line-height:35px;
	font-size:12px;
	z-index:2;
}

/* Media controls container */
.media-viewer-controls {
	padding:0 10px;
	max-width:400px;
}


/*
 * ==================================================
 * Tablet
 * ==================================================
 */
 
 @media (min-width: 768px) {
	
	/* The bookmark is larger for the active slide */
	.media-viewer-slide .media-viewer-bookmark {
		height:70px;
		width:35px;
	}
	
	/* We increase the caption font size now that there is more room */
	.media-viewer-captions {
		font-size:16px;
	}
	
	/* Set a max caption width on larger devices */
	.media-viewer-captions > * {
		max-width:450px;
	}
	
	/* Render the button text (if any) */
	.media-viewer-toolbar-button-text {
		display:inline;
	}
	
	/* Increase the width of the progress bars */
	.media-viewer-progress {
		width: 150px;
	}
	
}
 
/*
 * ==================================================
 * DESKTOP
 * ==================================================
 */
 
 /*???*/
 @media (max-width: 992px) {

	[data-tab="thumbnail"] .media-viewer-nav-next:before {
		content:"\e0d1";
	}
	
	[data-tab="thumbnail"] .media-viewer-nav-previous:before {
		content:"\e0ce";
	}
	
}

/* Container used to split the view into two columns on desktop */
@media (min-width: 1025px) {
	
	/* we switch the slide and the nav area to be two table columns on desktop */
	.media-viewer-row {
		display:block;
		width:100%;
	}
	
	/* Convert two main sections to two columns on desktop.  We use the direction to show the slide first on mobile but the nav first on desktop */	
	.thumbnails-enabled .media-viewer-panel,
	.thumbnails-enabled .media-viewer-content {
		display:block;
		width:270px;
		float:left;
	}
	
	/* The content expands to fill th remaining space and should appear on the right in desktop */
	.thumbnails-enabled .media-viewer-content {
		max-width:-webkit-calc(100% - 270px);
		max-width:-moz-calc(100% - 270px);
		max-width:-ms-calc(100% - 270px);
		max-width:calc(100% - 270px);
		width:auto;
		float:right;
	}
	
	/* Add spacing and fixed nav width on desktop */
	.thumbnails-enabled .media-viewer-panel {
		padding-right:20px;
	}
	
	
	/* Style for vertical scroll */
	.media-viewer-nav {
		white-space:normal;
		overflow-x:hidden;
		overflow-y:auto;
		width:100%;
	}
	
	/* Allow the nav buttons to float absolutely positioned by subtracting their height from the inner list */
	.media-viewer-nav-container {
		height: -webkit-calc(100% - 40px);
		height: -moz-calc(100% - 40px);
		height: -ms-calc(100% - 40px);
		height: calc(100% - 40px);
		padding:42px 0;
	}
	
	.media-viewer-nav-controls-hidden .media-viewer-nav-container {
		padding:10px 0;
	}
	
	/* Override styles for the horizontal scroll on mobile */
	[data-tab="thumbnail"] .media-viewer-nav-container {
		table-layout:unset;
		display:block;
		width:auto;
	}
	
	.media-viewer-nav-content {
		height:100%;
	}
	
	[data-tab="thumbnail"] .media-viewer-nav-content {
		display: block;
	}
	
	.media-viewer-nav-block {
		margin:0 auto;
		display:block;
		height:auto;
		width:100%;
	}
		
	/* Position the containers for the next and previous nav controls */
	.media-viewer-nav-block:first-child, 
	.media-viewer-nav-block:last-child {
		position:absolute;
		width:100%;
		top:8px;
		left:0;
	}
	
	.media-viewer-nav-block:last-child {
		bottom:8px;
		top:auto;
	}
	
	[data-tab="thumbnail"] .media-viewer-nav-block {
		display:block;
		width:100%;
	}
	
	.media-viewer-nav-list {
		position:relative;
		width:inherit;
	}
	
	.media-viewer-nav-next,
	.media-viewer-nav-previous {
		display:block;
		margin:0 auto;
		height:auto;
		width:70%;
	}
	
	.media-viewer-nav-next:before {
		content:"\e0cf";
	}
	
	.media-viewer-nav-previous:before {
		content:"\e0d4";
	}
	
	/* Thumbnails list */
	.media-viewer-nav-thumbnails {
		padding:0;
	}
	
	.media-viewer-nav-thumbnails .media-viewer-nav-list-item {
		padding-bottom:10px;
		padding-right:0;
	}
	
	/* We convert the height restriction to a width restriction */
	.media-viewer-thumbnail {
		display:block;
		max-width:70%;
		margin:0 auto;
		height:auto;
		width:100%;
	}
	
	.media-viewer-ad {
		width:100%;
	}
	
	.media-viewer-ad-lower {
		max-width:85%;
	}
	
	.media-viewer-ad-upper {
		margin-bottom:15px;
	}
	
	.media-viewer-ad-lower {
		padding-bottom:0;
	}
	
	.media-viewer-slide {
		margin-bottom:30px;
	}
	
	/*. Optional video wrapper on desktop */
	.media-viewer-element {
		padding-top:0;
		max-width:85%;
	}
	
	.media-viewer-toolbar {
		margin-bottom:15px;
	}
	
	.media-viewer-toolbar-menu,
	.media-viewer-toolbar-controls {
		margin-bottom:0;
		float:left;
	}
	
	.media-viewer-toolbar-controls {
		max-width: unset;
		float:right;
	}
	
	.media-viewer-toolbar-menu {
		text-align:left;
		margin-bottom:0;
	}
	
}


/*
 * ==================================================
 * FULLSCREEN
 * ==================================================
 */
 
/* hide items that are only for full screen by default */
.fs-only {
	display:none !important;
}

/* Enable some buttons to show in full screen mode */
.fullscreen .fs-only,
.fullscreen .fs-enabled {
	display:inline-block !important;
}

/* Expand to window boundaries on full screen */
.fullscreen .media-viewer {
	height: -webkit-calc(100% - 110px);
    height: -moz-calc(100% - 110px);
    height: -ms-calc(100% - 110px);
    height: calc(100% - 110px);
    text-align: center;
    max-width:1850px;
    overflow-y:auto;
    padding: 10px 0;
	margin:0 auto;
	width:100%;
}

.fullscreen .media-viewer-row {
	display:inline-block;
	width:auto;
}

.fullscreen .media-viewer-slide {
	margin-bottom:0;
}

.fullscreen .media-viewer-nav,
.fullscreen .media-viewer-ad-lower {
	display:none;
}

.fullscreen .media-viewer-nav-button {
	color:#FFFFFF;
}

.fullscreen .media-viewer-toolbar {	
	table-layout:fixed;
	background: #490d65;
	padding: 7px 15px;
	position:fixed;
	display:table;
    width: 100%;
    height:55px;
    margin:0;
    bottom:0;
	left:0;
}

.fullscreen .media-viewer-toolbar-menu,
.fullscreen .media-viewer-toolbar-fullscreen {
	display:block;
	float:left;
	width:25%
}

.fullscreen .media-viewer-toolbar-fullscreen {
	text-align:right;
	float:right;
}

.fullscreen .media-viewer-slide-next,
.fullscreen .media-viewer-slide-previous {
	display:none;
}

.fullscreen .media-viewer-toolbar-controls {
	position:absolute;
	width:auto;
	left:50%;
	top:0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	padding:7px 0;
}

.fullscreen .media-viewer-toolbar-button {
	background:#f2f3f4;
	line-height:40px;
	color:#490d65;
	height:40px;
	/* hide buttons that not enabled for full screen mode when full screen mode is active */
	display:none;
}

/* Update the styling for full screen only buttons */
.fullscreen .media-viewer-toolbar-button.fs-only {
	font-family:'OpenSansSemiBold', Helvetica, Arial, sans-serif;
	line-height:normal;
	font-size:16px;
}

.fullscreen .media-viewer-toolbar-button-icon {
	line-height: 40px;
	width:40px;
}

[data-device="ipad"].fullscreen .media-viewer-toolbar-menu {
	padding: 20px 0 7px 150px;
}

[data-device="ipad"].fullscreen .media-viewer-toolbar-fullscreen {
	padding: 20px 10px 7px 0;
}

@media (max-width: 1024px) {
	
	.fullscreen .fs-only.hidden-xs,
	.fullscreen .fs-enabled.hidden-xs {
		display:none !important;
	}
	
	.fullscreen .media-viewer-toolbar-menu,
	.fullscreen .media-viewer-toolbar-fullscreen {
		background: #490d65;
		padding: 7px 0 7px 10px;
		text-align: left;
	    position: fixed;
	    z-index: 100;
	    float:none;
	    width: 55%;
	    left: 0;
	    top: 0;    
	}
	
	.fullscreen .media-viewer-toolbar-fullscreen {
		padding: 7px 10px 7px 0;
		text-align: right;
		width: 45%;
	    left: auto;
	    right:0    
	}

}

/* Show the button text on tablet size and up */
@media (min-width: 768px) {
		
	.fullscreen .media-viewer-toolbar-button.fs-only {
		padding:0 12px;
		font-size:16px;
	}
	
	/* Update the styling for full screen only button icons */
	.fullscreen .media-viewer-toolbar-button.fs-only .media-viewer-toolbar-button-icon {
		margin-right:5px;
		width:auto;
	}
	
}

@media (max-width: 992px) {
	
	.fullscreen .fs-only.hidden-sm,
	.fullscreen .fs-enabled.hidden-sm {
		display:none !important;
	}
	
}

@media (min-width: 1025px) {
	
	.fullscreen .media-viewer {
		height: -webkit-calc(100% - 55px);
	    height: -moz-calc(100% - 55px);
	    height: -ms-calc(100% - 55px);
	    height: calc(100% - 55px);
	    overflow-y:hidden;
    	padding-top: 0;
    }
    
	.fullscreen .media-viewer-row,
	.fullscreen .media-viewer-panel,
	.fullscreen .media-viewer-content,
	.fullscreen .media-viewer-slide {
		height:100%;
	}
	
	.fullscreen .media-viewer-row {
		padding:15px 0;
	}

	.fullscreen .media-viewer-nav {
		display:block;
	}
	
	#exitFullscreen {
		position:fixed;
		left:15px;
		top:10px;
	}

}


/*
 * ==================================================
 * CADMIUM MEDIA CONTROLS
 * ==================================================
 */

/* wrapper for the media controls */
.cd-media-control {
	border:2px solid #595a5c;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	display:table;
	background:#f1f3f4;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	text-align:left;
	padding:3px 8px;
	width:auto;
}

[data-theme="dark"] .cd-media-control {
	border-color:#f1f3f4;
}

/* set the display propery for all controls */
.cd-media-button,
.cd-media-progress,
.cd-media-scrubber-container {
	display:table-cell !important;
	vertical-align:middle;
}

.cd-media-progress {
	display:none !important;
}

@media (min-width:400px) {
	
	.cd-media-progress {
		display:table-cell !important;
	}

}

.cd-media-progress,
.cd-media-scrubber-container {
	padding:0 5px;
}

/* controls that are buttons */
.cd-media-button {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance: none;
	background:transparent;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:20px;
	cursor:pointer;
	color:#222222 !important;
	border:none;
}

/* Hover color for control buttons */
.cd-media-button [aria-hidden="true"] {
	border-radius:50%;
	padding:3px;
}

.cd-media-button:hover { 
	text-decoration: none !important; 
}

.cd-media-button:hover [aria-hidden="true"],
.cd-media-button.active [aria-hidden="true"] {
	background:rgba(0,0,0,.2);
}

/* container that houses the time elapsed and total duration */
.cd-media-progress {
	display:inline-block;
	text-align:center;
	font-size:12px;
	color:#222222;
}

/* pad the time elapsed and total duration */
.cd-time-total,
.cd-time-elapsed {
	padding:0 5px;
}
	
/* disabled buttons */	
.cd-media-button[disabled],
.cd-media-scrubber[disabled] {
	opacity:.75;
}

.cd-media-scrubber-container {
	width:100%;
}

/* Style the range input used for the scrubber */
.cd-media-scrubber {
	-webkit-appearance: none; 				/* Hides the slider so that custom slider can be made */
	background: transparent; 				/* Otherwise white in Chrome */
	vertical-align:unset;
	line-height:normal;
	display:inline-block !important;
	padding:0 5px;
	border:none;
	height:auto;
	padding:0;
	width:100%;								/* Specific width is required for Firefox. */
	margin:0;
}

/* Focus state for the scrubber */
.cd-media-scrubber:focus {
  outline: none; 	/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

/* Reset range input in all browsers */
.cd-media-control ::-webkit-slider-thumb {
  -webkit-appearance: none;
}
		
.cd-media-control ::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Style the range track for webkit browsers (chrome, safari) */
.cd-media-control ::-webkit-slider-runnable-track {			
	background: #595959;
	border-radius: 20px;
	 margin-top: -10px; /*You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	cursor: pointer;
	width: 100%;
	height: 4px;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Style the range handle for webkit browsers (chrome, safari) */
.cd-media-control ::-webkit-slider-thumb {
	background: #000000;
	border-radius: 50%;
	cursor: pointer;
	margin-top: -2px;
	height: 8px;
	width: 8px;
}

/* Style the range track for firefox */
.cd-media-control ::-moz-range-track {
	background: #595959;
	border-radius: 20px;
	cursor: pointer;
	width: 100%;
	height: 4px;
	-moz-transform: translateY(3px);
	transform: translateY(3px);
}

/* Style the range handle for firefox */
.cd-media-control ::-moz-range-thumb {
	background: #000000;
	border-radius: 50%;
	cursor: pointer;
	border:none;
	height: 8px;
	width: 8px;
	-moz-transform: translateY(3px);
	transform: translateY(3px);
}

/* Style the range track for edge */
.cd-media-control ::-ms-track {
	border-color: transparent;
	background: transparent;
	color: transparent;
	_background: #595959;
	cursor: pointer;
	width: 100%;
	height: 4px;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);

}

.cd-media-control ::-ms-fill-upper {
	background: #595959;
	border: 0.2px solid #595959;
	border-radius: 20px;
}

.cd-media-control ::-ms-fill-lower {
	background: #595959;
	border: 0.2px solid #595959;
	border-radius: 20px;
}

/* Style the range handle for edge */
.cd-media-control ::-ms-thumb {
	background: #000000;
	border-radius: 50%;
	cursor: pointer;
	margin-top: -1px;
	height: 8px;
	width: 8px;
}