/*
Theme Name: Tutoriais TCE Ceará UI
Author: TCE Ceará
Author URI: http://www.tce.ce.gov.br
Version: 1.0
*/

@import url('css/theme.css');
/*@import url('css/uikit.min.css');*/
@import url('css/fontawsome.all.min.css');
@import url('css/fonts.css');



:root {
    --color-primary: #004784;
    --color-primary-link: #08309C;
    --color-secondary: #c3d90d;
    --color-gray: #474747;
    --color-gray2: #747474;
    --color-gray3: #bcbcbc;
}

.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6 {
    font-family: Roboto, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
}

.tm-navbar-container:not(.uk-navbar-transparent) {
    background: linear-gradient(to left,#3956A3,#2c417a);
    /*border-top: 5px solid #bcccdb;*/
}

.uk-navbar .uk-navbar-left > .uk-logo{
    width: 238px;
}

.uk-section-dark {
    background: #3C3C3B;
}
.tm-section-primary {
    background: linear-gradient(to left top,#304888,#2c417a) 0 0 no-repeat;
}

.z-index-0{
    z-index: 0;
}
.z-index-1{
    z-index: 1;
}
.uk-search-default {
    width: 100%;
}
.tm-sidebar-right {
    position: fixed;
    top: 80px;
    bottom: 0;
    box-sizing: border-box;
    width: 240px!important;
    padding: 40px 40px 60px 40px;
    border-right: 1px #e5e5e5 solid;
    overflow: auto;
}

@media (min-width: 960px) {
    .tm-sidebar-left+.tm-main {
         padding-left:240px;
    }
}

@media (min-width: 1200px) {
    .tm-sidebar-right {
        /* left:calc(100% + 0px); */
    }

    .tm-sidebar-left+.tm-main {
         padding-left:40px;
    }
}

@media (min-width: 1400px) {
    .tm-sidebar-left, .tm-sidebar-right {
        width:400px!important;
        padding: 45px 45px 60px 45px
    }

    .tm-sidebar-right {
        /* left:calc(100% + 60px); */
    }

    .tm-sidebar-left+.tm-main {
         padding-left:40px;
    }
}
.tm-sidebar-left-sticky, .tm-sidebar-right-sticky{
    position: sticky;
    max-height: calc(100vh - 5.65rem);
    top: 5.65rem;
    float: left;
    border: 0;
}
.tm-sidebar-right-sticky{
    float: right;
}


.tutoriais-redes-sociais{
    padding: 0;
    list-style: none;
}

.tutoriais-redes-sociais li > a{
    color: #C5E073!important;
    font-size: 20px;
}
.tutoriais-redes-sociais li > a > span{
    padding: 8px;
}
.tutoriais-redes-sociais li:hover > a > span{
    border: 1px solid;
    border-color: #C5E073;
    border-radius: 5px;
    /*background: #5882f5;*/
    background: #C5E073;
    padding: 7px;
    color: #3C3C3B;
}

.tutoriais-acessibilidade li > a{
    color: #FFFFFF!important;
    font-size: 24px!important;
}
/*.tutoriais-acessibilidade li > a > span{*/
/*    padding: 3px;*/
/*}*/
/*.tutoriais-acessibilidade li:hover > a > span{*/
/*    border: 1px solid;*/
/*    border-radius: 5px;*/
/*    background: #FFFFFF;*/
/*    padding: 2px;*/
/*    color: #2c417a;*/
/*}*/

/*.tutoriais-acessibilidade li>a:hover::before{*/
/*    display: none;*/
/*}*/

.uk-accordion-title::before {

}

.uk-open>.uk-accordion-title::before {

}
/*.tm-nav-vertical:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    left: 0px;*/
/*    border-right: 2px solid #EAEAEA;*/
/*    height: 82%;*/
/*}*/

.tm-nav-vertical:before:has(> li.uk-nav-header){
    display: none;
    border-right: 20px solid #EAEAEA;
}

.tm-nav-vertical>li.uk-active>a, .tm-nav-vertical>li {
    position: relative;
}

.tm-nav-vertical>li:not(:first-child):before {
        content: "";
        position: absolute;
        /*top: 50px;*/
        left: 0px;
        border-right: 2px solid #EAEAEA;
        height: 100%;
        z-index: 0;
}

.tm-nav-vertical>li.uk-active:not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    border-right: 4px solid #AFCC58;
    height: 100%;
    z-index: 1;
}

.tutoriais-acessibilidade{
    gap: 0;
}

.tutoriais-acessibilidade >li> a > span{
    padding: 10px;
}

.uk-margin-medium-left {
    margin-left: 20px!important;
}
/*.tm-nav>li.uk-active>a:before {*/
/*    border-top: 3px solid #AFCC58;*/
/*}*/
.tm-nav>li>a {
    padding-left: 10px;
}
.tm-nav>li.uk-active>a {
    background-color: #afcc5842;
    border-left: 3px solid #AFCC58;
    padding-left: 10px;
}
.tm-nav>li.uk-active>a:before {
    /*border-top: 3px solid #AFCC58;*/
    border-top: 0px solid #AFCC58;
    left: -20px;
    width: 10px;
}

.tm-nav-vertical>li:not(:first-child)>a {
    /*margin-left: 15px;*/
    padding-left: 15px;
}

.uk-search-default .uk-search-input{
    border-radius: 50px;
}

#menu-right.uk-nav-default>li:not(:first-child).uk-active>a {
    /*color: #AFCC58;*/
    background-color: #afcc5842;
}
#menu-right {
    /*font-size: 18px;*/
    color: #898989;
}

