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

/* ===== 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: 22px -20px 0 0;
}

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


.tm-block-dark {
    background: #506b88;
}

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: 120px; background:#201e1f; }


@media (max-width:1150px ) {  

.tm-navbar {   padding: 0px; }
.tm-navbar { background-image: url(../../../../../images/nav-back.png);  background-repeat: repeat-x; }
nav { position: relative;  /*height: 120px;*/  background: #201e1f; border-bottom: solid 1px;  border-color: #bbbbbb;}
.tm-logo img { margin-top: 0px; } 
.tm-logo-small img { margin-top: -10px;display:none; } 
  
  .uk-navbar-nav > li > a { display: block;  box-sizing: border-box;  text-decoration: none;
    height: 100px; padding: 0 12px; line-height: 100px;  color: #000000;
    font-family: 'Gill'; font-size: 17px;  font-weight: normal; letter-spacing:1px; 
}
  
}

@media (max-width:481px ) {  

.tm-navbar {   padding: 0px; }

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

nav {  position: relative;  height: 90px;  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: 'Gill';
src: url(../../../css/fonts/GillSansStd.otf);
}


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



/* -- edits to swap mobile menu earlier -- */
@media (max-width:1100px /* 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:#506b88;  }
.uk-navbar-nav > li.uk-active > a {   background-color: none;  color: #506b88; }

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a 
{ color:#506b88;  }


.uk-navbar-toggle {
    font-size: 15px;
    color: #506b88;
    text-decoration: none; margin-top:-10px; padding-top:0px;
}


/* drop down ===================== */

.uk-nav-navbar > li > a, .uk-nav-navbar > li > a 
{  background:none; font-size:14px; font-family: 'Gill'; letter-spacing:1px;  }

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus 
{  background-color: #506b88; font-size:14px; font-family: 'Gill'; letter-spacing:1px; }




/* To make logo sit on line */


nav {
    position: relative;
    height: 106px;
    border-bottom: solid 1px;
    border-color: #bbbbbb;
    background: #201e1f;
}

.uk-sticky-placeholder > * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f5f4ef;
}


@media ( max-width:481px) {

nav { border-bottom: solid 0px;  background: #f5f4ef;  }
}



/* special for page width at medium screen size */

.uk-container {
    box-sizing: border-box;
        max-width: 1110px !important;
    padding: 0 25px;
}