/**
* 1.0 - Blocks - global settings to be overwritten by the theme
**/

:root {
	
	--theme-color: #54184b;
	--theme-color-secondary: #75C6CC;
	--wp-admin-theme-color: #007cba;
		
}

.theme-colour {
	
	background: var(--theme-color-secondary) !important;
	color: #fff; 
	
}

.theme-colour a, .theme-colour p, .theme-colour h1, .theme-colour h2, .theme-colour h3, .theme-colour h4, .theme-colour h5 {
	
	color: #fff; 
	
}

.theme-padding {
	
	padding: 40px 30px; 
	
}

.theme-box-shadow {
	
	-webkit-box-shadow: 0 1.5625rem 3.125rem rgba(0,0,0,.08);
	box-shadow: 0 1.5625rem 3.125rem rgba(0,0,0,.08);	
	
}

.theme-border-radius {
	
	border-radius: 5px;
	
}

.plume-u-block-spacing {
	
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	
}

.btn-primary:hover {
	
	opacity: 0.7;
	transition: 0.35s;
	
}

/**
* Default block styling improvements
**/

.wp-block-gallery {
	
	margin-top: 2.25rem;
    margin-bottom: 2.25rem;
	
}

.wp-block-pullquote{
    
        max-width: 80%;
        margin-left: 2.25rem;
        padding: 0 2.25rem;
        margin-top: 2.25rem;
        margin-bottom: 2.25rem;
        border-left: solid 5px #222;

}

.wp-block-pullquote p {
	
    line-height: 1.2; 	
	
}

.wp-block-code {

	border: 1px solid #e3e3e3;
	padding: 2.25rem; 
	margin: 2.25rem 0;
	overflow-x: hidden; 
	white-space: auto; 

}

.wp-block-code code {
	
	word-break: break-all;
	white-space: pre-line;
	
}

.wp-block-gallery {

	margin-top: $card-spacer-x * 1.5; 
	margin-bottom: $card-spacer-x * 1.5; 

}

.wp-block-quote p {
	
	font-size: 140%;
	margin-bottom: $card-spacer-x * 1.5;		
		
}

.wp-block-quote {

	border-left: 4px solid #444; 
	padding: 2,5rem; 
	margin: 2.5rem 0px;	
	max-width: 640px;

}

.wp-block-quote p:last-of-type {
        
	margin: 0;
   
}

.wp-block-quote cite {
	
	margin-top: 1rem;
	display: block;
	opacity: 0.8;
	
}

.wp-block-media-text, .amplitude-player {

	margin-top: $card-spacer-x * 1.5 !important;
	margin-bottom: $card-spacer-x * 1.5 !important;

}

.wp-block-image {

	margin-top: $card-spacer-x * 1.5; 
	margin-bottom: $card-spacer-x * 1.5; 		

	figcaption {

		margin-top: $card-spacer-x * 0.75; 
		margin-bottom: $card-spacer-x * 0.75; 	

	}

}

/**
* 1.1 Downloads block frontend styling
**/

ul.list-group-u {
	
	margin-left: 0px; 
	padding-left: 0px; 
	overflow: hidden;
	
}

ul.list-group-u .plume-u-download-container {
	
	list-style: none; 
	position: relative;
    display: block;
    padding: 1.75rem 1.35rem;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.075);	
	
}

ul.list-group-u .plume-u-download-container:first-child {
		
    border-top: 0px solid #fff;			
	
}

.plume-u-inner-download-container {
	
	display: block;
	position: relative; 
	
}

.plume-u-file-content {
	
	display: block;
	width: 100%; 
	padding-left: 0px;
	
}

.plume-u-padded-file-content {
	
	padding-left: 58px;
	
}

.plume-u-file-content-inner {
	
	display: inline-block;
	vertical-align: middle;	
	
}

.plume-u-button {
	
	position: absolute;
	right: 0px; 
	top: 50%;
	transform: translateY(-50%)
	
}

