.v-application, .d-button {
    font-family: 'Futura Std';
}

.c4-login-popup {
    background: transparent url(images/background.jpg) center no-repeat;
    background-size: cover;
}

.c4-login-popup:before {
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
}

.client-header {
    border-bottom: #af0022 3px solid;
}

.terms.d-button {
	margin: 1em auto;
	width: 50%;
	padding: 0.5em;
    min-width: 150px;
    background-color: #af0022;
    color: #FFF;
    font-weight: normal;
	font-size: 14px;
	-webkit-animation: blinkAnimation 2s 4; /* Safari 4+ */
	-moz-animation:    blinkAnimation 2s 4; /* Fx 5+ */
	-o-animation:      blinkAnimation 2s 4; /* Opera 12+ */
	animation:         blinkAnimation 2s 4;
}

@-webkit-keyframes blinkAnimation {
	0% { background-color: #af0022;
	color: #FFF }
	100% { background-color: #FFF;
	color: #af0022; }
}

.terms.d-button:hover {
    font-weight: bold;
    background-color: #af0022;
    color: #FFF;
}

.terms p {
	text-align: left
}

.c4-disco.image-disco {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px !important;
    margin: 0 auto;
    width: 100% !important;
	justify-content: center;
}

.mosaic .iconLabel {
    opacity: 0;
}

.mosaic .iconLabel:hover {
	opacity: 1;
}

.mosaicImage .mosaic {
	width: 100%;
	height: 100%;
}

.mosaicImage .mosaic:hover .iconLabel, .smd .mosaic .iconHeader {
    opacity: 1;
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding-top: 36px;
    padding-bottom: 10px;
}

.smd .mosaic .iconLabel {
	float:left; 
	margin-left: 0.5em; 
	margin-top: 10px; 
	color:white; 
	font-size: large;
	opacity: 1;
}

.smd .mosaic .iconHeaderTitle {
	margin-left: 0.5em;
}

.smd .mosaic .iconHeader {
	font-size: x-large;
}

.mosaicImage :hover {
	background-color: #666666;
}

.image-disco.c4-disco .c4-disco-element.mosaicGrey {
	background-color:#666666;
}

.mosaic .iconLabel > div, .mosaic .iconHeader > div {
    float: left;
    margin: 0 0.5em;
    color: white;
	font-size: large;
}

.iconLabelTitle {
    font-size: x-large;
}

.image-disco.c4-disco .c4-disco-element {
	background-color:white; 
	position:relative; 
	height:200px; 
	width:200px; 
	font-size: 15px; 
	border: none; 
	margin: 6px;
	background-size: cover;
    background-position: center center;
}

.textsection-disco.c4-disco .c4-disco-element {
	background-color: #af0022;
	margin: 0 0 5px;
	border-style: none;
	border-width: 0px;
	padding: 60px;
	display: block;
}

.textsection-disco .welcomeTextHeader {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	color: white;
	margin: 0 auto;
	max-width: 40em;
}

.textsection-disco .welcomeTextBody {
	text-align: center;
    font-size: 14px;
    color: white;
    max-width: 40em;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.clickable {
	cursor: pointer;
}

.imageFullscreen .c4-field-thumbnail.clickable.fullscreen {
    cursor: zoom-in;
}

.imageFullscreen {
	flex-direction: column;
    justify-content: center;
    align-items: center;
	margin: 1em;
}

.imageFullscreen .header {
	font-size: 16px;
	margin-top: 1em;
	font-weight: normal;
}

.c4-widget-preview .c4-field {
    font-size: 16px;
}

.c4-field-single.header {
    font-size: 150%;
}

.fieldSectionHeader {
    font-weight: bold;
    padding-top: 1em;
    font-size: 16px;
}

.tdHeader {
    padding: 4px1em;
}

.c4-widget-preview .c4-field-label {
    font-weight: 500;
    font-size: 16px;
}

.tdValue {
    padding: 4px 0;
    vertical-align: top;
}

.c4-thumbnail-wrapper i, .base-data-wrapper-thumbnail i {
	font-size: 1.6em;
    padding-right: 0.5em;
	color: #fa8517;
}

.panelWarning {
    font-style: italic;
    color: white;
    padding: 5px 1em;
    min-height: 32px;
    vertical-align: middle;
	align-items: center;
}

.panelWarning i {
	color: white;
	padding-right: 0;
}

.terms .c4-widget-preview, .c4-widget-preview .terms p {
	padding: 20px;
    max-width: 800px;
	font-size: initial;
}

.terms .c4-dialog-header, .terms h3 {
	text-align: center;
    font-size: 1.3em;
    font-weight: bold;
	background-color: unset;
	min-height: auto;
	align-items: baseline;
	color: #5b5b5b;
}

.terms .c4-dialog-header div, .terms > div {
	padding-top: 2em;
}

.terms .c4-dialog-toolbar {
	background-color: unset;
	border-top: unset;
	justify-content: center;
	min-height: unset;
}

.terms .c4-dialog-toolbar .borderless {
	display: none;
}

.terms .d-button {
	margin-left: 0 !important;
	font-weight: bold;
}

.terms .c4-dialog-header .d-button {
	padding: 0.5em;
}

.c4-wizard.terms {
	padding: 1em;
}

.c4-widget-preview-popup > .c4-widget-preview:has( > .terms) {
	background-image: none;
	background-color: white;
}