/* =========== Custom CSS Styling =========== 


Primary Color:  Ruby 
D83945


RGB
255, 95, 32


*/  

.uk-panel-box {
    padding: 20px;
    background: #282c2f;
    color: #858b92;
    border-radius: 3px;
}

.uk-thumbnail {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 6px;
    border: 0px;
    background: #33393e;
    border-radius: 3px;
}


.tm-navbar {  
height: auto;  
padding: 10px;  
        background: #282c2f;
}  

.tm-nav-logo {  
margin-top: 20px;  
position: relative;  
    margin-bottom: 20px;
}  

.tm-toolbar {  
height: auto;  
padding-bottom: 20px;  
}


.tm-parallax-teaser-headline {  
    animation: 1.5s ease 0s normal none 1 Parallax-FadeIn;  
    background: none repeat scroll 0 0 rgba(255, 95, 32, 0.7);  
    color: #FFFFFF;  
    display: inline-block;  
    font-size: 32px;  
    font-weight: normal;  
    line-height: 32px;  
    padding: 15px 25px;  
}   


.tm-parallax-teaser-caption {  
    animation: 1.5s ease 0s normal none 1 Parallax-FadeIn;  
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);  
    color: #FFFFFF;  
    display: inline-block;  
    font-size: 16px;  
    line-height: 16px;  
    margin-top: 5px;  
    padding: 5px 25px;  
}




.tm-parallax-teaser-headline-mobile {  
    animation: 1.5s ease 0s normal none 1 Parallax-FadeIn;  
    background: none repeat scroll 0 0 rgba(255, 95, 32, 0.7);  
    color: #FFFFFF;  
    display: inline-block;  
    font-size: 18px;  
    font-weight: normal;  
    line-height: 18px;  
    padding: 5px 25px;  
}  


.tm-parallax-teaser-caption-mobile {  
    animation: 1.5s ease 0s normal none 1 Parallax-FadeIn;  
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);  
    color: #FFFFFF;  
    display: inline-block;  
    font-size: 12px;  
    line-height: 12px;  
    margin-top: 5px;  
    padding: 5px 5px;  
}

/* Position and style for Absolute Module: */  
.absolute {  
position: fixed;  
right: 0;  
top: 180px;  
z-index: 99;  
}

.tm-nav-logo { width: 168px; }

.uk-navbar-nav > li > a {
    font-size: 13px;
    font-weight: 300;
}

.uk-offcanvas-bar {
    background: none repeat scroll 0 0 #333333;
}

/* Text-level semantics
 ========================================================================== */
/*
 * Links
 */
a,
.uk-link {
  color: #348fc3;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover {
  color: #348fc3;
  text-decoration: none;
}

a:hover, a:focus {
    color: #017cc3;
  text-decoration: none;
}
/*
 * Emphasize
 */
em {
  color: #36b7d3;
}
/*
 * Insert
 */
ins {
  background: rgba(3, 136, 213, 0.2);
  color: #348fc3;
  text-decoration: none;
}
/*
 * Mark
 * Note: Addresses styling not present in IE 8/9.
 */
mark {
  background: rgba(3, 136, 213, 0.2);
  color: #017cc3;
}


/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px 0;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #348fc3;
  text-transform: uppercase;
}

/*
 * Sub-modifier: `uk-panel-box-primary`
 */
