/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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

/* Layout */

a:active, a:hover {
    text-decoration: none;
}

form {
    margin: 0;
}

h1 {
    color: #135e8d;
}


/* TOOLBAR */ 

.tm-toolbar {
    line-height: 43px;
    background: #26313f; /*#ff6300;*/
    color: #fff;  
}

.tm-toolbar .social_networks {
    margin: 0;
}

.tm-toolbar .social_networks li {
    float: left;
    list-style: none;
}

.tm-toolbar .social_networks li a {
    display: block;
    width: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.tm-toolbar .social_networks li a:hover {
    background: #fff;
    color: #000;
} 

.tm-toolbar .call-us-number {
    font-size: 16px;
}

.tm-headerbar, 
.tm-toolbar {
    z-index: 10
}

.tm-headerbar, 
.tm-navbar, 
.tm-toolbar {
    margin: 0;
}

.tm-toolbar, 
.tm-navbar > div {
    padding-left: 90px;
    padding-right: 90px;
}


/* HEADERBAR */
.tm-toolbar .uk-search-field {
    background: transparent!important;
}

/* NAVBAR */

.tm-navbar {
    background: #fff;
}

@media (max-width: 980px) {
  .tm-navbar {
    position: relative!important;
    width: 100%;
  }
  .tm-toolbar, 
  .tm-navbar > div {
    padding: 0;
  }
}

.uk-navbar-nav > li > a {
    text-transform: uppercase;
    padding: 0;
}

.uk-dropdown > li > a {
    color: #fff;
}

.uk-navbar-nav > li:not(:last-child), .uk-navbar-brand {
    margin-right: 30px;
}

.uk-navbar-nav > li.uk-active > a::before {
    width: 100%;
}

.uk-navbar-nav > li > a::before {
    background: #bb484b;
    bottom: 22px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: width 0.4s ease 0s;
    width: 0;
}

.uk-dropdown-navbar .uk-nav-navbar > li > a {
    color: #fff;
}

/* BUTTONS */

.uk-button,    
.cd-button {
    border-radius: 3px!important;
}

.uk-button {
    border: 1px solid #efefef;
}

.uk-button-primary,
.uk-button-success,
.uk-button-danger {
    border: none;
}

/* FORMS */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.uk-form input, .uk-form select, .uk-form textarea,
.select2-container .select2-choice,
.uk-badge {
    border-radius: 3px;
}

.radio input[type="radio"] {
    float: none;
}

/* BLOCKS */

.tm-top-a .uk-row-first {
    margin-top: 0;  
}

@media (max-width: 480px) { 
    
    .tm-block-top-image .uk-overlay-panel {
        position: relative!important;
        background: none;
    }
    
}

.tm-footer {
    background: #2f2f2f;
    color: #fff;
    margin: 0;
    padding: 35px 0;
}


/* PANELS */

.uk-panel-box-primary h1,
.uk-panel-box-primary h2,
.uk-panel-box-primary h4,
.uk-panel-box-primary h1 {
    color: #FFF;
}


@media (max-width: 480px) { 
    
    .uk-panel-space {
        padding: 5px;
    }
    
}

/*
 * Sub-modifier: `uk-panel-box-primary`
 */
.uk-panel-box-blue {
  background-color: #26313f;
  color: #ffffff;
}
.uk-panel-box-blue-hover:hover {
  color: #ffffff;
}
.uk-panel-box-blue .uk-panel-title {
  color: #ffffff;
}

.uk-panel-box-blue .uk-nav > li > a {
    color: #fff;
}

/* MOBILE */
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    height: 40px;
}

/* MODULES */


#jd-mod-maps-wide .jd-mod-maps-special button {
    border-radius: 3px;
}

#jd-mod-maps-wide .jd-mod-maps-special button.m-active {
    border: 1px solid #0074a2
}

#jd-mod-maps-wide .jd-heading-label {
    color: #000;
    font-size: 14px;    
}


/* COMPONENTS */
ul.cd-ugrid {
    margin: 0;
}

ul.cd-ugrid li {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 2% 2% 0;
}


/* for 480px or less */
@media (max-width: 480px) { 
    
    ul.cd-ugrid li {
        margin: 0 2% 10% 0;
    }
    
}

#jd-admin-wrapper .btn {
    border: 1px solid #dddddd
}


/* SIDEBAR */

#offcanvas-side .uk-offcanvas-bar {
    background: #fff;
}

#offcanvas-side .uk-offcanvas-bar hr {
    margin: 1   5px 0;
}

.uk-button-offcanvas {
    position: fixed;
    top: 50%;
    z-index: 999;
    display:block;
    height:42px;
    line-height:0;
    padding:15px;
    width:100px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-left: -35px;
    text-transform: uppercase
}

.uk-offcanvas-bar {
    padding: 25px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    overflow-y: auto;
    overflow-x:hidden; 
}

.uk-jh-show {
    display:block!important
}

/* HTML */
.uk-how-it-works i {
    background: #bb484b;
    border-radius: 50%;
    color: #fff;
    font-size: 34px;
    height: 40px;
    padding: 25px;
    position: relative;
    width: 40px;
    line-height: 40px;
}

.newsletter-container {
    padding-top: 30px;
    padding-bottom: 30px;
}