#menu-right .nivel-h2{
    font-size: 20px;
    text-transform: uppercase;
    color: #4F4F4F!important;
}

.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%232C4DA8%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%3E%3C%2Frect%3E%3Crect%20fill%3D%22%232C4DA8%22%20width%3D%223%22%20height%3D%2213%22%20x%3D%225%22%20y%3D%220%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
}

.uk-open>.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%232C4DA8%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%3E%3C%2Frect%3E%3C%2Fsvg%3E")
}
.post h3{
    position: relative;
}
.post h3:before{
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    border-right: 4px solid #AFCC58;
    height: 100%;
}
.post p{
    font-family: 'Lato';
    color: #898989;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.05em;
}

.wp-block-file .wp-block-file__button {
    background: #3956A3;
    border: 2px solid #3956A3;
    border-radius: 2em;
    color: #fff;
    font-size: 13px;
    padding: 0.5em 1em;
}

.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited{
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    background: #2c417a;
    opacity: 1;
    border-color: #2c417a;
}

.uk-badge, .uk-label{
    background: #3956A3;
}

.uk-card-vertical-bar:before{
    content: "";
    position: absolute;
    height: 100%;
    border-left: 4px solid #AFCC58;
    top: 0;
    left: 0px;
}

.uk-card-hover:hover{
    text-decoration: none;
    color: inherit;
}


/*UK-ALTO-CONTRASTE*/

.uk-alto-contraste .uk-h1,
.uk-alto-contraste .uk-h2,
.uk-alto-contraste .uk-h3,
.uk-alto-contraste .uk-h4,
.uk-alto-contraste .uk-h5,
.uk-alto-contraste .uk-h6,
.uk-alto-contraste .uk-heading-2xlarge,
.uk-alto-contraste .uk-heading-large,
.uk-alto-contraste .uk-heading-medium,
.uk-alto-contraste .uk-heading-small,
.uk-alto-contraste .uk-heading-xlarge,
.uk-alto-contraste h1,
.uk-alto-contraste h2,
.uk-alto-contraste h3,
.uk-alto-contraste h4,
.uk-alto-contraste h5,
.uk-alto-contraste h6 {
    color: #fff;
}

.uk-alto-contraste .tm-navbar-container:not(.uk-navbar-transparent){
    background: #000;
    border-width: 5px 0 1px 0;
    border-style: solid;
    border-color: #fff;
}

.uk-alto-contraste .uk-section-default{
    background: #000;
}

.uk-alto-contraste .tm-navbar-container .uk-navbar-nav{
    gap: 0;
}
.uk-alto-contraste .tm-navbar-container .uk-navbar-nav>li> a > span{
    padding: 10px;
}
.uk-alto-contraste .tm-navbar-container .uk-navbar-nav>li:hover>a > span{
    border: 1px solid;
    border-radius: 5px;
    background: #ff0;
    padding: 9px;
    color: #000;
}
.uk-alto-contraste .tm-navbar-container .uk-navbar-nav>li>a::before {
    height: 0px;
}

