:root {
	color-scheme: light dark; /* both supported */
  }
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
body{
    --cor-primaria:#071D41;
    --cor-borda:#e9e9e9;
    --cor-paginacao:#83a02b;
    --fundo:#fff;
	--rodape:#f0f0f0;
	--cor-texto:#444;
    --pesquisa-fundo:#f6ffd7;
    --cor-link:#071D41;
	color: var(--cor-texto);
}

#header{
	background-color:var(--fundo);
	border-bottom:var(--cor-borda) solid 1px;
}
@media screen and (min-width:800px){
#header .logo-wrap{
	display:inline-flex;
}
	#header .logo-wrap .fa{
	margin:0 10px;
}
	#primary-navigation a{padding:14px 5px;font-size:21px;font-weight:bold;}
	.main-header:before{content: '';
    padding: 53px;
    position: absolute;
    z-index: 1;}
}
@media screen and (min-width:800px) and (max-width:1400px){
	#menu-menu-topo li a{z-index:3;position:relative}
}

@media screen and (min-width:800px) and (max-width:1256px){
	.main-header:before{padding: 0;}
}

@media screen and (min-width:1257px) and (max-width:1301px){
	.main-header:before{padding: 30px;}
}

.video.youtube{width:90%;height:373px;margin:0 auto;display:block;}
.imgcras{width:100%;max-width:350px;}

@media screen and (max-width:800px){
	#header h2{font-size:20px;}
	#header .logo-wrap{padding:0}
	#mobile-menu-overlay{    background-image: url(/content-wp/themes/mts_schema/images/botao-fechar.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 2%;}
	.video.youtube{height: 168px;}
	}

.home #header #logo a, #primary-navigation #logo a{
	color:var(--cor-texto);
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

#site-header{background:var(--fundo);box-sizing: border-box;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);}
a#pull{color:var(--cor-texto) !important;}

.copyrights a{color:var(--cor-texto);}
.copyrights a:hover{text-decoration:underline;}

#primary-navigation{float:left;}

#primary-navigation nav ul li a{color:var(--fundo);}

#sidebar .widget.widget_search{background:var(--cor-link);border-radius:5px;}

.article{border:1px solid #f9f9f9;border-radius:5px;}

.readMore a{padding:10px 10px;display:block;background:var(--cor-primaria);border-radius:5px;color:var(--fundo);overflow:hidden;position:relative;width:fit-content;width:-moz-fit-content;margin:10px 0 0 0;font-weight: bold;}

.readMore a:after{
	content: '➺';
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    right: -100%;
    transition: all .3s;
    top: 23%;
}

.readMore a:hover{
	color:var(--fundo);
	padding-right:25px;
}

.readMore a:hover:after{
	right:6px;
}

.readMore a:active:after{
	transform:scale(2);
	opacity:0;
}

.f-widget:nth-child(2) h3.widget-title, .f-widget:nth-child(3) h3.widget-title, .f-widget:nth-child(4) h3.widget-title, .f-widget:nth-child(5) h3.widget-title{visibility:hidden;}

#site-footer .f-widget a{color:var(--fundo);}
#site-footer .f-widget a:hover{text-decoration:underline}
#site-footer .widget li{list-style:none;margin-left:0}

#commentform input#submit, #mtscontact_submit{float:left;white-space:inherit;}

/* PADRAO */
/* Post */
.post-single-content h2 {font-size: 22px}
h3 {font-size: 18px}
.related-posts h4, #respond h4 {font-size: 21px;}

.article{padding:2.001%;padding-top:1.994%;width:68.015%;}

@media screen and (max-width: 865px) {
.article{width:100%;}
}
@media screen and (max-width: 1366px){
.shareit {margin: 0 0 0 -100px;}}

/* Categoria */


/* Sidebar */
.sbutton {margin-top: 0; width: 52px;}
#s {width: 80%}
.fa-2 {font-size:2em;}
#sidebar .widget h3{font-size: 18px}

/*FOOTER*/
.f-widget-2, .f-widget-3{display:none}
.footer-widgets .f-widget{width:100%;color:var(--cor-texto);font-size:12px;text-align:left;}
.f-widget .widget{margin-bottom:0}
.footer-widgets .f-widget p{margin-bottom:5px}

.primary-slider-container{
	margin-left: 0;
	margin-top: 0;
	width:100%;
}

.primary-slider .slide-caption{    left: .7%;}
.so_desktop{display: inline-block;}

@media screen and (max-width:800px){
	#header{
    background: var(--fundo) no-repeat;
    text-align: center;
    background-size: contain;font-size:21px;}
	#secondary-navigation{
        width: 100%!important;
    	position: relative!important;
    }
	#pull{background:transparent !important;}
    #secondary-navigation a.toggle-mobile-menu {
		padding: 0 2px !important;
		top: 13.5px;
		width: 20px;
		margin: 0!important;
		right: initial;
	}
	#header #logo a{
		color:var(--cor-texto) !important;
		font-family: 'Roboto', sans-serif;
		font-weight: 900;
		font-size: 22px;
		position: relative;
	}
	#page{
        padding-top: 17px;
    }
    .readMore a:after{
        position:absolute;right:6px;
    }
    
    .readMore a{
        padding-right:25px;
    }
    #logo img{
        max-height: 26px;
        width: auto;
		margin: 8px 0;
	}
	.so_desktop{
		display:none;
	}
	#exclusivo{font-size: 0;}
	#exclusivo:before{content:'Municipal';font-size:14px;} 
	.footer-widgets .f-widget{
		width:100% !important;
	}
	table, table.tabela-md-post{
		width: 100%;
		max-width: 330px!important;
	}
	table th, table td{font-size:x-small;}
	.so_desktop{display: none;}
    #secondary-navigation .navigation ul ul a, #secondary-navigation .navigation ul ul a:link{
        text-indent: 0;
    }
}

