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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

body {background: #97be0c;}
html {font: 15px/26px 'Open Sans', sans-serif;}

*::-moz-selection {background: #97be0c; color: #FFF;}
::selection {background: #97be0c; color: #FFF;}

.home #tm-top-b .uk-container {max-width: 940px;}
#tm-header .uk-container .tm-navbar-center {float: right;}

.surveillance #tm-top-c .uk-container {max-width: 920px;}



#tm-top-a .uk-slideshow > li {max-height: 450px;}
#tm-top-a .uk-slideshow {max-height: 450px;}

.uk-navbar-nav > li.uk-active > a {color: #97be0c;}
.uk-navbar {background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.uk-navbar-nav > li > a {color: #666666; font-family: 'Open Sans', sans-serif;}
.uk-nav-navbar > li > a {font-family: 'Open Sans', sans-serif;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {color: #97be0c;}
.uk-dropdown-navbar {background: #FFF; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {color: #97be0c;}

.uk-dropdown-navbar .uk-nav-navbar > li.uk-active > a {color: #97be0c;}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; color: #97be0c;}
.uk-panel-title {color: #97be0c; font-size: 19px;}

.uk-block-primary {background: #97be0c;}
.uk-block-primary:not(.uk-contrast) .uk-panel-title {color: #FFF!important;}
.uk-block-primary .h3 {color: #FFF;}
h4, .uk-h4, h5, .uk-h5 {letter-spacing: 2px;}


.uk-navbar-toggle {color: #9c9c9c;}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {color: #97be0c;}

.uk-overlay-background {background: rgba(151, 190, 12, 0.85) none repeat scroll 0 0;}
.uk-overlay-panel {color: #FFF; padding: 25px 35px;}
.home #tm-top-d .uk-panel-title {font-size: 16px; font-weight: bold;}

.uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 {color: #FFF;}

#tm-footer {background: #97be0c; color: #FFF; font-size: 13px;}
.tm-block-footer {padding-top: 15px; padding-bottom: 15px;}

.stack-space .uk-panel-space {padding: 40px 40px 40px 0;}
.stack-space .uk-panel-body {padding: 40px 40px 40px 0!important;}

#tm-footer a, .uk-link {color: #FFF;}

.contact #tm-top-a h4 {margin-bottom: 0!important;}

.home #tm-top-c .uk-panel-title {font-size: 18px;}

.check {font-size: 18px; letter-spacing: 1px; text-transform: uppercase; color: #FFF;}
.uk-block-primary:not(.uk-contrast) .uk-text-primary {color: #FFF!important;}
/*.home #tm-bottom-b .uk-container {max-width: 750px;}*/


a, .uk-link {color: #97be0c;}
a:hover, .uk-link:hover {color: #666666; text-decoration: none;}


.uk-dropdown, .uk-dropdown-blank {width: -moz-max-content; width: max-content; width: -webkit-max-content;
    width: -o-max-content;}


/*OFFCANVAS*/
.uk-offcanvas-bar {background:#FFF;}
.uk-nav-offcanvas > li > a {font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 0; text-transform: inherit;}
ul.uk-nav-sub {font-family: 'Open Sans', sans-serif;}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {color: #97be0c;}
.uk-nav-offcanvas > li > a {color: #666666;}
.uk-nav-offcanvas ul a {color: #666666;}
.uk-offcanvas-bar-flip::after {width: 0; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);}
ul.uk-nav-sub {letter-spacing: 0; text-transform: inherit; font-size: 15px;}

.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 {color: #97be0c!important; background: transparent; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {background: transparent; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);}
.uk-nav-offcanvas > li > a:active {background: transparent!important; color: #FFF!important;}
.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: transparent;}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {color: #97be0c;}

h3, .uk-h3 {font-size: 21px;}


@media (max-width:768px) {
.clipandride-logo-gross {display:none!important;}
}

@media (min-width:768px) {
.clipandride-logo-small {display:none!important;}
}

@media (max-width: 500px) {
.check {font-size: 14px;}
.uk-text-large {font-size: 14px; line-height: 22px;}	
.uk-overlay-panel {padding: 15px;}
.home #tm-top-c .uk-panel-title {font-size: 15px;}
	}