/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ===== HOMEPAGE ---- Use this file to add custom CSS easily ================================================ */

.tm-navbar { background-image: url(../../../../../images/nav-back.png); background-repeat: repeat-x; }

.uk-navbar-nav {
	margin: 2px -20px 0 0;
}

.tm-content {	border-radius: 0px;	background: #FFFFFF;	padding: 20px; }

body { font-size:14px;line-height:155%; }

/* -- increase text area on phones -- */
@media only screen and (min-device-width: 481px) {
	.tm-content {	margin: 0 -25px; }
}

.tm-block-dark {
	height: 100%;
	/* background-image:url(../../../../../images/siteGraphics/bottom-line.png);
	background-repeat: repeat-x; */
}

@supports (-webkit-appearance:none) {
    .homepage-message {
	width: auto; 
	height: auto;
        margin: 0px 70px 100px 0px;
    }
} 

/* -- main area background image - homepage -- */
.tm-block-default {
	background-image:url(../../../../../images/siteGraphics/homepage-bg.jpg);
	background-size: cover;
}


nav {    position: relative;   /* height: 145px; background:#201e1f; */ }


@font-face {
font-family: 'VAG-bold';
src: url(../../../css/fonts/VAGRoundedStd-Bold.otf);
}
@font-face {
font-family: 'VAG-thin';
src: url(../../../css/fonts/VAGRoundedStd-Thin.otf);
}
@font-face {
font-family: 'VAG-light';
src: url(../../../css/fonts/VAGRoundedStd-Light.otf);
}


.uk-navbar-nav > li > a { display: block;  box-sizing: border-box;  text-decoration: none;
    height: 100px; padding: 0 16px; line-height: 100px;  color: #ffffff;
  
    font-family: 'VAG-light'; font-size: 18px;
    font-weight: normal; letter-spacing:1px;
}



/* -- edits to swap mobile menu earlier -- */
@media (max-width:990px /* was: 1250px */ ) {  

    .tm-navbar .uk-visible-small {   
    display: block !important; padding-left:15px;  
    }  

    .tm-headerbar.uk-hidden-small,  
    .tm-navbar .uk-hidden-small,  
    .tm-toolbar.uk-hidden-small {   
    display: none !important;   
    }  

    .tm-navbar { padding: 0 15px; }  
    .tm-page-bg > .uk-container > .tm-container { margin: 20px 0; }  
    .tm-logo-small img { margin-top: -10px; }  
    .uk-float-right .tm-social-icon-buttons { margin-right: 0; }  
    .uk-navbar-toggle.uk-visible-small { padding-left: 0; }  
  .tm-logo.uk-visible-small {/* new  width:300px;height:89px; */ border:solid 0px; border-color:#ff0000; }
  .tm-logo-small.uk-visible-small {/* new */ width:300px;height:89px; border:solid 0px; border-color:#ff0000; }
}  

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); text-align:left;
}



.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background-color:#60954d;  font-family: 'VAG-light'; }
.uk-navbar-nav > li.uk-active > a {   background-color: none;  color: #990002; font-family: 'VAG-light'; }      

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a 
{ color:#990002; font-family: 'VAG-light'; }

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background-color: #990002; font-family: 'VAG-light'; 
}

/* DROP DOWN STYLES */

.uk-dropdown {  margin-top: 0px;background: #000000; }

.uk-dropdown-navbar {  margin-top: -10px; background: #000000;
    color: #ffffff; font-family: 'VAG-light'; font-size: 16px; }




@media (max-width: 990px) {
.tm-block.tm-block-full-width {
    padding: 0 !important;
  margin-top: -50px;  }
}


/* Mobile menu styles */

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
     background: #990002;
    color: #ffffff;
}

.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #990002;
    color: #ffffff;
    outline: none;
}



/* search bar */

.uk-offcanvas input.uk-search-field {
    width: 100%;
    border-color: rgba(0, 0, 0, 0);
    background: #ffffff;
    color: #cccccc;
}


.video-container {	position:relative;	padding-bottom:56.25%;	padding-top:30px;	height:0;	overflow:hidden; }

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }