
@font-face
{
	font-display:swap;
	font-family: 'DinText';
	font-style:normal;
	font-weight:400;
  src: url('/fonts/DinText.woff') format('woff'), url('/fonts/DinText.ttf') format('truetype');
}

@font-face
{
	font-display:swap;
	font-family: 'UpHeavy';
	font-style:normal;
	font-weight:400;
  src: url('/fonts/upheavtt.woff2') format('woff2'), url('/fonts/upheavtt.ttf') format('truetype');
}

@font-face
{
	font-display:swap;
	font-family: 'Highway';
	font-style:normal;
	font-weight:400;
  src: url('/fonts/HighwayGothic.woff') format('woff'), url('/fonts/HighwayGothic.otf') format('opentype');
}


.header_logo {
	max-height: 3.60rem;
	width: auto;
}

.header_banner {
	height: 550px;
	background-image: url("/images/desktop_3840x825.webp");
}

html
{
	background-color: #000;
	color: #fff !important;
}

body
{
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight: 400;
	background-color: #100305;
}

h1
{
	font-family: UpHeavy, Arial, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: .1rem;
  line-height: 2.5rem !important;
  color: #fff !important;
}
h1 span
{
	font-family: DinText, Arial, sans-serif !important;
	font-size: 2rem;
}

.main_active {
	background: #100305 url('/images/section_bg.webp') no-repeat top center;
	background-size: 3060px;
}

.uk-text-lead, h2, h3, h4 {
	color: #fff !important;
}

p
{
	line-height: 1.75;
  margin-bottom: 1.75rem;
}

.project-blog-bg-image
{
	align-items: end;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	padding: 0;
	position: relative;
	width: 100%;
}
.project-hero-wrap
{
	background: none;
	display: block;
	margin: 0 0 20px 40px;
	position: absolute;
}
.project-hero-wrap .project-headline
{
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
	color: #000;
	font-size: 2.5rem !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	max-width: 395px;
	padding: 20px 40px 30px;
}

