/*
#e55300 Christensen orange
*/

/* Override Semantic-UI / Fomantic-UI Font Selection */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,400italic,700italic&subset=latin&display=swap);*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,500;0,800;1,100;1,200&display=swap');*/

body {
	font-size:16px;
	margin: 0;
}
body,
h1,h2,h3,h4,h5,
.ui.button,
.ui.text.container,
.ui.header,
.ui.input>input,
.list>.item .header,
.ui.pages .page .title,
.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],
.ui.form textarea,.ui.input textarea,
.ui.menu,
.ui.message .header,
.ui.card>.content>.header,
.ui.cards>.card>.content>.header,
.ui.items>.item>.content>.header,
.ui.statistic>.value,.ui.statistics .statistic>.value,
.ui.statistic>.label,.ui.statistics .statistic>.label,
.ui.accordion .title:not(.ui),
.ui.modal>.header,
.ui.popup>.header,
.ui.search>.results .result .title,
.ui.search>.results>.message .header,
.ui.category.search>.results .category>.name {
	font-family:'Inter','Helvetica Neue',Arial,Helvetica,sans-serif;
}
.ui.cards > .card > .content > .header,
.ui.card > .content > .header,
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
	font-family:'Inter','Helvetica Neue',Arial,Helvetica,sans-serif;
	font-weight: 700;
	/*color: #7E0020;*/
	font-size: 1.72rem;
	line-height: 2.6rem;
	padding-top:0.8rem;
}

a {
	color:  #ca1010;
}
a:hover {
	color: #e51e0f;
}

abbr {
	border-bottom: 1px dashed black;
	cursor: help;
}

.ui.table > tbody > tr > td.dt-center,
.ui.table > tr > td.dt-center { text-align: center; }

/* patch for .ui.page.grid inside container ui.page.grid */
/* and in Admin Panel due to our dark layout */
.ui.page.grid > .column > .ui.page.grid,
.ui.page.grid > .column > .segment > .ui.page.grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.ui.fitted.grid > .column:not(.row),
.ui.fitted.grid > .row > .column {
	padding-left: 0;
	padding-right: 0;
}

.ui.container .ui.padded.page.grid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ui.basic.message {
	background-color: transparent;
	border: none !important;
	box-shadow:  none;
}

.ui.cards > .card > .content > .header,
.ui.cards > .card > .content > .header:not(.ui) {
	font-size: 1.3rem;
	padding-top:0;
}
.ui.cards > .card > .image > .ui.rounded.image, 
.ui.cards > .card > .image > .ui.rounded.image > *, 
.ui.cards > .card > .image > .ui.rounded.images .image, 
.ui.cards > .card > .image > .ui.rounded.images .image > * {
	border-radius: .3125em !important;
}
.ui.card > .image, 
.ui.cards > .card > .image {
	background: #fff;
}


.basic.card,
.ui.basic.cards > .card {
	border: none !important;
	box-shadow: none;
}
.ui.card > .extra,
.ui.cards > .card > .extra,
.dimmable.image {
	border: none !important;
	border-top: none !important;
	box-shadow: none;
}
.ui.card > .extra,
.ui.cards > .card > .extra span {
	color:#000;
	font-size:0.9rem;
	font-weight: 700;
}
.ui.overlay.fullscreen.modal > .content {
    min-height: calc(100vh);
}

.ui.tabular.menu > .item {
	cursor: pointer;
}

.marker:not(.icon) {
	background-color: #FFEE00;
}

h2.ui.header {
	font-size:1.3rem;
}

.ui.white.header {
	color: #FFF !important;
}

.uppercase {
	text-transform: uppercase !important;
}

/*body,
body.pushable > .pusher {
	background-color: #fff !important;
}
body {
	font-weight: normal;
}
*/
#AjaxResponder {
	background-color:#fff;
	border:1px solid #DDD;
	box-shadow: 5px 5px 15px -3px #93918A;
	border-radius:7px; moz-border-radius:7px; webkit-border-radius:7px;
	top:44%;
	left:46%;
	/*margin-top:-15px;
	margin-left:-75px;*/
	color: #555555;
	padding: 0.4em;
	position: fixed;
	text-align: center;
	z-index: 1002;
}
#AjaxResponder img {
	vertical-align:middle;
}

