/*

	Default CSS for VCMS
	------------------------------------------------------------------------------

	@since 14-Feb-2023
	@author 
	@copyright Little Fire Digital Ltd 14-Feb-2023
 
	Colours
	================================================================
		Primary Colour: #cc6633
	Primary Highlight: #ff8542
	Primary Shadow: #ad572b
	Accent Colour: #ebebeb
	Accent Highlight: #ffffff
	Accent Shadow: #c8c8c8
 
*/


h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	color: black;
}

.buttonSet > * {
	font-weight: bold;
	padding: var(--padding_half) var(--padding);
	text-transform: uppercase;
}

#masthead_row .panel_wrapper {
	display: grid;
}

#top_row {
	grid-template-columns: 12% auto;
}

#top_row > * {
	align-self: center;
}

#title_bar {
	min-height: 6vw;
	align-items: center;
	justify-content: left;
	padding: var(--padding) 0 0 0;
}

.task_wrapper img {
	border-radius: var(--border_radius_large);
}

#title_bar h1 {
	align-self: flex-end;
	margin: 0;
	padding: 0;
}


#title_bar ul {
	align-self: flex-start;
}

#mh_nav_wrapper {
	line-height: 4vw;
	justify-self: flex-end;
}
.modal_window,
.rounded {
    border-radius: 0 0 var(--border_radius_large) var(--border_radius_large);
    overflow: hidden;
}

#mh_nav_wrapper li + li {
	margin-left: 1em;
}

#mh_nav_wrapper a,
#mh_nav_wrapper a:visited {
	color: #444;
}

#mh_nav_wrapper a:hover,
#mh_nav_wrapper .selected a {
	text-decoration: none;
	color: var(--colour_primary);
}

a.filled_dark_grey,
a.filled_dark_grey:visited {
	color: #fff;
	text-decoration: none;
	transition: color .5s ease;
}

a.filled_dark_grey:hover {
	color: rgba( 255, 255, 255, .9 );
	text-decoration: none;
}

.content_tabbed_row li {
	text-transform: uppercase;
}

.client_logo {
	padding: 1rem 0;
}

.default_logo {
	background: var(--colour_primary);
	-webkit-mask-image: url(/_client/assets/client_logo.png);
	mask-image:  url(/_client/assets/client_logo.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 100%;
	height: 0;
	padding-top: 58.4%;
}

.page_type_challenge .default_logo {
	background: #fff;
}


.page_type_challenge {
	background-size: cover;
	background-color: #000;
}

.page_type_challenge header {
	background-color: rgba( 0,0,0,.3);
}
.page_type_challenge #mh_nav_wrapper a, 
.page_type_challenge #mh_nav_wrapper a:visited {
	color: #fff;
}

.page_type_challenge #mh_nav_wrapper a:hover {
	color: var(--colour_primary);
}