.uk-alto-contraste .wp-block-file .wp-block-file__button {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

.uk-alto-contraste .wp-block-file a.wp-block-file__button:active,
.uk-alto-contraste .wp-block-file a.wp-block-file__button:focus,
.uk-alto-contraste .wp-block-file a.wp-block-file__button:hover,
.uk-alto-contraste .wp-block-file a.wp-block-file__button:visited{
    color: #000;
    background: #ff0;
    border: 2px solid #ff0;
    font-weight: bold;
}

.uk-alto-contraste .tm-sidebar-left{
    /*border-right: 1px #fff solid;*/
}

.uk-alto-contraste  .uk-accordion-title,
.uk-alto-contraste .uk-nav-default>li.uk-active>a,
.uk-alto-contraste .uk-nav-default>li>a{
    color: #fff;
}
.uk-alto-contraste .uk-accordion-title:hover, .uk-alto-contraste .uk-nav-default>li>a:hover{
    color: #ff0;
}

.uk-alto-contraste .uk-search-default .uk-search-input{
    border: 1px solid #fff;
    background: transparent;
    color: #ff0;
}
.uk-alto-contraste .uk-search-default .uk-search-input:focus{
    border-color: #ff0;
    color: #ff0;
}
.uk-alto-contraste input:-internal-autofill-selected {
    background: transparent;
}
.uk-alto-contraste .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%3E%3C%2Frect%3E%3Crect%20fill%3D%22%23fff%22%20width%3D%223%22%20height%3D%2213%22%20x%3D%225%22%20y%3D%220%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
}

.uk-alto-contraste .uk-open>.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%3E%3C%2Frect%3E%3C%2Fsvg%3E")
}

.uk-alto-contraste .uk-accordion-title:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23ff0%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%3E%3C%2Frect%3E%3Crect%20fill%3D%22%23fff%22%20width%3D%223%22%20height%3D%2213%22%20x%3D%225%22%20y%3D%220%22%3E%3C%2Frect%3E%3C%2Fsvg%3E");
}

.uk-alto-contraste .uk-open>.uk-accordion-title:hover::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23ff0%22%20width%3D%2213%22%20height%3D%223%22%20x%3D%220%22%20y%3D%225%22%3E%3C%2Frect%3E%3C%2Fsvg%3E")
}

.uk-alto-contraste .tm-nav>li.uk-active>a {
    background-color: #ffff003d;
    border-left: 3px solid #ff0;
    padding-left: 10px;
    color: #ff0;
}

.uk-alto-contraste .tm-nav>li.uk-active>a:before {
    border-top: 3px solid #ff0;
}

.uk-alto-contraste #menu-right .nivel-h2{
    color: #fff!important;
}
.uk-alto-contraste #menu-right.uk-nav-default>li.uk-active>a{
    color: #ff0;
    background-color: #ffff003d;
}
.uk-alto-contraste .tm-nav-vertical>li.uk-active:not(:first-child):before{
    border-right: 4px solid #ff0;
}
.uk-alto-contraste .tm-nav-vertical>li.uk-active:not(:first-child)>a:before{
    border-right: 4px solid #ff0;
}
.uk-alto-contraste .post h3:before{
    border-right: 4px solid #ff0;
}
.uk-alto-contraste .post p, .uk-alto-contraste p{
    color: #fff;
}

.uk-alto-contraste .tutoriais-redes-sociais li > a{
    color: #fff!important;
}
.uk-alto-contraste .tutoriais-redes-sociais li:hover > a > span{
    border-color: #ff0;
    background: #ff0;
    color: #000;
}

.uk-alto-contraste footer{
    border-top: 1px solid #fff;
}

.uk-alto-contraste .wp-block-separator{
    border-bottom: 2px solid #fff;
}

.uk-alto-contraste .uk-link, .uk-alto-contraste a{
    color: #ff0;
}

.uk-alto-contraste .uk-link-toggle:hover .uk-link, .uk-alto-contraste .uk-link:hover, .uk-alto-contraste a:hover{
    color: #ff0;
}

.uk-alto-contraste .uk-card-default{
    background-color: transparent;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    color: #fff;
}
.uk-alto-contraste .uk-card-default .uk-card-title{
    color: #fff;
}
.uk-alto-contraste .uk-card-vertical-bar:before{
    border-left: 4px solid #ff0;
}
.uk-alto-contraste .uk-card-default.uk-card-hover:hover{
    background-color: transparent;
    color: #ff0;
    border-color: #ff0;
}

.uk-alto-contraste .uk-card-default.uk-card-hover:hover .uk-card-title{
    color: #ff0;
}

.uk-alto-contraste .uk-text-lead{
    color: #fff;
}

.uk-alto-contraste .uk-badge, .uk-alto-contraste .uk-label{
    background: #ff0;
    color: #000!important;
    font-weight: 900;
}

.uk-alto-contraste *:focus-visible {
    /* remove default focus style */
    outline: none;
    /* custom focus styles */
    box-shadow: 0 0 2px 2px #ff0;
}

.uk-alto-contraste .uk-offcanvas-bar{
    background: #000;
    border-right: 1px solid #fff;
}
.uk-alto-contraste .uk-offcanvas-bar .tm-nav .uk-nav-header{
    color: #fff;
}