.plume-u-file-type {
    width: 40px;
    height: 55px;
    content: "";
    background-image: url(../img/files/document.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
	position: absolute; 
	left: 0px; 
	top: 50%; 
	transform: translateY(-50%);
}
    
.plume-u-file-type.app{
	background-image: url(../img/files/app.svg);
}

.plume-u-file-type.audio{
	background-image: url(../img/files/audio.svg);
}

.plume-u-file-type.code{
	background-image: url(../img/files/code.svg);
}

.plume-u-file-type.document{
	background-image: url(../img/files/document.svg);
}

.plume-u-file-type.download{
	background-image: url(../img/files/download.svg);
}

.plume-u-file-type.exe{
	background-image: url(../img/files/exe.svg);
}

.plume-u-file-type.file{
	background-image: url(../img/files/file.svg);
}

.plume-u-file-type.pdf{
	background-image: url(../img/files/pdf.svg);
}

.plume-u-file-type.podcast{
	background-image: url(../img/files/podcast.svg);
}

.plume-u-file-type.slideshow{
	background-image: url(../img/files/slideshow.svg);
}

.plume-u-file-type.spreadsheet{
	background-image: url(../img/files/spreadsheet.svg);
}

.plume-u-file-type.text{
	background-image: url(../img/files/text.svg);
}

.plume-u-file-type.video{
	background-image: url(../img/files/video.svg);
}

.plume-u-file-type.zip{
	background-image: url(../img/files/zip.svg);
}

@media screen and (max-width: 600px) {
	
	.plume-u-button {
		
		position: relative;
		top: 0px;
		transform: none;
		margin-top: 24px;
		
	}
	
	.plume-u-file-type {
		
		top: 0px; 
		transform: none;
		
	}
	
}

/**
* 1.2 Webinar block 
**/

.webinar-countdown {
	
	display: inline-block;
	
}

.webinar-countdown div {
	
	display: inline-block; 
	
}

.webinar-countdown .timeitem {
	
	margin-left: 6px;
	margin-right: 6px;
	
}

.plume-u-webinar-container {
	
	position: relative;
	background: #fff;
	padding-bottom: 70px;
}

.plume-u-webinar-container h3 {
	
	margin-bottom: 1.2rem;
	
}

.webinar-bottom-container {
	
	position: absolute; 
	bottom: 0px;
	left: 0px; 
	width: 100%; 
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 16px 30px 17px;
	font-weight: 600;

}

.webinar-bottom-container .dashicons {
	
	position: absolute; 
	right: 20px;
	top: 50%;
	font-size: 16px;
	height: 16px;
	width: 16px;
	transform: translateY(-50%);
	transition: 0.35s;	
	
}

.webinar-details-list {
	
	list-style: none; 
	padding-left: 0px; 
	opacity: 0.7;
	
}

.webinar-details-list li {
	
	display: inline-block; 
	margin-right: 24px; 
	font-size: 12px; 
	text-transform: uppercase; 
	font-weight: 700;
	
}

.webinar-details-list li .dashicons {
	
	font-size: 17px;
	margin-right: 8px;
	
}

.webinar-details-list li .dashicons.dashicons-calendar {
	
	margin-top: -1px;
	margin-right: 8px;
	
}

.webinar-bottom-container {
	
	transition: 0.35s;
	
}

.webinar-bottom-container:hover {
	
	opacity: 0.7;
	transition: 0.35s;
	
}

.webinar-bottom-container:hover .dashicons {
	
	right: 16px; 
	transition: 0.35s;
	
}

/**
* 1.3 Embed container 
**/

.plume-u-embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.plume-u-embed-container iframe,
.plume-u-embed-container object,
.plume-u-embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
* 1.4 Buttons frontend styling 
**/

.plume-u-buttons {
	
	list-style: none; 
	padding-left: 0px; 
	margin: 32px 0px 64px;
	
}

.plume-u-buttons li {
	
	display: inline-block; 
	margin: 6px 12px 6px 0px;	
	
}

.plume-u-buttons.buttons-left li {
	
	margin: 6px 12px 6px 0px;
	
}


.plume-u-buttons.buttons-center {
	
	text-align: center;
	
}

.plume-u-buttons.buttons-center li {
	
	margin: 6px 6px 6px 6px;
	
}

.plume-u-buttons.buttons-right {
	
	text-align: right;
	
}

.plume-u-buttons.buttons-right li {
	
	margin: 6px 0px 6px 12px;
	
}

/**
* 1.5 Callout styling 
**/


.plume-u-callout-list {
	
	padding-left: 40px;	
	margin-bottom: 36px;
 	
}

.plume-u-callout-list li {
	
	margin-bottom: 8px;
	
}

.webinar-description {
	
	margin-bottom: 18px;
	
}

/**
* 1.6 Audio block 
**/

.plume-audio {
	
	margin: 2.5rem 0rem;
	
}

.amplitude-container {
	
	padding: 2.2rem;
	
}

.amplitude-play-pause {	
	
	width: 40px;
	height: 40px;
	font-family: "FontAwesome";
	cursor: pointer;
	flex: 1 0 auto;
	position: relative; 
	display: block;
	color: #fff;
	border-radius: 100%; 
	margin-right: 2.2rem;
	background: var(--theme-color);
	
}

.now-playing-name {
	
	margin-top: 1rem;
	display: block;
	
}

.amplitude-play-pause::before {
	
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%);
	position: absolute;
	
}