.uk-subnav>*>:first-child
{
	text-transform: unset !important;
	font-family: Source Sans Pro, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400;
}
.uk-subnav li
{
	margin: 0 15px 0 30px;
	padding-left: 0;
}
.uk-subnav li a, .uk-subnav li span {
	padding-bottom:15px;
}
.uk-subnav li a:focus, .uk-subnav li a:hover {
	-webkit-focus-ring-color: none;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-property: border-color;
	-moz-transition-property: border-color;
	-o-transition-property: border-color;
	transition-property: border-color;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	-o-transition-property: color;
	transition-property: color;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.uk-subnav li.uk-active:after, .uk-subnav li.enabled:hover:after {
	opacity: 1;
	width: 100%;
}
.uk-subnav li:after {
	background: #373737;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	margin: 2px 0 0;
	opacity: 0;
	position: absolute;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	-webkit-transition-property: width, opacity;
	transition-property: width, opacity;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	width: 0;
}
.uk-subnav li * {
	color: #333 !important;
}

.uk-subnav li.uk-disable * {
	color: #ccc !important;
}

.btn_action, .btn_next {
	background-color: #d129a1;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	height: auto;
	line-height: 1;
	margin-bottom: 10px;
	outline: 0;
	padding: 17px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.btn_action:hover, .btn_next:hover {
	background-color: #df59b8;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	text-decoration: none;
}
footer {
    background-color: #000;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .11);
}
footer ul {
	list-style: none !important;
	padding-left: 0px;
}
footer p {
	color: #333 !important;
}
.footer-link {
	margin: 0;
	padding: .3rem 0;
	color: #333 !important;
}
.footer-link a {
	text-decoration: none;
	color: #333 !important;
}
.footer-social {
	display:inline-block;
	margin-right:15px;
}
.social_fb svg {
    display: block;
    fill: rgb(33, 91, 154);
    height: 1.75rem;
    width: 1.75rem;
}
.social_ig svg {
    display: block;
    height: 1.75rem;
    width: 1.75rem;
}
.social_yt svg {
    display: block;
    fill: rgb(222, 28, 28);
    height: 1.75rem;
    width: 1.75rem;
}
.footer-links_title {
	margin-bottom: 10px;
}
.footer-social_title {
	font-size: 1.3rem;
	margin-bottom: 5px;
}

.ps_uploadfile_area {
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-image: url('/images/face-viewfinder-thin-full.svg');
    background-size: 100px;
    background-position: center center;
    background-repeat:no-repeat;
}

input.ps_uploadfile_button {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
input.ps_uploadfile_active {
    cursor: pointer;
    visibility:visible;
    -webkit-tap-highlight-color: transparent;
}
input.ps_uploadfile_inactive {
    visibility:hidden;
}
.cancel_upload_photo {
  float: right;
  display: inline-block;
  position: relative;
  bottom: 105px;
  cursor:pointer;
  display:none;
  width:26px;
}
.cancel_upload_photo svg, .uk-form-icon-flip svg {
  fill: #ffa800;
}
.social_share {
	width:200px;
	height: auto;
}
.msg_rejected {
	color:#eee;
	background: #f0506e;
	display: none;
}
.msg_approved {
	color:#eee;
	background: #057a4a;
	display: none;
}
.tt_player {
	display:none;
}

.pill-button {
  position: relative;
  padding: 15px 10px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  border: 4px solid #fff;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 70%), linear-gradient(135deg, #9429e2, #232eb4);
  box-shadow: 0px 3px 0px 0px rgba(35, 46, 180, 1) inset, 0px -3px 0px 0px rgba(35, 46, 180, 1) inset;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(35, 46, 180, 1) inset, 0px -3px 0px 0px rgba(35, 46, 180, 1) inset;
  -moz-box-shadow: 0px 3px 0px 0px rgba(35,46,180,1) inset, 0px -3px 0px 0px rgba(35,46,180,1) inset;
  text-decoration: none;
}

.pill-button-selection {
  transition: all 0.3s;
	padding: 10px;
  cursor: pointer;
  outline: none;
  font-size: 1rem;
  font-weight: bold;
  font-family: Neutra Text Greek, Helvetica, Arial, sans-serif;
  /*text-shadow: 1px 1px 2px #333;*/
  position:relative;
  z-index:2;
}

.pill-button-highlight {
    transform: translate(0, -50%);
    transition: left 0.3s;
    position: absolute;
    top: 50%;
    left: 4px;
    height: 45px;
    width: 132px;
    background: #d34eeb;
    border-radius: 999px;
    z-index: 1;
  }
#photo_form {
	display:none;
}

.local_name {
	display: flex;
  align-items: center;
	color: #333;
}
.local_icon {
	background: url('/images/user_uploader.svg') center center no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
}
.local_uploader {
	display:inline-block;
	color: #333 !important;
}
.local_time_diff {
	color: #333 !important;
}

.uk-lightbox-items-fit>*>* {
    max-width: 80vw;
    max-height: 80vh;
}

:focus-visible {
	outline: 2px dotted #ff0000;
	color: #ff0000;
	background-color: #ff000022;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border: 2px solid #ff0000;
    background-color: #ffe3e3;
    color: #000;
}
.uk-link, a {
    color: #ff0000;
    text-decoration: underline;
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    color: #cc0000;
    text-decoration: underline;
}
.uk-text-danger {
    color: #ffff00 !important;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: #ff0000;
    border-color: transparent;
}
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
    background-color: #ff0000;
}
.uk-checkbox:focus, .uk-radio:focus {
    background-color: rgba(0, 0, 0, 0);
    outline: 0;
    border-color: #ff0000;
}

@media (max-width: 767px) {
	.uk-subnav
	{
		margin-top: 20px;
	}
	.uk-subnav li
	{
		margin: 0 auto;
	}
  .project-hero-wrap
  {
  	margin: 0 0 -20px 0 !important;
  	width: 100%;
  }
  .project-hero-wrap .project-headline
  {
    margin: 0 auto !important;
    max-width: 335px;
    padding: 20px 20px 30px;
  }
	.header_banner
	{
		background-image: url("/images/mobile_1600x825.webp");
	}
}

