:root {
        font-size: 16px;
        --min-title: 0rem;
        --min-lead: 1rem;
}

.frontrunner-inner-template-image {
	position: relative;
}

.frontrunner-inner-template-restricted {
	display: none;
}

.frontrunner-inner-template-deepest_cat,
.frontrunner-inner-template-categories {
        position: absolute;
        padding: 10px;
        bottom: 0;
        box-sizing: border-box;
	width: 100%;
}

.frontrunner-inner-template-deepest_cat > span.restricted {
	position: absolute;
	right: 0;
}

.frontrunner-inner-template-deepest_cat > span,
.frontrunner-inner-template-categories > span {
        float: left;
        margin-right: 10px;
        color: #fff;
        background-color: #333333;
        text-transform: uppercase;
        padding: 3px;
        font-size: 12px;
}

@media screen and (max-width: 767px) { 
	#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell {
		min-height: auto!important;
	}
}

#frontrunner-wrap {
        font-size: 13px;
}

#frontrunner-wrap #page h2 {
	font-family: 'Lato', sans-serif;
	font-display: swap;
}

#frontrunner-wrap #page p {
	font-family: 'Open Sans', sans-serif;
	font-display: swap;
}

#frontrunner-wrap #page .frontrunner-root-element {
	width: 980px;
	max-width: 100%;
	background-color: transparent;
	margin: 0 auto var(--m) auto;
	box-sizing: border-box;
	position: relative;
	/*min-height: 100px;*/
	height: auto;
	clear: both;
}

#frontrunner-wrap #page .frontrunner-root-element.frontrunner-fullwidth {
	width: auto;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell-container {
	display: flex;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-root-header span {
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonred {
	background-color: #dd0040;
	color: #fff;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonblack {
	background-color: #333;
	color: #fff;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-blackonyellow {
	background-color: #fbf7e7;
	color: #333;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-blackonlightgray {
	background-color: #F1EEE9;
	color: #333;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-advertisement {
	background-color: #eaeaea;
	color: #333;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-advertisement .frontrunner-inner-template-deepest_cat {
	display: none;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-advertisement .frontrunner-root-header {
	text-align: center;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-advertisement .frontrunner-root-header span {
	font-weight: normal;
	font-size: 12px;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonblack,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonred,
#frontrunner-wrap #page .frontrunner-root-element.root_style-blackonyellow,
#frontrunner-wrap #page .frontrunner-root-element.root_style-blackonlightgray {
	padding: 1%;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonblack h3,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonblack h2,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonblack p,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonred h3,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonred h2,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonred p {
        color: #fff;
}

#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonred .frontrunner-root-header span,
#frontrunner-wrap #page .frontrunner-root-element.root_style-whiteonblack .frontrunner-root-header span {
	color: #fff;
}


#frontrunner-wrap #page .frontrunner-cell img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

#frontrunner-wrap #page p,
#frontrunner-wrap #page h1,
#frontrunner-wrap #page h2,
#frontrunner-wrap #page h3,
#frontrunner-wrap #page h4,
#frontrunner-wrap #page h5 {
	font-weight: 400!important;
}

#frontrunner-wrap #page p.bold,
#frontrunner-wrap #page h1.bold,
#frontrunner-wrap #page h2.bold,
#frontrunner-wrap #page h3.bold,
#frontrunner-wrap #page h4.bold,
#frontrunner-wrap #page h5.bold {
	font-weight: 700!important;
}

#frontrunner-wrap #page p.light,
#frontrunner-wrap #page h1.light,
#frontrunner-wrap #page h2.light,
#frontrunner-wrap #page h3.light,
#frontrunner-wrap #page h4.light,
#frontrunner-wrap #page h5.light {
	font-weight: 200!important;
}

#frontrunner-wrap #page p.italic,
#frontrunner-wrap #page h1.italic,
#frontrunner-wrap #page h2.italic,
#frontrunner-wrap #page h3.italic,
#frontrunner-wrap #page h4.italic,
#frontrunner-wrap #page h5.italic {
	font-style: italic!important;
}

