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

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

input.uk-search-field {
  border: 1px solid #ccc;
}

.uk-search::before {
  line-height: 60px;
  right:20px;
left: inherit;
  color:#00a2d4;

}

.uk-navbar-brand {pointer-events: none;cursor: not-allowed;}

.mb-3
{
   display: none;
    
}

.ITW-title h3 {
    margin-bottom: -0.4em !important;
    font-weight: 600;
}

.home .ITW-title h3 {
    margin-bottom: -0.9em !important;
    font-weight: 600;
}
p {
    margin: 10px 0px;
}

.uk-nav-offcanvas ul a {
  color: rgba(255, 255, 255, 1);
}

.uk-nav-offcanvas ul li.uk-active a {
    color: #00a2d4;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #00a2d4;
}
.uk-nav-side > li > a:active {
  background: #f9f9f9;
  color: #000000;
}

.ITW .uk-dotnav > * > :hover,.ITW .uk-dotnav > * > :focus,.ITW .uk-dotnav > .uk-active > * {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 1px #fff;
}

h1 {
    margin-top: -5px !important;
}

h1.tm-title
{
margin:-5px 0px 0px 0px !important;
}

.uk-article h2
{
    margin:10px 0;
}

.tm-logo-small img
{
    width:80%;
}

.uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset a:focus {
    color: inherit;
    text-decoration: none!important;
    pointer-events: none!important;
    cursor: default;
}

.uk-panel-header .uk-panel-title::after {
    display: none;
}

.ITW-bg .uk-margin {
    margin: 10px 0px;
}

.ITW-bg h3 {
    margin-bottom: 0px;
}

  .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0;
}

em {
    color: #000;
}
h1.uk-article-title {
    margin: 0px!important;
}

* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 20px;
}

.uk-panel-box .uk-nav-side > li > a {
    padding-right: 15px;
    padding-left: 20px;
  border-top: 1px solid #f2f2f2;
}

.uk-nav-side > li > a {
    color: #333;
    margin-bottom: 0px;
    font-size: 12px;
   padding: 0px;
    font-weight: 500;
}

.uk-tab > li > a {
    padding: 12px 6px 12px 6px;
    font-size: 12px;
    font-weight: 500;
}

.uk-panel-box > .uk-nav-side {
    margin: 10px -10px 0px 10px;

}

.uk-panel.uk-panel-box.innernav {
    background: #fff!important;
   /* width: 50%;
    float: right;*/
}

.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  background: #00a2d4;
  color: #fff;
}
.uk-nav-side > li.uk-active > a {
  background: #00a2d4;
  color: #fff;
}

.blue .uk-panel-box-secondary {
    background: #00a2d4 !important;
}



.uk-button {

    font-size: 14px;
}

.parallax-content .uk-panel-hover:hover img 
{
filter: contrast(0%) brightness(200%);
margin: 40px 0 0;
-webkit-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
}

.parallax-content .uk-panel-hover:hover .uk-h2, .parallax-content .uk-panel-hover:hover p
{
color:#fff;
-webkit-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
}

.parallax-content img 
{

margin: 40px 0 0;
}

.parallax-content .uk-h2 {
    color: initial;
}

.bg-tl-S
{
  background: url("https://www.onesustainablehealth.xyz/templates/yoo_avanti/images/bg-osh.png") no-repeat -50px -540px !important;
}

.bg-tl-M
{
  background: url("https://www.onesustainablehealth.xyz/templates/yoo_avanti/images/bg-osh.png") no-repeat 150px -540px !important;
}

.bg-trc {
    background: url("https://www.onesustainablehealth.xyz/templates/yoo_avanti/images/bg-osh.png") no-repeat 135% 40px !important;
}

.uk-nav-navbar > li > a {
    color: #fff;
    font-size: 14px;

}
.uk-dropdown-navbar .uk-nav-navbar > li.uk-active > a, .uk-nav-navbar > li > a:hover {
    background: #00a2d4;
    color: #fff;
}

.uk-dropdown-navbar {
    background: #333!important;
}

article img.uk-align-left {
    width: 50%;
}

.edito .uk-heading-large {
  color:#00a2d4;
}

.uk-panel.uk-panel-box.ITW-bg {
    background: #f2f2f2;
}

.tm-sidebar-b
{
    padding:0px
}

#tm-content {
    padding: 20px;
}

.personna .uk-panel-hover  {
    padding: 10px;
    color: #333333;
    border: 1px solid transparent;
    background: #333333;
    border-radius: 0;
    -webkit-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
  min-height: 430px;
}

.personna  .uk-panel-hover:hover {
    padding: 10px;
    color: #333333;
    border: 1px solid transparent;
    background: #00a2d4;
    border-radius: 0;
    -webkit-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}

.personna .uk-margin,.personna p
{
    color:#fff;
}
 
 .uk-overlay-background {
    background: rgba(0, 162, 212, 0.8);
}

.a-la-une-widget .uk-panel-title 
{
  line-height: 18px;
  font-size: 14px; 
  margin-bottom: 10px;
}
.personna .uk-panel-title {
    margin-bottom: 10px;
    color: #fff;
    padding: 0px;
}