@media screen and (max-width:320px){
	table th, table td{font-size:50%;}
}

.page-id-1677 .wpcf7-quiz-label:before{
	content:'2 + 3 ';
}

#sidebar #menu-menu-lateral li{
    list-style: none;
    margin-left: 0;
}
#sidebar #menu-menu-lateral li:before{
    content:'»';
    margin-right: 5px;
}

footer, .copyrights{background-color: var(--rodape);}
footer strong.so_desktop{font-weight: 400;}

#copyright-note span, .to-top{color: var(--cor-texto);}   


#bandeira {
    display: flex;
    width: fit-content;
    font-weight: 700;
    float: right;
    margin-left: 10px;
    font-size: 19px;
    text-transform: lowercase;
}
.home #bandeira {
    font-size: 24px;
}
#bandeira i,
#bandeira em {
    font-style: normal;
    margin: 0;
    padding: 0;
}
#bandeira {
    color: #06c;
}

#bandeira i {
    color: #008457;
    font-weight: 700;
    font-family: "Comic Neue", cursive;
    text-shadow: 1px 0 1px #008457;
    max-height: 14px;  
	background-color: currentColor;
    overflow: hidden;
    border-radius: 11px;
    position: relative;
    top: 4px;
    width: 5.25px;
}
.home #bandeira i {
    max-height: 18px;
    border-radius: 5px;
}
#bandeira em {
    color: #ffd65a;
}
@media screen and (max-width: 500px) {
    #bandeira {
        display: inline-flex;
        float: none;
    }
    #bandeira {
        line-height: 24px;
		top: -.4vh;
		position: relative;
    }
    .home #bandeira {
        font-size: 19px;
    }
	.home #bandeira i, #bandeira i{
		top: 5px;
		width: 4.8px;
		max-height: 14px;
	}
	#header #logo a{
        top: -5px;
        font-size: 16px;
    }
}
@media screen and (min-width:500px){
	#copyright-note span, .to-top{float: left;}
}

#sidebar .widget h3{
	color: var(--cor-texto);
}


/* ATULIZAÇÃO HEADER COM BUSCA */

#pesquisar, #formulario_pesquisa {
    display: none;
}