.amplitude-play-pause.amplitude-paused::before { 
	
	content: '\f04b';

}

.amplitude-play-pause.amplitude-playing::before {
	
	content: '\f04c';
	
}

.amplitude-wave-form {

	height: 40px;

}	

.amplitude-wave-form svg {
	
	stroke: var(--theme-color);
	height: 100%;
	width: 100%;
	stroke-width: 0.5px; 
	
}

input[type="range"]#global-large-song-slider {
	
	width: 100%;
	margin-top: -40px;
	-webkit-appearance: none;
	z-index: 9999;
	background-color: inherit;
	margin-left: auto;
	margin-right: auto;
	display: block; 
	
}

input[type="range"]#global-large-song-slider:focus {
	
	outline: none; 
	
}
    
input[type="range"]#global-large-song-slider::-webkit-slider-runnable-track {
	
	width: 100%;
	cursor: pointer;
	border-radius: 0px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	
}
        
input[type="range"]#global-large-song-slider::-webkit-slider-thumb {

	width: 5px;
	height: 40px;
	background-color: var(--theme-color);
	border-radius: 20px;
	-webkit-appearance: none; 
        
}

input[type="range"]#global-large-song-slider::-moz-range-track {
	
	width: 100%;
	height: 0px;
	cursor: pointer;
	border-radius: 0px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0);
        
}

input[type="range"]#global-large-song-slider::-moz-range-thumb {
	
	width: 5px;
	height: 40px;
	background-color: var(--theme-color);
	border-radius: 20px;
	-webkit-appearance: none;
	margin-top: -34px; 	
	
}

input[type="range"]#global-large-song-slider::-ms-track {
	
	width: 100%;
	height: 4px;
	cursor: pointer;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.25); 
	
}

input[type="range"]#global-large-song-slider::-ms-fill-lower {
	
	background: transparent;
	
}

input[type="range"]#global-large-song-slider::-ms-fill-upper {
	
	background: transparent;
	
}


input[type="range"]#global-large-song-slider::-ms-thumb {

	width: 28px;
	height: 40px;
	background-color: var(--theme-color);
	border-radius: 20px;
	-webkit-appearance: none;
	margin-top: -10px; 	
	
}

em {

	/* margin-left: 44px; */
	color: #222;
	opacity: 0.7;
	
}

/**
* 1.6 What you'll learn block 
**/


.plume-u-features-container {
	
	margin: 2rem 0;
	
}


.plume-u-features-title {
	
	padding: 1.2rem 2rem;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5em;
	margin: 0;
	
}

.plume-u-features-list-double {
	
	list-style: none; 
    padding-left: 0px;
    margin: 0 2rem;
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
	
}

.plume-u-features-list-single {
	
	list-style: none; 
    padding-left: 0px;
    margin: 0 2rem;
    list-style-type: none;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
	
}

.plume-u-features-li {
	
	margin: 0 0 1rem 0;
	
}

.plume-u-features-body {
	
	padding: 1.5rem 0 1.5rem;
	
}

.plume-u-features-success {
	
	margin-right: 0.5rem;
	color: var(--theme-color); 
	
}

