/* Fonts */

:root {
	--main-font-size: 16px;
	--main-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--color-challenge: #ed1c24;
	--color-explore: #00a621;
	--color-discover: #662d91;
}

body {
	font-family: var(--main-font-family);
	font-size: var(--main-font-size) !important;
	line-height: 1.7; 
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--main-font-family);
} 

.interactive-slider-v2 h1 {
	font-weight: 900;
}

.link-list a {
	font-size: var(--main-font-size); 
}

.header-v4 .navbar-default .navbar-nav li a {
	font-size: 15px;
} 


/* Top header row */


.interactive-slider-v2 {
	padding: 94px 0;
    background: url("http://www.fll.sk/_user/img/web/FLL_Banner_2022_4.jpg") no-repeat;	
    background-size: cover;
    background-position-y: 30%;
}


div.topbar-v1 {
	display: none;	
}
 

img#logo-header {	
	width:0px; 
	height:0px; 
	padding: 22px 70px 22px 70px; 
	background: url("http://www.fll.sk/_custom/img/logo_FLL_horiz.svg");
	background-size: 100%;
	background-repeat: no-repeat;
} 

.header-v4 .navbar-default {
   /* background-color: var(--color-challenge);*/
}



/*Navigation */

.header-v4 .navbar-default .navbar-nav li {
	border-style: none;
	border-width: 0px;
}

@media (min-width: 992px) { 

	.header-v4 .navbar-collapse {
		border-top: 0px; 
		border-bottom: 0px;
	} 
 
}
 

 
@media (min-width: 992px) {

	.header-v4 .navbar-brand img {
		margin: 10px 20px 0px 0px;
	}

	div.MX-navbar-claim p {		
		padding-top: 16px;
	}	

	
	div.equal-height {
	  display: flex;
	  display: -webkit-flex;
	  flex-wrap: wrap;
	}
}
 
div.col-padded {
	padding-top: 10px;
	padding-bottom: 10px;
} 
 
.padded {
	padding-top: 10px;
	padding-bottom: 10px;
}


div.MX-navbar-claim p {
	font-size: 32px;
}

div.row-top {
	height: 350px;
}

div.row-top {
	background-position: center;
	background-size: cover;
}


/* Footer */
div.footer {
	font-size: 13px;	
}

div.footer-v1 .footer {
	padding-bottom: 10px;
}

div.copyright {
	font-size: 12px;
}

/* Content */

div.headline {
	display: none;
	margin: 0px;
	padding: 0px;
}


/* Skrytie sidebaru vo video galerii */
div.job-partners {
    display: none;
}

ul.social-icons-color {
    display: none;
}

div.col-md-4 div.margin-bottom-40 {
    display: none;
}
/* END - Skrytie sidebaru vo video galerii */


div.row-wide {
	width: 100vw;    
	padding-left: calc((100vw - 100%) / 2);
	padding-right: calc((100vw - 100%) / 2);	
	margin-left: calc(-1 * (100vw - 100%) / 2);
	/*
	margin-left: -1000px;
	margin-right: -1000px;
	padding-left: 1000px;
	padding-right: 1000px;	*/
}

div.row-wide-image { 
	width: 100vw;
	margin-left: calc(-1 * (100vw - 100%) / 2);
}


div.gray {
	background-color: #f7f9fc;	
}

div.gray2 {
	background-color: #f0f4f9;	
}

div.flex {
	display: flex;
	flex-direction: column;
}

div.align-end {
	margin-top: auto;
} 

div.align-end a {
	color: white;
	text-decoration: none;
}


div .row-padded {
	padding-top: 40px;
	padding-bottom: 40px;
}

div.content {
	margin-top: 0px;	
	margin-bottom: 0px;
	padding-top: 0px;	
	padding-bottom: 0px;
}


div.color-challenge {
	background-color: var(--color-challenge);
	text-align: center;
	color: white;
}


div.color-explore {
	background-color: var(--color-explore);
	text-align: center;	
	color: white;
}
 

div.color-discover {
	background-color: var(--color-discover);
	text-align: center;	
	color: white;
}

div.tile { 
	max-width: 150px; 
	max-height: 150px;  
	display:block; 
	margin-left: auto;
	margin-right: auto;	
	margin-top: 5px;
	margin-bottom: 5px;
	/*margin: 5px; */
	padding: 15px 0px 10px 0px;
	border-radius: 8px;	
}

div.tile-small { 
	width: 1.8em;  
/*	height: 120px;  */
	margin: 5px; 
	padding: 15px;
	border-radius: 8px;
}


img.img-fluid {
	height: 100%;	
	max-height: 92px; 
	width: auto; 
}


div.tiles {
	margin: auto;
	max-width: 540px; 
}

div.tile h3 {
	color: white;
}


img.img-padded {
	padding: 0px 50px 0px 50px;
}


a.btn-challenge {
	background-color: var(--color-challenge);	
	color: white;
	text-decoration: none;
	font-size: var(--main-font-size);
}

a.btn-challenge:hover {
	background-color: var(--color-challenge);	
}

a.btn-challenge:active {
	background-color: var(--color-challenge);	
}

a.btn-explore {
	background-color: var(--color-explore);	
	color: white;
	text-decoration: none;
	font-size: var(--main-font-size);
}

a.btn-explore:hover {
	background-color: var(--color-explore);	
}

a.btn-explore:active {
	background-color: var(--color-explore);	
}


a.btn-discover {
	background-color: var(--color-discover);	
	color: white;
	text-decoration: none;
	font-size: var(--main-font-size);
}

a.btn-discover:hover {
	background-color: var(--color-discover);	
}

a.btn-discover:active {
	background-color: var(--color-discover);	
}



@media (min-width: 768px) { 
	.va-middle {
		vertical-align: middle;
		display: flex;
		align-items: center; 
		justify-content: center;
	}
}


@media (max-width: 768px) {
	div.tile h3 {
		font-size: 16px;
}

@media (min-width: 992px) {  
	.img-sm-hide:
	
}
 

@media (min-width: 1200px) { 
img.img-padded {
	padding: 0px 80px 0px 80px;
}
}


/*div.bg-red {
    background: url(../img/70001275.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
*/
/*
div.header-v4 .navbar-default {
    background: url(../img/70001275.jpg) no-repeat;
}	
*/
/*
div.MX-navbar-claim p {
	position: absolute; 
	visibility: hidden;
}

div.MX-navbar-claim p:before {
	content: "<em>FIRST</em> LEGO League";
	position: absolute;
	visibility: visible;
}
*/

}

li a.btn-u { 
	color: #ffffff !important;
}