.personna .uk-slideset-nav {
    margin-top: 20px;
}

.a-la-une-widget p, .a-la-une-widget .uk-margin, .personna .uk-margin,.personna p
{
margin:10px 0;
font-size:11px;
}

.a-la-une-widget .uk-button, .personna .uk-button  {
    line-height: 15px;
    min-height: 15px;
    font-size: 10px;
    padding: 0 7px;
    color: #fff;
}

.personna .uk-button:hover {
  background: #ffffff;
  color: #000000;
}
.personna .uk-button:active,
.personna .uk-button:focus {
  background: #ffffff;
  box-shadow: none;
  color: #ffffff;
}

.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus,
.uk-dotnav > .uk-active > * {
    background: #00a2d4;
    border-color: #00a2d4;
    box-shadow: 0 0 0 1px #00a2d4;
}
.uk-dotnav > * > * {
  background: #6e6e6e;
  border: 1px solid #6e6e6e;
}


.uk-panel-hover {
    padding: 10px;
    color: #333333;
    border: 1px solid #f2f2f2;
    background:#f2f2f2;
    border-radius: 0;
    -webkit-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}

.parallax-content .uk-panel-hover {
    padding: 10px;
    color: #333333;
    border: 0px solid #f2f2f2;
    background: rgba(255,255,255,0.8);
}

.parallax-content .uk-panel-hover:hover {
  background: #00a2d4;
  color: #000000;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.1);
}


.uk-panel-box-secondary, .uk-panel-box-secondary h1, .uk-panel-box-secondary h2, .uk-panel-box-secondary h3, .uk-panel-box-secondary h4, .uk-panel-box-secondary h5, .uk-panel-box-secondary h6  {
    color: #fff;
}

.uk-panel-box {
    background:#fff;
}

.uk-panel-box-secondary {
    background-color: #000000 !important;
}

.uk-panel-hover > .uk-panel-teaser {
    margin-top: -11px;
    margin-left: -11px;
    margin-right: -11px;
}

.uk-panel-teaser {
    margin-bottom: 10px;
}

