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

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

.email:after {content: "@geniusdesign.com.br"}
address {font-style: normal;}

.uk-offcanvas-bar {background: #5E8ABD;}
.uk-nav-offcanvas ul a,
.uk-offcanvas .uk-panel a:not([class]) {color: rgba(255,255,255,0.7);}

.tm-toolbar {background-color: #5E8ABD;}
.pg-home .tm-toolbar {margin-bottom: 0;}
.tm-toolbar *,
.tm-toolbar a {font-size: 13px; color: rgba(255, 255, 255, 0.6);}
.uk-subnav > * {padding-left: 10px;}
.tm-toolbar .uk-float-left h1 {font-size: 13px; line-height: 24.8px; margin: 0;}

.tm-toolbar .uk-float-right {display: flex;}
.tm-toolbar .uk-float-right .uk-panel {margin-left: 20px;}
.tm-toolbar .uk-float-right .uk-panel:first-child {margin-left: 0;}

.tm-headerbar > .uk-flex:first-child,
.tm-headerbar > .uk-flex:first-child > nav {width: 100%;}

body > .uk-sticky-placeholder {margin-bottom: 0!important; position: absolute; top: 45px; z-index: 2; width: 100%;}

.tm-toolbar {margin-bottom: 10px;}
.tm-headerbar {min-height: 65px;}
body > .uk-sticky-placeholder,
.uk-navbar-nav > li > a,
.uk-search:before {height: 65px!important; line-height: 65px;}

.tm-navbar,
.uk-navbar {background-color: transparent; border-bottom: none; position: relative;}
.tm-navbar {margin-bottom: 10px;}
.tm-navbar.uk-active {background-color: #fff;}
.tm-navbar .uk-navbar-nav {float: right;}

.tm-navbar .uk-navbar:before {position: absolute; content: ""; display: block; bottom: -3px; height:3px; width: 100%; background-image: none;}
.tm-navbar.uk-active .uk-navbar:before { background-image: linear-gradient(-90deg, #5E8ABD, #5E8ABD, #5E8ABD, #5E8ABD);}
.uk-navbar-nav > li > a {color: #5E8ABD; font-family: "Kanit"; font-weight: 500;}
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li.uk-active,
.uk-navbar-nav > li.uk-open > a {background-image: linear-gradient(#5E8ABD, #5E8ABD);}
.pg-home .uk-navbar-nav > li > a:hover,
.pg-home .uk-navbar-nav > li.uk-active > a,
.pg-home .uk-navbar-nav > li.uk-open > a {background-image: none; background: none; color: #5E8ABD;}
.uk-navbar-nav > li.uk-active > a {color: #fff;}
.pg-home .uk-navbar-nav > li.uk-active > a {color: #5E8ABD;}
.uk-search:before {color: #5E8ABD;}

.tm-noblog .tm-content, .tm-isblog .tm-article.tm-article-box, .yoo-zoo .uk-article {padding-top: 0;}

.uk-dropdown-navbar {background: #5E8ABD; top: 64px!important; background-image: linear-gradient(#5E8ABD, #5E8ABD);}
.uk-dropdown-navbar .uk-nav-navbar li > a {color: rgba(255,255,255,1);}
.uk-dropdown-navbar .uk-nav-navbar li > a:hover,
.uk-dropdown-navbar .uk-nav-navbar li.uk-active > a {color: #5c5c5c;}

.uk-contrast .uk-nav-side > li.uk-active > a,
.uk-block-primary .uk-nav-side > li.uk-active > a,
.uk-block-secondary .uk-nav-side > li.uk-active > a,
.uk-panel-box-primary .uk-nav-side > li.uk-active > a {color: #5c5c5c; background: none;}

.mod-destaque .uk-slideshow-fullscreen,
.mod-destaque .uk-slideshow-fullscreen > li {height: calc(100vh - 45px)!important;}

#tm-top-a {background-color: #5E8ABD;}

.tm-content,
.tm-noblog .tm-content,
.tm-isblog .tm-article.tm-article-box,
.yoo-zoo .uk-article {background: none; box-shadow: none;}

.tm-content p,
.tm-content li,
.tm-content blockquote {font-size: 17px; line-height: 28px;}

.uk-breadcrumb {text-align: right;}
.uk-breadcrumb,
.uk-breadcrumb a {color: #fff; font-family: "Nunito"; text-transform: none; letter-spacing: 0; font-weight: 300;}
.uk-breadcrumb > li:nth-child(n+2):before {color: rgba(255, 255, 255, 0.7);}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {display: inline; line-height: 16px;}

.mod-tags .tm-tag-1 .uk-badge,
.mod-tags .tm-tag-1.uk-panel .uk-badge,
.mod-tags .tm-tag-1 .uk-badge a {color: #5E8ABD;}
.mod-tags .tm-tag-1.uk-panel-box,
.mod-servicos .uk-panel.tm-tag-1:hover {background-color: #5E8ABD!important;}
.tm-grid-monday .mod-tags .tm-tag-1 .tm-tag-border {border-color: #5E8ABD;}
.mod-tags .tm-tag-2 .uk-badge,
.mod-tags .tm-tag-2.uk-panel .uk-badge,
.mod-tags .tm-tag-2 .uk-badge a {color: #5E8ABD;}
.mod-tags .tm-tag-2.uk-panel-box,
.mod-servicos .uk-panel.tm-tag-2:hover {background-color: #5E8ABD!important;}
.tm-grid-monday .tm-tag-2 .mod-tags .tm-tag-border {border-color: #5E8ABD;}
.mod-tags .tm-tag-3 .uk-badge,
.mod-tags .tm-tag-3.uk-panel .uk-badge,
.mod-tags .tm-tag-3 .uk-badge a {color: #5E8ABD;}
.mod-tags .tm-tag-3.uk-panel-box,
.mod-servicos .uk-panel.tm-tag-3:hover {background-color: #5E8ABD!important;}
.tm-grid-monday .mod-tags .tm-tag-3 .tm-tag-border {border-color: #5E8ABD;}
.mod-tags .tm-tag-4 .uk-badge,
.mod-tags .tm-tag-4.uk-panel .uk-badge,
.mod-tags .tm-tag-4 .uk-badge a {color: #5E8ABD;}
.mod-tags .tm-tag-4.uk-panel-box,
.mod-servicos .uk-panel.tm-tag-4:hover {background-color: #5E8ABD!important;}
.tm-grid-monday .mod-tags .tm-tag-4 .tm-tag-border {border-color: #5E8ABD;}

.mod-tags .tm-tag-1.uk-panel h3,
.mod-tags .tm-tag-2.uk-panel h3,
.mod-tags .tm-tag-3.uk-panel h3,
.mod-tags .tm-tag-4.uk-panel h3,
.mod-tags .tm-tag-1.uk-panel p,
.mod-tags .tm-tag-2.uk-panel p,
.mod-tags .tm-tag-3.uk-panel p,
.mod-tags .tm-tag-4.uk-panel p {color: #fff;}

.mod-destaque .uk-slideshow li .uk-overlay-panel {background: rgba(94, 138, 189, 0.5); padding-bottom: 45px; padding-top: 10px;}
.mod-destaque .uk-slideshow li .uk-overlay-panel h3 {color: #fff; text-align: center; font-size: 18px; line-height: 22px; font-weight: bold;}

.mod-apresentacao h2,
.pg-home .uk-panel-title,
#tm-bottom-d .uk-panel-title {font-size: 30px; max-width: 650px; margin: auto; line-height: 37px; position: relative;}
.mod-apresentacao .uk-width-medium-2-5 > .uk-sticky-placeholder {width: auto;}
.mod-apresentacao .uk-width-medium-2-5 > .uk-sticky-placeholder > div {z-index: 0;}
.mod-apresentacao .uk-width-medium-2-5 > .uk-sticky-placeholder > div[style*="fixed"] {margin-top: 100px!important; z-index: 0;}
.mod-apresentacao .uk-width-medium-3-5 > div:first-child {margin-bottom: 30px;}

.mod-portfolio .uk-modal-dialog .uk-panel-title {margin-left: 0;}

.mod-servicos .uk-badge {display: none;}
.mod-servicos .uk-panel {border-radius: 5px;}
.mod-servicos .uk-panel-box .uk-panel-title,
.catItemHeader h3.catItemTitle {font-size: 15px; font-weight: 600; line-height: 22px;}
.mod-servicos i[class*="uk-icon"] {display: block; font-size: 30px; margin-bottom: 15px;}
.mod-servicos .uk-panel:hover .uk-panel-title {color: #fff;}
.mod-servicos .uk-panel-box {padding: 30px 15px;}

.mod-titulo {padding: 16px 0;}
.mod-titulo h1 {color: rgba(255,255,255,0.7); font-size: 20px; letter-spacing: -1px; font-family: 'Kanit'; font-weight: 300; line-height: 28px;}

.mod-conteudo .uk-panel,
.mod-conteudo .uk-panel h3 {padding-top: 0;}

.mod-depoimentos {max-width: 800px; margin: auto; font-size: 13px; line-height: 23px; margin-top: 30px;}
.mod-depoimentos .uk-panel-body {padding: 0 30px 0 0;}

.pg-home > .uk-container.uk-container-center > .uk-grid {margin-top: 170px; margin-bottom: 170px;}
.uk-button {border-radius: 5px;}

.uk-overlay-background {background: rgba(0, 153, 153, 0.5);}
.uk-overlay-panel .uk-h5 {font-weight: bold; color: #fff;}

h2.itemTitle {font-weight: 900; font-size: 25px; line-height: 30px; margin-bottom: 10px; letter-spacing: -1px;}

.uk-panel-box {box-shadow: 0 1px 3px 0 rgba(160, 166, 168, 0.2);}

.bt-social-share {background: none; border: none; padding: 0; margin: 0;}


/* K2 */
.itemFullText h3,
.itemIntroText h3,
div.catItemHeader h3.catItemTitle {font-weight: 600; font-size: 22px; color: #5E8ABD;}
.itemRelated {padding-top: 30px!important;}
.itemRelated > ul > li {margin-top: 0!important; margin-bottom: 30px;}
.itemRelated h3,
.tm-block-footer .uk-panel-title {font-weight: 600; font-size: 17px;}
.itemRelated {border-top: 1px solid #ddd; margin-top: 20px; padding-top: 30px;}
div.itemIntroText {font-weight: normal!important; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.itemRelCat {font-size: 13px;}
.catItemLinks,
#k2Container.itemView.pg-blog .post-metadata {font-size: 12px; color: #999;}

div.catItemView {margin-bottom: 0; padding: 0; }
div.catItemView .catItemBody {padding: 0;}
.pg-servicos div.catItemHeader h3.catItemTitle {padding: 30px; text-align: center;}
.pg-servicos div.catItemHeader h3.catItemTitle a {background: #fff; border-radius: 5px; padding: 30px 15px; border-top: 3px solid; display: block; min-height: 50px; display: flex; align-items: center; justify-content: center;}

.blog.itemListView,
#k2Container.itemView.pg-blog {max-width: 720px; margin: auto;}
.blog.itemListView #itemListLeading .catItemView .uk-width-1-3,
.blog.itemListView #itemListLeading .catItemView .uk-width-2-3 {width: 100%;}
.blog.itemListView #itemListLeading .catItemView .uk-width-1-3 .catItemImage {height: 300px; overflow: hidden;}
.blog.itemListView #itemListLeading .catItemView .uk-width-1-3 .catItemImage img {margin-top: -10%;}

.blog.itemListView #itemListPrimary .itemContainer,
.blog.itemListView #itemListLeading {margin-bottom: 30px; border-bottom: 1px solid #ddd;}

.pg-blog #tm-main .itemImageBlock {position: absolute; width: calc(100vw - 17px); top: 130px; left: 0; padding: 0; height: 250px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 0px;}

#k2Container.itemView.pg-blog {padding-top: 275px;}
#k2Container.itemView.pg-blog .post-metadata img {border-radius: 50%; width: 60px; margin-right: 15px;}
#k2Container.itemView.pg-blog .post-metadata {padding-bottom: 15px; border-bottom: 2px solid #ddd; margin-bottom: 30px;}

#tm-bottom-d {margin-bottom: 0;}
#tm-footer {margin-top: 0;}


/* COLOR CODE POR PÁGINA */
.pg-tm-tag-color-1 .uk-navbar-nav > li > a:hover,
.pg-tm-tag-color-1 .uk-navbar-nav > li.uk-active,
.pg-tm-tag-color-1 .uk-navbar-nav > li.uk-open > a {background-image: linear-gradient(#5E8ABD, #5E8ABD);}
.pg-tm-tag-color-1 .uk-dropdown-navbar,
.pg-tm-tag-color-1 #tm-top-a,
.pg-tm-tag-color-1 .uk-button-primary {background: #5E8ABD; background-color: #5E8ABD;}
.pg-tm-tag-color-1 .uk-button-primary:hover {background: #31c5d7; background-color: #31c5d7;}
.pg-tm-tag-color-1 .uk-button-primary,
.uk-navbar-nav > li.uk-active > a.tm-tag-color-1,
.uk-navbar-nav > li.uk-open > a.tm-tag-color-1 {color: #fff;}
.pg-tm-tag-color-1.pg-servicos  div.catItemHeader h3.catItemTitle a {border-color: #5E8ABD; color: #5c5c5c;}
.pg-tm-tag-color-1.pg-servicos  div.catItemHeader h3.catItemTitle a:hover {background: #5E8ABD; color: #fff;}
.pg-tm-tag-color-1 .itemRelated a,
.pg-tm-tag-color-1 .itemFullText h3,
.pg-tm-tag-color-1 .itemIntroText h3,
.pg-tm-tag-color-1 aside .uk-panel-title,
.pg-tm-tag-color-1 aside .uk-nav-side > li.uk-active > a,
.pg-tm-tag-color-1 aside .uk-nav-side > li > a:hover,
.uk-navbar-nav > li > a.tm-tag-color-1 {color: #5E8ABD;}
.pg-tm-tag-color-1 .itemRelated a:hover {color: #5c5c5c;}

.pg-tm-tag-color-2 .uk-navbar-nav > li > a:hover,
.pg-tm-tag-color-2 .uk-navbar-nav > li.uk-active,
.pg-tm-tag-color-2 .uk-navbar-nav > li.uk-open > a {background-image: linear-gradient(#5E8ABD, #5E8ABD);}
.pg-tm-tag-color-2 .uk-dropdown-navbar,
.pg-tm-tag-color-2 #tm-top-a,
.pg-tm-tag-color-2 .uk-button-primary {background: #5E8ABD; background-color: #5E8ABD;}
.pg-tm-tag-color-2 .uk-button-primary:hover {background: #31c5d7; background-color: #31c5d7;}
.pg-tm-tag-color-2 .uk-button-primary,
.uk-navbar-nav > li.uk-active > a.tm-tag-color-2,
.uk-navbar-nav > li.uk-open > a.tm-tag-color-2 {color: #fff;}
.pg-tm-tag-color-2.pg-servicos  div.catItemHeader h3.catItemTitle a {border-color: #5E8ABD; color: #5c5c5c;}
.pg-tm-tag-color-2.pg-servicos  div.catItemHeader h3.catItemTitle a:hover {background: #5E8ABD; color: #fff;}
.pg-tm-tag-color-2 .itemRelated a,
.pg-tm-tag-color-2 .itemFullText h3,
.pg-tm-tag-color-2 .itemIntroText h3,
.pg-tm-tag-color-2 aside .uk-panel-title,
.pg-tm-tag-color-2 aside .uk-nav-side > li.uk-active > a,
.pg-tm-tag-color-2 aside .uk-nav-side > li > a:hover,
.uk-navbar-nav > li > a.tm-tag-color-2 {color: #5E8ABD;}
.pg-tm-tag-color-2 .itemRelated a:hover {color: #5c5c5c;}

.easy_img_caption {max-width: 100%!important; width: auto!important;}
.easy_img_caption_inner > span {color: #999!important;}

.botao-wpp {text-decoration: none; color: #eee; display: inline-block; background-color: #25d366; font-weight: bold; padding: 0 5px; border-radius: 3px; line-height: 21px;}
.botao-wpp:hover {background-color: darken(#25d366, 5%);}


/* TRANSITIONS */
.tm-navbar,
.tm-navbar.uk-active,
.mod-servicos .uk-panel,
.mod-servicos .uk-panel:hover,
.mod-servicos .uk-panel .uk-panel-title,
.mod-servicos .uk-panel:hover .uk-panel-title,
.mod-apresentacao .uk-width-medium-2-5 > .uk-sticky-placeholder > div,
.uk-dropdown-navbar .uk-nav-navbar li > a,
.uk-dropdown-navbar .uk-nav-navbar li > a:hover,
.pg-tm-tag-color-1.pg-servicos  div.catItemHeader h3.catItemTitle a,
.pg-tm-tag-color-1.pg-servicos  div.catItemHeader h3.catItemTitle a:hover {transition: all 0.3s ease-in-out;}


@media (min-width: 960px) {
  aside {padding-top: 50px;}
  aside .uk-panel {margin: 30px 0;}
  aside .uk-panel-title {font-weight: 600; color: #5E8ABD;}

  .mod-header > div {height: 250px; background-size: cover!important; background-repeat: no-repeat;}

  .botao-wpp {display: none;}
}  
  
@media (max-width: 959px) {
  body > .uk-sticky-placeholder {top: 0;}
  .pg-home .tm-navbar.uk-active .uk-navbar:before {}
  .tm-navbar,
  .tm-navbar.uk-active {position: absolute!important;}
  
  .uk-navbar-toggle {color: #5E8ABD;}
  .mod-apresentacao .uk-width-medium-2-5 > .uk-sticky-placeholder > div[style*="fixed"] {margin-top: 50px!important;}

  #k2Container.itemView.pg-blog {padding-top: 195px;}
  .pg-blog #tm-main .itemImageBlock {top: 85px; height: 120px; width: 100vw;}
  #k2Container.itemView.pg-blog .post-metadata div:last-child {padding-left: 5px;}

  #tm-top-a {margin-top: 90px;}

  .tm-navbar,
  .uk-navbar {background: #fff;}

  .mod-header > div {height: 250px; background-size: cover!important; background-repeat: no-repeat;}
}

@media (max-width: 768px) {
  body {background: #fff;}
  body > .uk-sticky-placeholder {top: 0;}
  .tm-navbar,
  .tm-navbar.uk-active {position: absolute!important;}
  
  .tm-headerbar {padding: 0;}
  .tm-navbar {width: 100%;}
  .uk-navbar-toggle {color: #5E8ABD;}

  .uk-breadcrumb,
  .mod-titulo h1 {text-align: center;}

  .uk-breadcrumb,
  .uk-breadcrumb a {font-weight: 300;}

  .tm-main {margin-top: 0;}

  .tm-noblog .tm-content,
  .tm-isblog .tm-article.tm-article-box,
  .yoo-zoo .uk-article {padding: 25px 0;}

  .mod-conteudo .uk-panel-space {padding: 30px 0!important;}

  .pg-home > .uk-container.uk-container-center > .uk-grid {margin-top: 100px; margin-bottom: 100px;}
  .mod-apresentacao p {font-size: 17px; line-height: 28px;}
  .mod-apresentacao .uk-button {font-size: 13px;}
  .mod-apresentacao .uk-sticky-placeholder > div {position: relative!important; top: 0!important;}
  .mod-apresentacao .uk-width-medium-2-5 > .uk-sticky-placeholder > div[style*="fixed"] {margin-top: 0!important;}

  .mod-apresentacao > .uk-grid > .uk-width-medium-3-5 > div:last-child .uk-panel-box .uk-panel-title {font-size: 13px; line-height: 16px;}

  .mod-header > div {height: 120px; background-size: cover!important; background-repeat: no-repeat;}
}