@media screen and (max-width:800px) {
    a#pull:after {
        content: none;
    }

    #nav-mobile {
        position: relative;
        display: flow-root;
    }

    #nav-mobile span {
        background-color: var(--cor-primaria);
        height: 3px;
        border-radius: 3px;
        width: 100%;
        display: block;
    }

    #nav-mobile span:not(:last-child) {
        margin-bottom: 4px;
    }

    #secondary-navigation a:hover {
        background: transparent !important;
    }

    #secondary-navigation {
        height: 0;
    }

    #mobile-menu-overlay {
        backdrop-filter: blur(2px);
    }

    #header .container {
        display: grid;
        grid-template-columns: 30px calc(100% - 60px) 30px;
        grid-template-areas: "menu logo pesquisa";
    }

    #pesquisar {
        padding: 6px 3px;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-content: center;
        border: none;
        position: relative;
        grid-area: pesquisa;
    }

    #header .logo-wrap {
        grid-area: logo;
    }

    #secondary-navigation {
        grid-area: menu;
    }

    .magic-icon-search {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .magic-icon-search::before {
        content: "";
        display: inline-block;
        width: 10%;
        height: 35%;
        background: var(--cor-primaria);
        position: absolute;
        left: 80%;
        top: 80%;
        transform: translate(-50%, -50%) rotate(-50deg);
        transition: all 0.3s;
    }

    .magic-icon-search::after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 60%;
        height: 60%;
        border: 2px solid var(--cor-primaria);
        border-radius: 50%;
        top: 40%;
        left: 40%;
        transform: translate(-50%, -50%) rotate(0deg);
        transition: all 0.3s;
    }

    #pesquisar:active {
        background: transparent;
    }

    .magic-icon-search.fechar::before {
        height: 120%;
        left: 50%;
        top: 50%;
    }

    .magic-icon-search.fechar::after {
        border-width: 0;
        border-radius: 0;
        width: 10%;
        height: 120%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(50deg);
        transition: all 0.3s, background 0s 0.3s;
        background: var(--cor-primaria);
    }

    #formulario_pesquisa #searchform {
        width: 95%;
    }

    #formulario_pesquisa #searchform input[type="text"] {
        border-radius: 5px;
    }

    #formulario_pesquisa {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: all .3s ease-in-out;
        position: absolute;
        top: 46px;
        left: 1%;
    }

    #formulario_pesquisa.mostra {
        background: var(--fundo);
        z-index: 9;
        width: 98%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 5px 0;
        box-shadow:
            0 2.8px 2.2px rgba(0, 0, 0, 0.02),
            0 6.7px 5.3px rgba(0, 0, 0, 0.028),
            0 12.5px 10px rgba(0, 0, 0, 0.035),
            0 22.3px 17.9px rgba(0, 0, 0, 0.042),
            0 41.8px 33.4px rgba(0, 0, 0, 0.05),
            0 100px 80px rgba(0, 0, 0, 0.07);
    }

    .main-header .container {
        background: transparent
    }

    #formulario_pesquisa #s {
        padding: 10px 0;
    }

    #formulario_pesquisa .sbutton {
        height: 38px;
    }
    .sidebar.c-4-12{
        max-width: 100%;
    }
    .footer-widgets .f-widget p{
        text-align: justify;
    }
}


/* Atualizaçao sem fontawesome */
#search-image{
	background-image: url(images/lupa.png);
	background-position: center;
	background-repeat: no-repeat;
}
#move-to-top{
	padding: 5px 11px 25px 8px;
}
.fa-angle-double-up:before{
	content: "»";
    font-family: initial;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
	transform: rotate(-90deg);
}
#header .logo-wrap .fa.fa-home{
	background-image: url(images/icon-home.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    width: 15px;
    margin: 0 10px 0 0;
}
#header .logo-wrap .fa.fa-caret-right:before{
	content: '➛';
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
}

.nav-previous a .fa-angle-left:before{
	content: '«';
	font-style: normal;
}
.nav-next a .fa-angle-right:before{
	content: '»';
	font-style: normal;
}
@media screen and (max-width:500px){
    #secondary-navigation .navigation > ul > .menu-item-has-children > a{
        padding-right: 38px !important;
        text-indent: 15px;
    }
}
.toggle-menu .toggle-caret .fa:before{
    content: '+';
    font-family: initial;
    font-style: normal;
    font-size: 30px;
    position: relative;
}
#menu-menu-mobile.toggle-menu .toggle-caret .fa:before{
    top: 5px;
}
.toggle-menu .active > .toggle-caret .fa:before{
    content: '-';
}


@media (prefers-color-scheme:dark){
	
	body{
		--cor-primaria:#00c4ff;
		--cor-borda:rgb(0 0 0 / 30%);
		--fundo:#222;
		--rodape:#393939;
		--level-fundo:#333;
		--super-level:#444;
		--cor-texto:#f5f5f5;
		--cor-link:#00c4ff;
		background:var(--fundo);
		color:var(--cor-texto);
	}
	.article, #sidebar .widget, #s, .mts-subscribe input[type="text"], .widget_product_search .search-field, .single_post, .related-posts, .breadcrumb{background-color:var(--level-fundo) ;}
	#s, .mts-subscribe input[type="text"], .widget_product_search .search-field{box-shadow:1px 1px 3px var(--fundo) inset}
	.article, #sidebar, #s, .mts-subscribe input[type="text"], .widget_product_search .search-field{border-color: var(--cor-borda) ;}
	.latestPost .title a, #sidebar .widget a, .logo-wrap a, a, a:hover{color:var(--cor-link);}
	.related-posts .title a:hover, .latestPost .title a{color:var(--cor-link) !important;}
	p,ol,ul,li,h1,h2,h3,h4,h5,strong,em,#copyright-note span,#copyright-note span a, .to-top, .to-top a, .single-title{color: var(--cor-texto);}
	#logo img, #primary-navigation img[alt^='VaiBuscar'], #header .logo-wrap .fa.fa-home{filter: invert(1);}
	img {
		filter: brightness(.8) contrast(1.2);
	}
	.pagination a, .pagination .nav-previous a, .pagination .nav-next a{background:var(--super-level);}
	.pagination .nav-previous a:hover, .pagination .nav-next a:hover{background:var(--cor-link);}
	footer, .copyrights{background: var(--rodape) ;}
}