@media screen and (min-width: 768px) {
	
	.features-double {
		
		display: inline-block;
		margin-right: -3px;
	}
	
}

@media screen and (max-width: 700px) {
	
	.plume-u-features-list {
	
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		
	}
	
}

/**
* 1.7 FAQ
**/

.plume-u-accordion {
	
	margin: 1rem 0;
	
}

.plume-u-accordion {
	
	margin: 2rem 0rem;
	
}

.plume-u-accordion-head {
	
	padding: 1.5rem 2rem 1.5rem 1.5rem;
	position: relative;
	border-bottom: 1px solid #e3e3e3;
	transition: 0.35s; 
	
}

.plume-u-accordion-text {
	display: block;
	padding-right: 1.5rem;
}

.plume-u-collapse-inner {
	
	opacity: 0;
	padding: 2rem 1.5rem;
	transition: 0.35s; 
	
}

.plume-u-collapsible {
	
	max-height: 0px; 
	line-height: 1.7rem;
	overflow: hidden; 
	transition: 0.25s; 
	
}

.plume-u-expander {
	
	position: absolute; 
	right: 26px; 
	top: 50%; 
	transform: translateY(-50%);
	width: 18px; 
	height: 18px; 
	content: "";
	transition: 0.35s; 
	
}

.plume-u-expander span {
	
	background: #222; 
	width: 18px; 
	height: 2px; 
  content: "";
	top: 50%; 
	transform: translateY(-50%);
	display: block; 
	position: absolute;
	
}

.plume-u-expander span:nth-child(2) {
	
	transform: rotate(90deg);
	top: 50%;
	transition: 0.25s; 
	
}

.plume-u-accordion-head:hover {
	
	cursor: pointer; 
	opacity: 0.8;
	transition: 0.35s; 
	
}

.plume-u-accordion-item.toggled-expander .plume-u-collapsible {
		
	transition: max-height 0.35s; 
	max-height: 2000px; 
	background: rgba(0,0,0,0.01);
	border-bottom: 1px solid #e3e3e3;
	
}


.plume-u-accordion-item.toggled-expander .plume-u-collapse-inner {
	
	opacity: 1;
	transition: 0.35s; 
	
}

.plume-u-accordion-item.toggled-expander .plume-u-expander span:nth-child(2) {
	
	transform: rotate(0deg);
	top: 50%;
	margin-top: -1px;
	transition: 0.25s; 
	
}

/**
* 1.8 Scrollable cards 
**/

.plume-u-cards {
	
	margin-bottom: 48px;
	
}

.plume-u-cards, .plume-u-cards .lightSlider, .plume-u-cards .lSSlideOuter, .plume-u-cards .lSSlideWrapper {
	
	overflow: visible !important;
	
}

.plume-u-card-scrollable {
	
	overflow: hidden;
	
}

.plume-u-card-scrollable img {
		
	width: 100%; 
	
}

.plume-u-cards h2 {
	
	margin-top: 3.5rem;
	font-size: 28px;
}


.plume-u-card-body {
	
	background: #fff; 
	
}

.plume-u-ld-item-list-item {
	
	padding: 1.5rem 2rem 1.5rem 1.5rem
	
}


.plume-u-ld-item-list-item h5 {
	
	margin-bottom: 1rem; 
	line-height: 1.65rem;
	
}

/*
* 1.1 Downloads block backend styling 
*/

.wp-admin ul.list-group-u {
	
	margin-left: 0px !important; 
	padding-left: 0px !important;
	
}

.wp-admin .btn-primary {
	
	white-space: nowrap;
    background: #007cba;
    background: var(--wp-admin-theme-color);
    color: #fff;
	text-decoration: none; 
	font-size: 14px; 
	padding: 0.5rem 1rem;
	border-radius: 5px; 
	pointer-events: none;
	
}

.wp-admin .plume-u-wp-admin-message h4 {
	
	margin: 0px 0px 3px;
	font-size: 17px; 
	
}

.wp-admin .plume-u-wp-admin-message p {
	
	margin: 3px 0px 0px;
	font-size: 14px; 
	opacity: 0.8;
	
}

.wp-admin .plume-u-wp-admin-message .dashicons {
	
	margin-top: 3px; 
	
}