#frontrunner-wrap #page p.center,
#frontrunner-wrap #page h1.center,
#frontrunner-wrap #page h2.center,
#frontrunner-wrap #page h3.center,
#frontrunner-wrap #page h4.center,
#frontrunner-wrap #page h5.center {
	text-align: center!important;
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default {
	background-color: #ffffff;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default h1,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default h2,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default h3,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default h4,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default h5,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-default p {
	color: #333;
	font-style: normal;
	text-align: left;
	font-weight: 400;
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred {
	background-color: #eb9336;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred h1,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred h2,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred h3,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred h4,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred h5,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonred p {
	color: #fff;
	font-style: normal;
	text-align: left;
	font-weight: 400;
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack {
	background-color: #222;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack h1,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack h2,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack h3,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack h4,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack h5,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-whiteonblack p {
	color: #fff;
	font-weight: 400;
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped {
	background-color: #5e6673;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped h1,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped h2,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped h3,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped h4,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped h5,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-oped p {
	color: #fff;
	text-align: center;
	font-style: italic;
	font-weight: 200;
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow {
	background-color: #fbf7e7;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
}

#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow h1,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow h2,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow h3,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow h4,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow h5,
#frontrunner-wrap #page .frontrunner-inner-template.inner_style-blackonyellow p {
	color: #333;
	text-align: left;
	font-style: normal;
	font-weight: 400;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell {
	/*margin: 0 5px;*/
	box-sizing: border-box;
	position: relative;
	/*min-height: 100px;*/
	float: left;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template {
	/*display: inline-block;*/
	float: left;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template-text-container {
	padding: var(--cp);
	box-sizing: border-box;
	overflow: hidden;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template {
	width: 100%;
	height: 100%;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template h2 {
	margin: 0;
	line-height: 1.2;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template p {
	margin: 0;
	line-height: 1.6;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template-lead {
	margin-top: var(--m);
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template h2.resizable.active {
	cursor: nwse-resize;
}

#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template h2,
#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell .frontrunner-inner-template p,
#frontrunner-wrap #preview-container .frontrunner-inner-template h2,
#frontrunner-wrap #preview-container .frontrunner-inner-template p {
	line-break: loose;
}


/*
#frontrunner-wrap #page .frontrunner-root-element .frontrunner-cell:first-child {
	margin: 0 5px 0 0;
}

#frontrunner-wrap #page .frontrunner-root-element div:last-of-type {
	margin: 0 0 0 5px;
}
*/

/*Section with one 100% cell*/
.frontrunner_100 .frontrunner-cell {
	width: 100%;
	height: 100%;
}

/*Section with 2 x 50% cells*/
.frontrunner_50_50 .frontrunner-cell {
	height: auto;
}

/*Section with 3 x 33% cells*/
.frontrunner_33_33_33 .frontrunner-cell {
	height: auto;
}

/*Section with 75%, 25% cells*/
.frontrunner_75_25 .frontrunner-cell {
	height: auto;
}

/*
.frontrunner_75_25 .frontrunner-cell:first-child {
	width: calc(75% - 5px);
}

.frontrunner_75_25 div:last-of-type {
	width: calc(25% - 5px);
}
*/


/*margin*/
.frontrunner-root-element.frontrunner_100 .frontrunner-cell {
	margin: 0;
}

.frontrunner-root-element.frontrunner_80_20 .frontrunner-column:first-child {
	margin: 0 calc(var(--m) / 2) 0 0;
}
.frontrunner-root-element.frontrunner_80_20 .frontrunner-column:last-of-type {
	margin: 0 0 0 calc(var(--m) / 2);
}
.frontrunner-root-element.frontrunner_80_20 .frontrunner-column:last-of-type .frontrunner-cell:last-child {
	margin: var(--m) 0 0 0;
}

.frontrunner-root-element.frontrunner_50_50 .frontrunner-cell:first-child {
	margin: 0 calc(var(--m) / 2) 0 0;
}
.frontrunner-root-element.frontrunner_50_50 .frontrunner-cell:nth-child(2) {
	margin: 0 0 0 calc(var(--m) / 2);
}

.frontrunner-root-element.frontrunner_60_40 .frontrunner-cell:first-child {
	margin: 0 calc(var(--m) / 2) 0 0;
}
.frontrunner-root-element.frontrunner_60_40 .frontrunner-cell:nth-child(2) {
	margin: 0 0 0 calc(var(--m) / 2);
}

.frontrunner-root-element.frontrunner_75_25 .frontrunner-cell:first-child {
	margin: 0 calc(var(--m) / 2) 0 0;
}
.frontrunner-root-element.frontrunner_75_25 .frontrunner-cell:nth-child(2) {
	margin: 0 0 0 calc(var(--m) / 2);
}

.frontrunner-root-element.frontrunner_33_33_33 .frontrunner-cell:first-child {
	margin: 0 calc(var(--m) / 2) 0 0;
}
.frontrunner-root-element.frontrunner_33_33_33 .frontrunner-cell:nth-child(2) {
	margin: 0 calc(var(--m) / 2) 0 calc(var(--m) / 2);
}
.frontrunner-root-element.frontrunner_33_33_33 .frontrunner-cell:nth-child(3) {
	margin: 0 0 0 calc(var(--m) / 2);
}

.frontrunner-root-element.frontrunner_25_25_25_25 .frontrunner-cell:first-child {
	margin: 0 calc(var(--m) / 2) 0 0;
}
.frontrunner-root-element.frontrunner_25_25_25_25 .frontrunner-cell:nth-child(2) {
	margin: 0 calc(var(--m) / 2) 0 calc(var(--m) / 2);
}
.frontrunner-root-element.frontrunner_25_25_25_25 .frontrunner-cell:nth-child(3) {
	margin: 0 calc(var(--m) / 2) 0 calc(var(--m) / 2);
}
.frontrunner-root-element.frontrunner_25_25_25_25 .frontrunner-cell:nth-child(4) {
	margin: 0 0 0 calc(var(--m) / 2);
}

/*Lists*/
#frontrunner-wrap #page .frontrunner-list-1 > div {
	display: flex;
}
#frontrunner-wrap #page .frontrunner-list-1 > div > a {
	/*display: flex;*/
	width: 100%;
}

#frontrunner-wrap #page .frontrunner-list-1 {
	background-color: transparent!important;
	box-shadow: none!important;
}

#frontrunner-wrap #page .frontrunner-list-1 a {
	background-color: #fff;
	box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
	text-decoration: none;
}


/*Video*/
#frontrunner-wrap #page .video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}

#frontrunner-wrap #page .video-action {
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url("../assets/speaker_off.svg");
	top: calc(100% - 50px);
	right: 10px;
	cursor: pointer;
	background-size: contain;
}

#frontrunner-wrap #page .video-action.active {
	background-image: url("../assets/speaker.svg");
}