.uk-navbar-nav > li > a {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.uk-navbar-nav > li.uk-active > a {
    color: #00a2d4;
}

.oneclic {
      padding: 0px;
    margin-top: 0px !important;
}

.uk-panel-title {
	line-height:22px;
    font-size: 18px;
}

.oneclic .uk-panel-box {
    padding: 15px;
}
.oneclic .uk-icon-medium {
  color:#00a2d4;
      -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
}

.uk-panel-box-primary-hover:hover .uk-panel-title .uk-icon-medium {
-webkit-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
    color:#fff;
}

.uk-icon-small {
  font-size: 120%;
  vertical-align: -10%;
}
.uk-icon-medium {
  font-size: 150%;
  vertical-align: -16%;
}
.uk-icon-large {
  font-size: 200%;
  vertical-align: -22%;
}

p,h1,h2,h3,h4,h5,li, dt, dd
{line-height: 150%;}

.uk-panel-box-primary {
  background-color: #333333;
  color: #ffffff;
  border-bottom: 1px solid #fff;
}

.uk-panel-box-primary-hover:hover {
  background-color: #00a2d4;
  color: #fff;
}

.tm-sidebar-b.uk-width-medium-3-10,.tm-sidebar-a.uk-width-medium-1-5 {
	padding: 0px;
}



.logoosh
{margin-top:-5px;
}

.ikmata-headerbar {
    min-height: 60px;
    line-height: 60px;
    background: #f2f2f2;
    padding: 0px 20px;
}

*
{
  font-family: 'Raleway';
}

.uk-navbar {
    border-top: 1px solid #00a2d4;
    border-bottom: 1px solid #00a2d4;
}

.uk-dropdown-navbar {
    background: #f2f2f2;
}

.ikmata-headerbar p
{
    margin:0px;
  	line-height:inherit;
}

.separator
{
    margin-left: 25px;    
}

.separator:before {
  content: "";
  margin-left: -18px;
  color: grey;
  border-left: 1px solid gray;
  position: absolute;
  height: 25px;
  top: 18px;
}

.mod-languages.uk-float-right.separator::before {

    display: none!important;
}

.mod-languages.uk-float-right.separator {
    margin-left: 0px;
}

.uk-button
{
    text-transform: initial;
    letter-spacing: initial;
}

.uk-button-mini {
    min-height: 40px;
    padding: 0 17px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-right: 9px;
}


/*-----------------------------Responsive ---------------------------*/

@media (min-width: 1023px){
.uk-container {
    max-width: 100%;
}
}

@media (max-width: 1080px)
{
.tm-search.uk-float-left {
    float: none!important;
    margin: auto;
    text-align: center;
}

.tm-more.uk-float-right.uk-column-1-1 {
    float: none!important;
    width: 100%;
    text-align: center;
    margin: auto;
}

.ikmata-headerbar.uk-float-right{
    margin: auto;
    width: 100%;
    float: none!important;
}
    
    .uk-float-right{
    float: none!important;
}
    
    .separator {
    margin-left: 0px;
}
    
    .separator::before {
	display: none;     
}
    
    .ikmata-headerbar {
    line-height: initial;
    padding: 0px;
    font-size: 10px;
    line-height: 18px;
}
  
  .uk-button-mini {
    min-height: 40px;
    padding: 0 17px;
    line-height: 40px;
    border-radius: 0px;
    margin-right: 0px;
    width: 100%;
}
  
  .mod-languages.uk-float-right.separator {
    margin-left: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
}
    
    }


@media (min-width: 1024px)
{
  
  .ITW .uk-slidenav-position {
    padding: 0 100px;
}
  
.home .tm-main {
    width: 53%;
}

.home .tm-sidebar-a {
    width: 17%;
}
  
.home .tm-sidebar-b {
    width: 30%;
}
    .uk-panel-box {
    padding: 20px;
}
    .oneclic {
    padding: 00px;
}
  

}

@media (max-width: 1023px)
{
  
  
  
.tm-sidebar-b,.tm-sidebar-a,.tm-main{
    width: 100%;
}
  
  .uk-grid-margin {
    margin-top: 0px!important;
}
 
}

@media (max-width: 1280px)
{
  /*
  .tm-sidebar-b.uk-width-medium-3-10,.tm-sidebar-a.uk-width-medium-1-5 {
	padding-left:40px;
}

.tm-sidebar-b
{
    padding-left:40px;
}
    
.tm-sidebar-b,.tm-sidebar-a,.tm-main{
    width: 100%;
}*/

  
  .uk-grid-margin {
    margin-top: 0px!important;
}
  
  .parallax-content .uk-panel-hover:hover img 
{
filter: contrast(0%) brightness(200%);
margin: 5px 0 0;
-webkit-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
}

.parallax-content .uk-panel-hover:hover .uk-h2, .parallax-content .uk-panel-hover:hover p
{
color:#fff;
-webkit-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
}

.parallax-content img 
{

margin: 5px 0 0;
width: 60px;
}

.parallax-content .uk-h2 {
    color: initial;
    font-size: 18px;
    margin: 0px;
}

.parallax-content p,.parallax-content .uk-margin {
    color: initial;
    font-size: 18px;
    margin: 0px;
}

.parallax-content p {
    color: initial;
    font-size: 12px;
}

.parallax-content .uk-panel-hover {
    margin: 10px 0px;
}


}

@media (min-width: 1321px) and (max-width: 1580px)
{
.uk-panel-title {
    line-height: 16px;
    font-size: 14px;
}
    
    .uk-panel-box-secondary p
    {
        font-size:12px;
        margin-top:15px;
    }
	
	.a-la-une-widget .uk-panel-title,.personna .uk-panel-title {
    line-height: 14px;
    font-size: 12px;
    margin-bottom: 10px;
}
    
    .personna .uk-panel-hover  {
  min-height: 360px;
}

.a-la-une-widget p, .a-la-une-widget .uk-margin, .personna .uk-margin,.personna p {
    margin: 10px 0px;
    font-size: 9px;
}

a-la-une-widget .uk-button,.personna .uk-button {
    line-height: 14px;
    min-height: 14px;
    font-size: 9px;
    padding: 0 7px;
}
  
  .edito .uk-heading-large {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 15px;
}

.edito p {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 15px !important;
}
    
    
}

@media (min-width: 768px) and (max-width: 1199px)
{
.uk-navbar-nav > li > a {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .a-la-une-widget {
    margin-left: 5px !important;
}
}

@media (min-width: 0px) and (max-width: 920px)
{
article img.uk-align-left {
    width: 100%;
}
}


@media (min-width: 1321px) and (max-width: 1480px)
{
.uk-navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
}


@media (min-width: 1200px) and (max-width: 1320px)
{
.uk-navbar-nav > li > a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}
}
@media (min-width: 768px) and (max-width: 902px)
{
.personna .uk-panel-hover {

    min-height: 530px;
}
}




  @media (min-width: 1024px) and (max-width: 1320px)
  {
.uk-panel-title {
    line-height: 14px;
    font-size: 12px;
}
    
    .uk-panel-box-secondary p
    {
        font-size:10px;
        margin-top:13px;
    }
	
	.a-la-une-widget .uk-panel-title,.personna .uk-panel-title {
    line-height: 12px;
    font-size: 10px;
    margin-bottom: 10px;
}
      
      .personna .uk-panel-hover  {
  min-height: 350px;
}

.a-la-une-widget p, .a-la-une-widget .uk-margin, .personna .uk-margin,.personna p {
    margin: 10px 0px;
    font-size: 9px;
}

.a-la-une-widget .uk-button,.personna .uk-button  {
    line-height: 14px;
    min-height: 14px;
    font-size: 8px;
    padding: 0 6px;
}

.a-la-une-widget .uk-margin {
    display: none;
}
    
	.oneclic .uk-panel-box {
    padding: 12px;
}

.uk-panel-title {
    line-height: 12px;
    font-size: 11px;
}
  
  .edito .uk-heading-large {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 15px;
}

.edito p {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 15px !important;
}
    
}