/**
* 1.3 Embed container backend styling 
**/

.wp-admin .plume-u-embed-container {
	
	margin: 32px 0px;
		
}

/**
* 1.4 Buttons backend styling 
**/

.wp-admin .plume-u-buttons {
	
	padding-left: 0px !Important;
	margin-left: 0px !important;
	
}

/**
* 1.5 Audio block
**/

.wp-admin .amplitude-play-pause {
	
	background: #007cba;
	
}

.wp-admin .amplitude-play-pause:before {
	
	content: "";
	
}

.wp-admin .amplitude-song-slider {
	
	display: none !important; 
	
}

.wp-admin .amplitude-play-pause span {
	
	position: absolute; 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}


.wp-admin .amplitude-name {
	
	display: none; 
	
}

.wp-admin .amplitude-song-slider {
	
	display: none;
	
}

.wp-admin .amplitude-wave-form {
	
	position: absolute; 
	width: calc(100% - 132px);
	right: 32px; 
	background: blue; 
	top: 50%;
	transform: translateY(-50%);
	height: 6px; 
	background: #007cba;
	border-radius: 12px; 
	
}

/**
* 1.8 Scrollable cards 
**/

.wp-admin .plume-u-ld-item-list-item h5 {
	
	margin-top: 0rem !important; 
	margin-bottom: 0.5rem !important;
	
}

.wp-admin .plume-u-ld-item-list-item-preview p {
	
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
	font-size: 15px; 
	
}

.wp-admin .plume-u-card-scrollable {
	
	max-width: 30.5%;
	margin-right: 2.2%;
	display: inline-block; 
	
}

.wp-admin .plume-u-cards {
	
	margin-right: -2.5%;
	
}

/**
* Hero Image Slider
**/

.plume-hero-imgslider {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}

.plume-hero-imgslider:first-child {
    margin-top: 0;
}

#hero-imgslider {
	height: 1px;
	position: relative;
}

#hero-imgslider .swiper-wrapper {
	height: 100%;
}

#hero-imgslider .swiper-slide {
	height: 100%;
	width: 100%;
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

#hero-imgslider .slide-content {
	max-width: 1200px;
	padding: 2rem 4rem;
	text-align: center;
}

/**
* PDF blocks 
**/

.plume-canvas-container {
	
	margin: 48px 0px; 
	background: #fff;
	
}

.pdf-navigation-bar {
	
	padding: 18px 0px 8px;
	text-align: center;
	width: 100%; 
	position: relative;
	
}

#plume-canvas {
	
	width: 100%;
	
}

#pdf-previous {
	
	position: absolute; 
	left: 0px; 
	
}

#pdf-next {
	
	position: absolute; 
	right: 0px
	
}

#pdf-fullscreen {
	
	position: absolute; 
	right: 0px; 
	
}

.theme-button {
	
	border: 0px solid #fff !important; 
	padding: 12px 20px 10px; 
	text-transform: uppercase; 
	font-size: 12px; 
	font-weight: 500;
	letter-spacing: 0.05rem;
	border-radius: 5px !important;
	outline: none !important;
	box-shadow: none !important;
	
}

#plume-canvas {
	
	border: 2px solid #222;
	
}

#presentationMode {
	
	position: absolute; 
	right: 0px;
	
}

.page-on {
	
	padding: 8px 0px 0px;
	display: inline-block; 
	font-size: 14px; 
	
}

.element-disabled {
	
	opacity: 0.3;
	pointer-events: none; 
	
}

#next-timer {
	
	display: none; 
	
}

.element-disabled #next-timer {
	
	display: inline-block; 
	
}

.plume-canvas-box {
	
	position: relative; 
	
}

#plume-timer {
	
	position: absolute; 
	margin-top: -16px; 
	display: block; 
	height: 10px; 
	background: red; 
	
}

.overhead-container {
	
	position: relative; 
	padding-left: 58px;
	margin-bottom: 32px; 
	
}

.downloadable-block-title {
	
	margin-bottom: 4px;
	
}

.plume-canvas-container {
	
	padding: 32px 32px;
	
}

.pdf-is-incomplete {
	
	opacity: 0.7;
	background: #999 !important;
	pointer-events: none !important; 
	
}