#revertToAdmin {
	background:#C8E572;
	border-bottom:2px solid #009900;
	color:#353;
	display:block;
	height:40px;
	margin-top:-40px;
	padding:8px;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:999;
}

.ui.borderless.menu {
  box-shadow: none !important;
 	border: none !important;
}

header .ui.secondary.menu > .item {
	text-transform: uppercase;
	font-weight: 700;
}

.store-head {
/*	background-color: #eee;*/
	font-size: 1rem;
}
.store-head .row {
	padding: 0.25rem 0 0.25rem 0 !important;
}
.store-head-whitespace {
	height:0px;
}
.ui.grid.header-grid > .row {
  margin:0 auto !important;
  padding:10px 0 0 0;
}

#home-hero {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+66,c4c4c4+100&0+0,0.65+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.43) 66%, rgba(196,196,196,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.43) 66%,rgba(196,196,196,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.43) 66%,rgba(196,196,196,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6c4c4c4',GradientType=1 ); /* IE6-9 */
	position: relative;
}

/*
h1.ui.header {
	font-weight: 700;
	font-size: 2.57rem;
}
h1.ui.header .sub.header {
	font-size: 1.7rem;
	margin-top:0.33rem;
}
*/


.ui.header .sub.header {
	/*margin-left: 3px;*/
}

#home-hero h2 {
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
}
#home-hero p,
.bte-bg p,
.vd-block-container p,
p {
	line-height: 1.79rem;
}