.uk-panel-box-primary {
  background-color: #017cc3;
  color: #ffffff;
	padding: 20px;
  /* link color */
  /* uk-button style */
  /* uk-button-primary */
  /* uk-form input fields */
  /* uk-form placeholder */
  /* uk-list-line */
}
.uk-panel-box-primary > a:not([class]),
.uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]) {
  color: #2aadf9;
}
.uk-panel-box-primary > a:not([class]):hover,
.uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]):hover {
  color: #2d120e;
}
.uk-panel-box-primary .uk-button {
  background: #ffffff;
  color: #017cc3;
}
.uk-panel-box-primary .uk-button:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #017cc3;
}
.uk-panel-box-primary .uk-button-primary {
  background: #2d120e;
}
.uk-panel-box-primary .uk-button-primary:hover {
  background: rgba(45, 18, 14, 0.8);
}
.uk-panel-box-primary .uk-form input:not([type]),
.uk-panel-box-primary .uk-form input[type="text"],
.uk-panel-box-primary .uk-form input[type="password"],
.uk-panel-box-primary .uk-form input[type="email"] {
  border: none;
  background: #0173b4;
  color: rgba(255, 255, 255, 0.85);
  /* Focus state */
}
.uk-panel-box-primary .uk-form input:not([type]):focus,
.uk-panel-box-primary .uk-form input[type="text"]:focus,
.uk-panel-box-primary .uk-form input[type="password"]:focus,
.uk-panel-box-primary .uk-form input[type="email"]:focus {
  background: #0368a2;
  color: #ffffff;
}
.uk-panel-box-primary .uk-form :-ms-input-placeholder {
  color: #1399e7 !important;
}
.uk-panel-box-primary .uk-form ::-moz-placeholder {
  color: #1399e7;
}
.uk-panel-box-primary .uk-form ::-webkit-input-placeholder {
  color: #1399e7;
}
.uk-panel-box-primary .uk-list-line > li:nth-child(n+2) {
  border-top-color: rgba(255, 255, 255, 0.15);
}
.uk-panel-box-primary .uk-panel-title {
  color: #ffffff;
}

/* Modifier `uk-comment-primary`
 ========================================================================== */
.uk-comment-primary {
  border-color: #017cc3;
}
.uk-comment-primary .uk-comment-title {
  color: #017cc3;
}

/* Active */
.uk-nav-side > li.uk-active > a {
  background: rgba(0, 0, 0, 0);
  color: #017cc3;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
  background: #017cc3;
  color: #ffffff;
  /* 2 */
  outline: none;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #017cc3;
  color: #ffffff;
  /* 2 */
  outline: none;
}

/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #017cc3;
  color: #ffffff;
}

/* uk-nav-dropdown active color */
.uk-nav-dropdown > li.uk-active > a {
  color: #017cc3;
}
.uk-nav-dropdown > li.uk-active > a:hover {
  color: #ffffff;
}
/* uk-nav-navbar active color */
.uk-nav-navbar > li.uk-active > a {
  color: #017cc3;
}
.uk-nav-navbar > li.uk-active > a:hover {
  color: #ffffff;
}
/* uk-nav-side hover in uk-panel-box */
.uk-panel-box .uk-nav-side > li > a:hover,
.uk-panel-box .uk-nav-side > li > a:focus {
  border-radius: 0;
}
/* uk-nav-side nested active color */
.uk-nav-side ul li.uk-active > a {
  color: #017cc3;
}

/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: rgba(0, 0, 0, 0);
    color: #017cc3;
font-weight: 400; }

/*
 * Link colors
 */
.uk-navbar-content > a:not([class]) {
  color: #017cc3;
}
.uk-navbar-content > a:not([class]):hover {
  color: #348fc3;
}

/*
 * Items
 */
.uk-subnav > li > a {
  color: #017cc3;
}
.uk-subnav > li > a:hover {
  color: #348fc3;
}

/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-pill > li.uk-active > a {
  background: #017cc3;
  color: #ffffff;
}

/*
 * Active
 */
.uk-pagination > .uk-active > span {
  background: #017cc3;
  color: #ffffff;
}

/* Active */
.uk-tab > li.uk-active > a {
  border-color: #33393e;
  border-bottom-color: transparent;
  background: #2b3034;
  color: #017cc3;
}

/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary {
  background-color: #017cc3;
  color: #ffffff;
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #fe7d68;
  color: #ffffff;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #e95841;
  color: #2aadf9;
}

/* Color */
.uk-button-link {
  color: #017cc3;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
  color: #348fc3;
  text-decoration: underline;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #017cc3;
  color: #ffffff;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/* Active */
.uk-icon-button:active {
  background-color: #fe745e;
  color: #2aadf9;
}

/* Sub-object: `uk-progress-bar`
 ========================================================================== */
/*
 * 1. Transition
 * 2. Needed for text
 */
.uk-progress-bar {
  width: 0;
  height: 100%;
  background: #017cc3;
  float: left;
  /* 1 */
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  /* 2 */
  font-size: 13px;
  color: #ffffff;
  text-align: center;
}

/* Grid and panel in dropdown
     ========================================================================== */
/* uk-dropdown-navbar panel link color */
.uk-dropdown-navbar .uk-panel > a:not([class]) {
  color: #017cc3;
}
.uk-dropdown-navbar .uk-panel > a:not([class]):hover {
  color: #348fc3;
}

/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Set dimensions
 * 4. Set style
 */
.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  /* 3 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 200px;
  padding: 5px 10px;
  /* 4 */
  background: #017cc3;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  font-weight: inherit;
}
/* Triangle
 ========================================================================== */
