/** Block Content Styles  */

/** Block Timer  */
/* 
.eeofe .block-jquery-countdown-timer h2 {
	font-size: 1rem !important;;
	line-height: 0.5;
}
#jquery-countdown-timer {
	font-size: 20px !important;
	line-height: 0.5;
}
@media (max-width: 75rem) {
	.eeofe .block-jquery-countdown-timer h2 {
		font-size: 1rem !important;;
		line-height: 0.5;
	}
	#jquery-countdown-timer {
		font-size: 20px !important;
		line-height: 0.5;
	}
}
@media (max-width: 43.75rem) {
	.eeofe .block-jquery-countdown-timer h2 {
		font-size: 1rem !important;;
		line-height: 0.5;
	}
	#jquery-countdown-timer {
		font-size: 20px !important;
		line-height: 0.5;
	}
}

.block-jquery-countdown-timer {
	text-align: right;
	max-width: 1280px;
	margin: 2rem;
	position: absolute;
    right: 0px;
    bottom: -150px;
}

@media (min-width: 43.75rem) {
	.block-jquery-countdown-timer {
		bottom: -190px;
	}
}

@media (min-width: 75rem) {
	.block-jquery-countdown-timer {
		bottom: -100px;
	}
}
.block-jquery-countdown-timer h2 {
	font-size: 2rem;
}

.block-jquery-countdown-timer .digit {
	height: 100%;
	padding-top: 50%;
} 
*/

/** Timer Flip Clock */
.block-flipclock,
.block-jquery-countdown-timer {
	text-align: right;
	max-width: 1280px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 2rem;
	margin-right: 1rem;
}

.scrolled .block-flipclock,
.scrolled .block-jquery-countdown-timer {
    margin: 2rem;
    bottom: 0px;
    position: absolute;
    top: -35px;
    right: 140px;
}

@media (min-width: 112rem) {
	.scrolled .block-flipclock,
	.scrolled .block-jquery-countdown-timer {
		margin: 2rem;
		bottom: -40px;
		position: fixed;
		top: -20px;
		right: calc((100vw - 1050px) / 2);
		bottom: auto;
	}
}

@media (max-width: 75rem) {
	.block-flipclock,
	.scrolled .block-flipclock,
	.block-jquery-countdown-timer,
	.scrolled .block-jquery-countdown-timer {
		margin: 0rem;
		margin-right: 0;
		position: fixed;
		background: #000000;
		width: 100%;
		z-index: 100;
		padding: 1rem;
		border-top: 0px solid #ccc;
		text-align: left;
	}
	.scrolled .block-flipclock,
    .scrolled .block-jquery-countdown-timer {
		bottom: 0px;
		top: auto;
		right: 0px;
	}
	body {
		padding-bottom: 5rem;
	}
}

@media (min-width: 75rem) {
	.block-flipclock,
	.block-jquery-countdown-timer {
		margin: 2rem;
		bottom: 0px;
		position: absolute;
		top: -12px;
		right: 140px;
	}
}

.flip-clock-wrapper {
	text-align: center;
	position: relative;
	width: 100%;
	margin: 0em;
}

.block-flipclock,
.block-flipclock .block__title
.block-jquery-countdown-timer,
.block-jquery-countdown-timer .block__title {
	margin-top: 0;
	margin-bottom: 0.5rem;
	letter-spacing: 0.02em;
	color: #6e7172;
	font-size: 0.875rem;
	line-height: 1.125rem;
	text-align: left;
}

.block-jquery-countdown-timer .block__content{
	text-align: left;
}


.flip-clock-wrapper ul li a div div.inn {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	color: #ccc;
	text-shadow: 0 1px 2px #000000;
	text-align: center;
	background-color: #333;
	border-radius: 6px;
	font-size: 18px;
}
.flip-clock-wrapper .flip {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
	margin-left: 0.12rem;
}
.flip-clock-wrapper ul {
	position: relative;
	float: left;
	margin: 5px;
	width: 20px;
	height: 30px;
	font-size: 21px;
	font-weight: bold;
	line-height: 21px;
	border-radius: 6px;
	background: #000000;
}
.flip-clock-wrapper ul li {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 30px;
	text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
	z-index: 2;
}
.flip-clock-divider {
	float: left;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 30px;
}
.flip-clock-dot {
	display: block;
	background: #323434;
	width: 7px;
	height: 7px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	left: 5px;
}
.flip-clock-dot.top {
	top: 13px;
}
.flip-clock-dot.bottom {
	bottom: 0px;
}
.flip-clock-divider .flip-clock-label {
	position: absolute;
	top: -1.5em;
	right: -49px;
	color: black;
	text-shadow: none;
	top: 40px;
}
.flip-clock-divider.minutes .flip-clock-label {
	right: -51px;
}

/** Form Steps */
.block-forms-steps ol {
	background-color: #fff;
	display: inline-block;
    margin-top: 0px;
    margin-bottom: 5px;
	margin-left: 1rem;
    padding-left: 17px;
	list-style-position: outside;
}
/** 748px */
@media (min-width: 48rem) {
	.block-forms-steps ol {
		margin-top: 20px;
		margin-bottom: 30px;
		margin-left: 15px;
		display: flex;
		justify-content: left;
	}
}
.block-forms-steps ol li {
	display: list-item;
	width: auto;
	background-color: #fff;
	padding: 0px 0px 3px 0;
	margin: 0 60px 4px 0;
	font-weight: 600;
	counter-increment: formsteps; 
}
.block-forms-steps ol li:last-child {
	margin-right: 0;
}
.block-forms-steps ol li::marker {
	display: list-item;
	content: "> " counter(formsteps) ".  ";
}
.block-forms-steps ol li a {
	color: #000000;
	text-decoration: none;
}
.block-forms-steps ol li.previous-step,
.block-forms-steps ol li.previous-step a,
.block-forms-steps ol li.active,
.block-forms-steps ol li.active a {
	color: #49c3f1;
}
.block-forms-steps ol li.previous-step,
.block-forms-steps ol li.active,
.block-forms-steps ol li.previous-step::marker,
.block-forms-steps ol li.active::marker {
	border-bottom: 3px solid #49c3f1;
}
.block-forms-steps ol li:last-child::marker {
	display: none;
	color: transparent;
}

.path-submission-form  [data-drupal-selector="edit-save-edit"] {
    display: none;
}
