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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 #main a, #main .rin-link {
    color: #5f125f ;
    text-decoration: none;
    cursor: pointer;
}
em,i{color: #000 !important;}

  .tm-logo img{width:250px; height: auto;}
  .uk-navbar{background: transparent;}
  .uk-navbar-nav>li.uk-active>a{background: transparent;}
  .uk-nav-navbar ul a{color: #338800;}
  .uk-float-left{width: 49%; text-align: center; display: block; position: relative}
  .uk-float-right{width: 49%; text-align: center; display: block; position: relative}
  .tm-toolbar .uk-float-left .uk-panel, .tm-toolbar .uk-float-right .uk-panel{float: none;}
  .tm-headerbar .uk-panel{float: none;}
  #footer{background: #491521; color: white;}
  #tm-footer > a{color: white;}
  #header{background:#F3FFEB;}
  #swoop{background: url('../images/top-swoop-lg.png') no-repeat top left; background-size: 100% 100%; height: 50px; width: 100%;}
  .home #top{position: relative; top:-50px; z-index:-1;}
  .home #main{position: relative; top:-150px; background: url('../images/permaplot-v4.png') no-repeat top center; padding-top:150px; background-size: 100vw;}
  #header > div > div > div.rin-width-3-4\@s > nav > ul{width: 100%; margin-left:5%}
    #header > div > div > div.rin-width-3-4\@s > nav > ul > li{width: 25%; text-align: center;}
        #header > div > div > div.rin-width-3-4\@s > nav > ul > li:last-child{width: 20%; text-align: right;}

#footertree{background: #fff url('../images/footertree.jpg') no-repeat bottom -5px center; background-size: contain; min-height: 400px; }
  
  .uk-nav-header {
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a {
    background-color: transparent;
    color: #290629;
    outline: none;
}
.darkpurple{color: #290629;}

footer{top:-50px;}
#footer .uk-nav-header{text-transform: none !important;}
#footer .uk-nav-header:not(:first-child) {
     margin-top: 0px;
}
#footer li a{color: white;}
.impact{font-family: 'impactregular'; font-size: 1.5em; letter-spacing: 1px;}
.impact a{color: #290629;}
.impact a:hover{color: #290629; text-decoration: none;}

.black, h1,h2,h3,h4,h5,h6 {font-family: 'overpassblack';}
b,strong{font-family: 'overpassbold';}
p, .uk-navbar-nav>li>a, ul, li {font-family: 'overpassextralight'; font-size: 20px; }
i,em{font-family: 'overpassitalic';}
b i, b em, strong i, strong em{ font-family: 'overpassmedium_italic';
	
}
.uk-nav-offcanvas>li>a {color: #555;font-family: 'overpassbold';}
.uk-nav-offcanvas ul a {color: #777;}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color: #666;}
.uk-dropdown-navbar{background: white; border:1px solid #290629;}


@media (max-width:639px){
	.tm-logo{text-align: center;}
	#toolbar {margin-top: 0px;}
	.home #main {
    top: -100px;
    padding-top: 25px;
}
.impact{font-family: 'impactregular'; font-size: 1em; letter-spacing: 1px;}

}

  /* UIKIT 3 */
  .rinimum{min-height: 100px;}
  .rin-offcanvas-bar{background: white !important;}
  
  /* FONTS */
@font-face {
    font-family: 'impactregular';
    src: url('impact.woff2') format('woff2'),
         url('impact.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpassblack';
    src: url('overpass-black.woff2') format('woff2'),
         url('overpass-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpassbold';
    src: url('overpass-bold.woff2') format('woff2'),
         url('overpass-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpassextralight';
    src: url('overpass-extralight.woff2') format('woff2'),
         url('overpass-extralight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpassitalic';
    src: url('overpass-italic.woff2') format('woff2'),
         url('overpass-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overpassmedium_italic';
    src: url('overpass-mediumitalic.woff2') format('woff2'),
         url('overpass-mediumitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}