/*
 * 1. Dashed is less antialised than solid
 */
.uk-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  /* 1 */
  border: 5px dashed #017cc3;
}

/* Direction modifiers
 ========================================================================== */
/*
 * Top
 */
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
  bottom: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #017cc3;
}
/*
 * Bottom
 */
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
  top: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #017cc3;
}

/*
 * Left
 */
.uk-tooltip-left:after {
  right: -5px;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #017cc3;
}
/*
 * Right
 */
.uk-tooltip-right:after {
  left: -5px;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #017cc3;
}

/*
 * Active
 * 1. Remove default focus style
 */
.uk-nav-search > li.uk-active > a {
  background: #017cc3;
  color: #ffffff;
  /* 1 */
  outline: none;
}

/* ========================================================================
   Warp theme
 ========================================================================== */
/* Layout Block Styling
 ========================================================================== */
/*
 * Blocks
 */
.tm-block-padding,
.tm-block-large-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
/* Only phones */
@media (min-width: 800px) {
  .tm-block-large-padding {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
.tm-block-light {
  background-color: #33393e;
}
.tm-block-dark {
  background-color: #262a2e;
}
.tm-block-primary {
  background-color: #017cc3;
}
.tm-block-primary-dark {
  background-color: #ef5c45;
}
.tm-block-footer {
  background-color: #2b3034;
}

.tm-primary > a:not([class]),
.tm-primary > :not([class*='uk-nav']) a:not([class]),
.tm-primary .uk-panel a {
  color: #2aadf9;
}
.tm-primary > a:not([class]):hover,
.tm-primary > :not([class*='uk-nav']) a:not([class]):hover,
.tm-primary .uk-panel a:hover {
  color: #2d120e;
}
.tm-primary .uk-button {
  background: #ffffff;
  color: #017cc3;
}
.tm-primary .uk-button:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #017cc3;
}
.tm-primary .uk-button-primary {
  background: #2d120e;
}
.tm-primary .uk-button-primary:hover {
  background: rgba(45, 18, 14, 0.8);
}
.tm-primary .uk-form input:not([type]),
.tm-primary .uk-form input[type="text"],
.tm-primary .uk-form input[type="password"],
.tm-primary .uk-form input[type="email"] {
  border: none;
  background: #0173b4;
  color: rgba(255, 255, 255, 0.85);
  /* Focus state */
}
.tm-primary .uk-form input:not([type]):focus,
.tm-primary .uk-form input[type="text"]:focus,
.tm-primary .uk-form input[type="password"]:focus,
.tm-primary .uk-form input[type="email"]:focus {
  background: #0368a2;
  color: #ffffff;
}
.tm-primary .uk-form :-ms-input-placeholder {
  color: #1399e7 !important;
}
.tm-primary .uk-form ::-moz-placeholder {
  color: #1399e7;
}
.tm-primary .uk-form ::-webkit-input-placeholder {
  color: #1399e7;
}

.tm-primary .uk-panel-box {
  background: #017cc3;
  color: #ffffff;
}

/*
 * Search
 */
.tm-block-search {
  padding: 20px 0;
  background: #ef5c45;
  text-align: center;
  /* Sub-object `uk-search-field` */
}
.tm-block-search .uk-search-field {
  color: #ffffff;
}
.tm-block-search .uk-search-close,
.tm-block-search .uk-search:before {
  color: #1399e7;
}
.tm-block-search .uk-search-field:-ms-input-placeholder {
  color: #1399e7;
}
.tm-block-search .uk-search-field::-moz-placeholder {
  color: #1399e7;
}
.tm-block-search .uk-search-field::-webkit-input-placeholder {
  color: #1399e7;
}

.tm-fullscreen-container .tm-fullscreen .uk-panel h1 {
  color: #017cc3;
}

  .tm-fullscreen-container .tm-fullscreen .uk-panel h1 {
    color: #017cc3;
  }

body {
    background: #2b3034;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 22px;
    color: #a7b4bf; 
}