/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
/*@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v12/Zd2E9abXLFGSr9G3YK2MsFAPIdBMqRxba8e5KJ1EMo4.woff2) format('woff2'); }*/
/* ========================================================================
How to change the font size in the title of articles - Theme Drive
http://www.yootheme.com/support/question/29717
========================================================================== */
/*h2 {  
    font-size: 10px;  
    line-height: 10px;  
}
*/
.highlight {
    background-color: #fbf803;
}

h1,
.uk-h1 {
    font-size: 18px;
    line-height: 24px;
  /*color: #224373;*/;
}

h2,
.uk-h2 {
    font-size: 16px;
    line-height: 24px;
 /* color: #224373;*/;
}


/*
http://www.yootheme.com/support/question/64603
Closing spaces in Avenue
*/
.tm-container {
    margin-top: 0;
}
.tm-top-a.uk-grid.tm-grid-block,
.tm-top-b.uk-grid.tm-grid-block,
.tm-top-block.tm-grid-block,
.uk-grid:not(.uk-grid-preserve) + .tm-middle.uk-grid,
.tm-main-bottom.uk-grid.tm-grid-block {
   margin-top: 0;
}
.uk-grid:not(.uk-grid-preserve) + .tm-middle.uk-grid,
.tm-main-bottom.uk-grid.tm-grid-block {
   margin-top: 7px;
}
.uk-grid:not(.uk-grid-preserve) + .uk-grid {
   margin-top: 7px;
}
.tm-grid-block, .tm-block-bottom, .tm-grid-block + .tm-content, .tm-top-block + .tm-middle {
   margin-top: 7px;
}

/*
http://www.yootheme.com/support/question/63998
Avenue Module Spacing
 I want to put a space between bottom b and bottom c just like the space between bottom a and bottom b.
*/

.tm-block-bottom {
   background: none transparent;
   box-shadow: none;
}
.tm-bottom-b,   
.tm-bottom-c,  
.tm-footer {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 6px 12px rgba(0, 0, 0, 0.12);
   background: none #FFFFFF;
}
.tm-bottom-b,  
.tm-bottom-c {
   margin-bottom: 5px;
}

/*http://www.yootheme.com/support/question/58300 Changing page background color on Avenue*/
/* 
body {background: #d3d8e8 -webkit-radial-gradient(ellipse at top, #393d44 20%, #d3d8e8 100%) 0 0 fixed;  
  background: #d3d8e8 radial-gradient(ellipse at top, #393d44 20%, #d3d8e8 100%) 0 0 fixed;}*/
/*http://www.yootheme.com/support/question/60264*/
/*body {
  background-color: transparent;
  background-image: #d3d8e8;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background: #f0f0f0;
  font-family: 'Roboto Condensed';
  font-weight: 300;
  line-height: 20px;
  color: #555555;
}

*/
/* http://www.yootheme.com/support/question/63747 
Main menu wrapping to 2 lines with shrinking screen size*/
/* Reduce the menu item padding below a certain resolution */  

@media (max-width: 1220px) {
    .uk-navbar-nav > li > a {
       padding: 0 10px;
    }
}
@media (max-width: 1180px) {
    .uk-navbar-nav > li > a {
       letter-spacing: -0.3px;
   }
}
@media (max-width: 960px) {
   .uk-navbar-nav > li > a {
       font-size: 14px;
    }
}  
/* Hide the icons ... */  
@media (max-width: 900px) {
    .uk-navbar-nav > li [class*="uk-icon-"] {
       display: none;
   }
}
@media (max-width: 830px) {
    .uk-navbar-nav > li > a {
        font-size: 11px;
        padding: 0 8px;
    }
}

/* Un-hide the caption of the Avenue Slideshow at "small" resolutions: */
@media (max-width: 480px) {
    .tm-top-a .wk-gallery-avenue .caption {
       display: inline-block !important;
   }
}
/* Optional: Adjust the caption of the Avenue Slideshow below a certain resolution: */  
@media (max-width: 580px) {
   .tm-top-a .wk-gallery-avenue .caption {
       bottom: 0;
       right: 0;
   }
    .tm-top-a .wk-gallery-avenue .caption h1 {
       font-size: 14px;
       line-height: 16px;
   }
    .tm-top-a .wk-gallery-avenue .caption .uk-button {
       font-size: 11px;
       line-height: 18px;
       min-height: 18px;
       padding: 0 10px;
   }
}
/*http://yootheme.com/support/question/68925
widgetkit navigation buttons*/
/*.wk-gallery-avenue .nav {  
    top: auto;  
    right: 0px;  
    bottom: -5px  
}*/

/* http://yootheme.com/support/question/68905
Parallel grid layout for TOOLBAR-R*/
.tm-toolbar .uk-panel {
   float: right;
   padding-left: 10px;
   position: relative;
}
.tm-toolbar .uk-panel {
   float: right;
   position: relative;
}

/*http://yootheme.com/support/question/68897
How to change color level 2, 3 for sidebar menu and main menu? Avenue*/
/*  
 *  Sidebar Menu  
 */  
/* level 2 */  
/*ul.uk-nav-sub > li.uk-active > a,  
/* level 3 */  
/*ul.uk-nav-sub > li.uk-parent.uk-active > ul > li.uk-active > a,  
/* level 4 */  
/* ul.uk-nav-sub > li.uk-parent.uk-active > ul > li.uk-parent.uk-active > ul > li.uk-active > a { background-color: #8B9DC3; color: #9c3318; }
.uk-nav-navbar > li > a,  
ul.uk-nav-sub > li.uk-active > a,   */
.uk-nav-navbar > li.uk-parent.uk-active > ul > li.uk-active > a, 
ul.uk-nav-sub > li.uk-parent.uk-active > ul > li.uk-active > a,  
.uk-nav-navbar > li.uk-parent.uk-active > ul > li.uk-parent.uk-active > ul > li.uk-active > a,  
ul.uk-nav-sub > li.uk-parent.uk-active > ul > li.uk-parent.uk-active > ul > li.uk-active > a {
   background-color: #9c3318;
   color: #8B9DC3;
}


/* Media queries */
/* Desktop Resolutions */
/* 2k */
@media screen and (max-width: 2048px) {
}
/* 1080 HD */
@media screen and (max-width: 1920px) {
}
/* Wide SXGA/ Apple Powerbook G4 */
@media screen and (max-width: 1440px) {
}
/*  HDTV 720p/1080i monitors */
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 320px) {
}

/* Device Width & Density */

/* iPad Mini */
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
}
/* iPad 2 and 3 Landscape */
@media (max-device-width: 1024px) and (orientation: landscape) {
}
/* iPad 2 and 3 Portrait */
@media (max-device-width: 768px) and (orientation: portrait) {
}
/* iPad 4 */
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
}
/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}
/* iPhone 5 */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
}
/* HTC One */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { 
	.uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}
/* Samsung Galaxy S2 */
@media screen and (device-width: 320px) and (device-height: 534px) and (-webkit-device-pixel-ratio: 1.5) { 
	.uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}

/* Samsung Galaxy S3 */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { 
	.uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}
/* Samsung Galaxy S4 */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { 
	.uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 920px) and (orientation:portrait) {
/*.uk-hidden-medium{}*/
 .uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
/*.uk-hidden-medium{}*/
 .uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}
/*
========================================================================
O menu terá seus itens mais proximos
========================================================================== */
   /* .uk-navbar-nav > li > a {
        display: block;
        box-sizing: border-box;
        height: 55px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        line-height: 55px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 15px;
        font-family: 'Roboto Condensed';
        font-weight: 300;
    }
}*/