.ui.primary.button {
	background: #E51E0F;
	border-radius: 2px;
}
.ui.primary.button:focus,
.ui.primary.buttons .button:focus,
.ui.primary.button:hover {
	background: #ca1010;
}
/*
.ui.secondary.button {
	background: #0CB4CE;
	border-radius: 2px;
}
.ui.tertiery.button {
	background: #7E0020;
	border-radius: 2px;
	color: #fff;
}
*/
#controls .ui.tertiary.button {
	margin: 0 !important; 
	/*padding: 3px !important;*/
}
#home-hero .sig {
	width: 290px;
	height: 92px;
}
#home-hero .logos-media-label {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom:1rem;
}
.john-polkadots img {
	padding:0;
	margin:0;
	position: relative;
	bottom:-6px;
}
.john-polkadots img.show-on-mobile {
	bottom:-20px;
}
.john-polkadot {
	background: transparent url('/images/page/John-Polkadot-600.png') 0% bottom no-repeat padding-box;
	height:100%;
}
.ui.compact.grid {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
.ui.ui.ui.compact.grid > .column:not(.row),
.ui.compact.grid > .column:not(.row),
.ui.ui.ui.compact.grid > .row,
.ui.compact.grid > .row {
	padding-top: 0;
	padding-bottom: 0;
}

.video-divider {
	position: relative;
	display: block;
	width: 100%;
	background: rgb(18,51,97);
	background: linear-gradient(90deg, rgba(18,51,97,1) 18%, rgba(17,93,135,1) 47%, rgba(4,147,166,1) 65%, rgba(30,222,215,1) 100%); 
	/*background: transparent url('/images/page/video-stripe.jpg') 0% 0% no-repeat padding-box;*/
	background-size: 100%;
	opacity: 1;
}
.video-divider h1.ui.header {
	font-size: 2.3rem;
	font-weight: normal;
}
.video-divider h1.ui.header .sub.header {
	font-size: 1.3rem;
	font-weight: normal;
}
.video-divider .button i {
	padding-right:0.8rem;
}
.video-divider .button {
	box-shadow: 0 0 0 1px #fff inset !important;
	border-radius: 0;
	border:1px solid #fff;
	padding-left:2.3rem;
	padding-right:2.3rem;
}
.bte-bg {
	/*height: 758px;*/
	background-image: url('/images/page/shutterstock_1111389638-1366.jpg');
	background-size: cover;
	border-radius: 2px;
}
.bte-bg,
.bte-bg h1.ui.header,
.bte-bg h1.ui.header .sub.header,
.bte-bg h2.ui.header {
	color:#fff;
}
.bte-bg h2.ui.header {
	font-weight: 400;
}

/*
 * Testimonials with Slick slider
 */

 .testimonials-container,
 .light-bg {
 	background: #ecf7f9 !important;
 	/*background: #e3eef0 !important;*/
 	/*background: #FAFAFA !important;*/
 }
 .testimonials .testimonial {
 	font-size: 1.25em;
 }
 .testimonials.slick-slider {
 	margin-bottom: 0;
 }
 .testimonials .quote.icon {
 	opacity:0.75;
 }
 .testimonials .slick-right.icon,
 .testimonials .slick-left.icon {
 	cursor:pointer;
 	margin-top:-10px;
 	opacity:0.75;
 	position:absolute;
 	top:50%;
 	color: #7E0020;
 }
 .testimonials .slick-right.icon:hover,
 .testimonials .slick-left.icon:hover {
 	opacity: 1;
 }
 .testimonials .slick-right.icon {
 	right:-50px;
 }
 .testimonials .slick-left.icon {
 	left:-50px;
 }

 .two-pane h2.ui.header {
 	margin-bottom: 2rem;
 }


/* Responsive alignment */

.left-on-mobile {
	text-align: inherit;
}
@media (max-device-width: 800px) {
	.left-on-mobile {
		text-align: left !important;
	}
}
.center-on-mobile {
	text-align: inherit;
}
@media (max-device-width: 800px) {
	.center-on-mobile {
		text-align: center !important;
	}
}
.right-on-mobile {
	text-align: inherit;
}
@media (max-device-width: 800px) {
	.right-on-mobile {
		text-align: right !important;
	}
}
.left-on-tablet {
	text-align: inherit;
}
@media (max-device-width: 1058px) {
	.left-on-tablet {
		text-align: left !important;
	}
}
.center-on-tablet {
	text-align: inherit;
}
@media (max-device-width: 1058px) {
	.center-on-tablet {
		text-align: center !important;
	}
}
.right-on-tablet {
	text-align: inherit;
}
@media (max-device-width: 1058px) {
	.right-on-tablet {
		text-align: right !important;
	}
}
.left-on-desktop {
	text-align: inherit;
}
@media (min-device-width: 1058px) {
	.left-on-desktop {
		text-align: left !important;
	}
}
.right-on-desktop {
	text-align: inherit;
}
@media (min-device-width: 1058px) {
	.right-on-desktop {
		text-align: right !important;
	}
}
.center-on-desktop {
	text-align: inherit;
}
@media (min-device-width: 1058px) {
	.center-on-desktop {
		text-align: center !important;
	}
}
/* table cells need this to display properly when not hidden */
th.hide-on-mobile,
td.hide-on-mobile,
th.hide-on-tablet,
td.hide-on-tablet,
th.hide-on-desktop,
td.hide-on-desktop {
	display: table-cell;
}
/* Visibility */
@media only screen and (min-width: 767px) {
	.hide-on-mobile { display: inline-block !important; }
	th.hide-on-mobile,
	td.hide-on-mobile {
		display: table-cell !important;
	}
	.hide-on-desktop { display: none !important; }
}
@media only screen and (min-width: 1058px) {
	.hide-on-mobile { display: inline-block !important; }
	.hide-on-tablet { display: inline-block !important; }
	th.hide-on-mobile,
	td.hide-on-mobile,
	th.hide-on-tablet,
	td.hide-on-tablet {
		display: table-cell !important;
	}
	th.hide-on-desktop,
	td.hide-on-desktop,
	.hide-on-desktop { display: none !important; }
}
@media only screen and (max-width: 1058px) {
	.hide-on-mobile { display: inline-block !important; }
	th.hide-on-tablet,
	td.hide-on-tablet {
		display: none !important;
	}
	.hide-on-tablet { display: none !important; }
	.hide-on-desktop { display: inline-block !important; }
	th.hide-on-mobile,
	td.hide-on-mobile,
	th.hide-on-desktop,
	td.hide-on-desktop {
		display: table-cell !important;
	}
}
@media only screen and (max-width: 767px) {
	th.hide-on-mobile,
	td.hide-on-mobile,
	.hide-on-mobile { display: none !important; }
	.hide-on-tablet { display: none !important; }
	.hide-on-desktop { display: inline-block !important; }
	th.hide-on-desktop,
	td.hide-on-desktop, {
		display: table-cell !important;
	}
}

/* BLOCK Visibility */
@media only screen and (min-width: 767px) {
	.hide-on-mobile-block { display: block !important; }
	.hide-on-desktop-block { display: none !important; }
}
@media only screen and (min-width: 1058px) {
	.hide-on-mobile-block { display: block !important; }
	.hide-on-tablet-block { display: block !important; }
	.hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 1058px) {
	.hide-on-mobile-block { display: block !important; }
	.hide-on-tablet-block { display: none !important; }
	.hide-on-desktop-block { display: none !important; }
}
@media only screen and (max-width: 767px) {
	.hide-on-mobile-block { display: none !important; }
	.hide-on-tablet-block { display: none !important; }
	.hide-on-desktop-block { display: block !important; }
}
/* Visibility */
@media only screen and (min-width: 767px) {
	.show-on-mobile-block { display: none !important; }
	.show-on-desktop-block { display: block !important; }
}
@media only screen and (min-width: 1058px) {
	.show-on-mobile-block { display: none !important; }
	.show-on-tablet-block { display: none !important; }
	.show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 1058px) {
	.show-on-mobile-block { display: none !important; }
	.show-on-tablet-block { display: block !important; }
	.show-on-desktop-block { display: block !important; }
}
@media only screen and (max-width: 767px) {
	.show-on-mobile-block { display: block !important; }
	.show-on-tablet-block { display: block !important; }
	.show-on-desktop-block { display: none !important; }
}



.event-item {
    clear: both;
    margin-top: 10px;
}
.event-item .primary.button {
    margin: 1em auto;
}
.event-item .date-and-button {
    float: left;
    padding-top: 4px;
    width: 100px;
}
.event-item .date-box {
    background: transparent url("/images/u/events/date-box.png") no-repeat scroll 0 0 / 100px 125px;
    color: #08284f;
    min-width: 100px;
    padding-bottom: 12px;
    text-align: center;
}
.event-item .date-box .day-number {
    font-size: 46px;
    line-height: 42px;
    margin-bottom: 7px;
    margin-top: 8px;
}
.event-item .date-box .month-year {
    font-size: 10px;
    line-height: 9px;
    margin-bottom: 7px;
    margin-top: 4px;
}
.event-item .date-box .day-name {
    color: #7C0C0F;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px;
}
.event-item .date-box .time {
    font-size: 15px;
    line-height: 15px;
}
.event-item .data-box {
    float: left;
    margin-left: 0;
}
.event-item .data-box table {
    margin-bottom: 0;
}
.event-item .text-box {
    float: left;
    margin-left: 10px;
    width: 359px;
}
.event-item .title-box {
}
.event-item .title-box .flag {
    margin-top: -5px;
    width: 48px;
}
.event-item .title-box .book-now {
    margin-top: -4px;
    width: 48px;
}
.event-item .title-box .title-text {
    color: #002964;
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin-left: 5px;
}
.event-item .title-box .event-type {
    color: #009;
}
.event-item .title-box .download-title {
}
.date-and-city {
    font-weight: bold;
}
.event-item .date-and-city a {
    clear: both;
    color: #002964;
    font-size: 13px;
    margin-bottom: 5px;
}
.event-item .snippet {
    color: #002964;
}
.event-item .icon-box {
    float: left;
    height: 100%;
    width: 31px;
}
.event-item .info-item {
    clear: both;
}
.event-item .info-item .label {
    float: left;
    width: 70px;
}
.event-item .info-item .data {
    color: #002964;
    float: left;
    width: 280px;
}