/* UIkit component modifications
 ========================================================================== */

/*
 * Typografy
 */

#topcontent h2 {
	font-size: 3.5em;
	font-weight: 300;
	color: #ffffff;
	text-shadow: 2px 2px #666666;
}

.uk-overlay-panel h1, .uk-overlay-panel h2 {
	font-size: 3.5em;
	font-weight: 300;
	color: #ffffff;
	text-shadow: 2px 2px #666666;
}

/*
 * Generate different grid panel colors
 */

.cm-grid-colors > * > * { padding: 20px; }

.cm-grid-colors > :nth-child(8n-7) > * { background: rgba(130,200,240,0.1); }
.cm-grid-colors > :nth-child(8n-6) > * { background: rgba(130,200,240,0.15); }
.cm-grid-colors > :nth-child(8n-5) > * { background: rgba(130,200,240,0.2); }
.cm-grid-colors > :nth-child(8n-4) > * { background: rgba(130,200,240,0.25); }
.cm-grid-colors > :nth-child(8n-3) > * { background: rgba(130,200,240,0.3); }
.cm-grid-colors > :nth-child(8n-2) > * { background: rgba(130,200,240,0.35); }
.cm-grid-colors > :nth-child(8n-1) > * { background: rgba(130,200,240,0.40); }
.cm-grid-colors > :nth-child(8n) > * { background: rgba(130,200,240,0.45); }

/*
 * Generate different grid panel heights
 */

.cm-grid-heights > :nth-child(8n-7) > * { height: 80px; }
.cm-grid-heights > :nth-child(8n-6) > * { height: 100px; }
.cm-grid-heights > :nth-child(8n-5) > * { height: 160px; }
.cm-grid-heights > :nth-child(8n-4) > * { height: 120px; }
.cm-grid-heights > :nth-child(8n-3) > * { height: 180px; }
.cm-grid-heights > :nth-child(8n-2) > * { height: 130px; }
.cm-grid-heights > :nth-child(8n-1) > * { height: 150px; }
.cm-grid-heights > :nth-child(8n) > * { height: 110px; }



@media (max-width: 767px) {
	figcaption h2 {
		font-size: 1.5em;
		text-shadow: 1px 1px #666666;
	}
}



/*
 * Navbar
 */

.cm-navbar {
    padding: 15px 0;
    border: none;
    background: #FFF;
    background-color: #F9F9FA;
    border-bottom: 1px solid #F3F4F5;
    width:100%;
    z-index: 1000;    
    position: relative;
	-webkit-backface-visibility: hidden;
}

@media (max-width: 767px) {
	
	.cm-navbar {
    	padding: 15px 0;
		border: none;
		background: #FFF;
		border-bottom: 1px solid #F3F4F5;
		position:absolute;
		top:0;
		width:100%;
    
}
	
}

.cm-navbar .uk-navbar-content,
.cm-navbar .uk-navbar-brand,
.cm-navbar .uk-navbar-toggle {
    height: 40px;
    margin-top: 0;
    text-shadow: none;
}

.cm-navbar .uk-navbar-nav > li > a {
    height: 40px;
    margin: 0;
    border: none;
    border-radius: 3px !important;
    text-shadow: none;
    font-size: 15px;
}

.cm-navbar .uk-navbar-nav > li { margin-left: 20px; }

/* Hover */
.cm-navbar .uk-navbar-nav > li:hover > a,
.cm-navbar .uk-navbar-nav > li > a:focus,
.cm-navbar .uk-navbar-nav > li.uk-open > a {
    border: none;
    color: #444;
    text-shadow: none;
    background: none;
}

/* Active */
.cm-navbar .uk-navbar-nav > li.uk-active > a {
    background-color: #2BA3D4;
    color: #FFF;
}

/* OnClick */
.cm-navbar .uk-navbar-nav > li > a:active { background-color: transparent; }

.uk-navbar-brand {
	padding-left: 0px;
}

#topcontent {
	background: url(/front/images/main.jpg) no-repeat center bottom; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.readmore-front {
	font-size: 24px;
}
.readmore-front:hover {
	color: #f1f1f1;
}

@media (max-width: 767px) {
	#topcontent-small {
		margin-top: 60px;
		margin-bottom: 30px;
	}
}

#slogan {
	margin-top:75px;
}

em {
    color: #444 !important;
}