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

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


html {   background: #3fa9be; }


.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: #3fa9be;
}

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: 110px; background:#ffffff; }


@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: #ffffff; 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: #ffffff; }
  
}



@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; }  */




/* Main menu styles ==================== */

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

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

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

.uk-navbar-nav > li.uk-active > a {  background-color: none; color: #583763; }
.uk-navbar-nav > li.uk-active > a:hover {  background-color: none; color: #583763; }

}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    background-color: #ffffff;   color: #583763; }
  
  
.uk-navbar {   background: #ffffff; /* color: #000000;*/ background-image: url("../../../../../images/nav-back.png");}

.uk-dropdown-navbar > a:hover {  margin-top: 0;  background-color: #ff0000;  color: #ffffff; }
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background-color:#60954d; color:#583763;  }


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

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

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

.uk-dropdown {  padding: 20px;  background: #79796a;  color: #ffffff;  font-size: 1rem;  vertical-align: top; }

nav {    position: relative;   height: 110px; }




.uk-navbar-toggle {   font-size: 15px;  color: #583763;  text-decoration: none; }
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {  color: #000000; }




/* To make logo sit on line */


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

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


@media ( max-width:481px) {

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



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

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




/* test  - main menu hover */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    background-color: rgba(0, 0, 0, 0);
    color: #583763;
    outline: none;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: none;
    color: #583763;
}


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

img { vertical-align: top; }