/*
    Theme Name: Cidelândia Online
    Theme URI: https://cidaonline.com
    Author: JV Dev
    Author URI: https://cidaonline.com
    Description: Tema exclusivo do Cidelândia Online.
    Version: 1.8
*/

:root{

    --font-sans-serif:'Geologica';
    --font-serif:'Raleway';


    --main-color:#0004e8;
    --main-color-2:#0003b7;
    --main-color-sec:#fff23b;  
    --bg-header:#ffffffc5;

    --slide-bg-span-bg:#0000003d;
    --slide-bg-span-color:#fff;
    --slide-bg-span-border:#fdd41d;

    --main-bg:#fff;
    --main-bg-2:#f1f1f1;
    --border:#ddd;
    --border-2:#c5c5c5;
    --bg-search-input:#ffffffe8;
    --bg-search-btn:#f1f1f1;
    --btn-search-color:#555;
    --search-color:#111;
    --bg-search-btn-hover:#e9e9e9;
    --blank:#fff;

    --bg-cinza:#f1f1f1;
    --bg-cinza-2:#eee;

    --bg-footer:#fafafa;

    --main-text:#222;
    --main-text-2:#707070;
    --main-text-3:#616161;

    --color-link-in-img:#eee;
    --color-link-in-img-hover:#fff;

    --bg-top-header-menu:#e2e2e271;
    --color-top-header-menu:#222;

    --bg-pagination:#fff;
    --border-pagination:#ddd;
    --border-pagination-active:#0004e8;

    --bg-menu-mobile-full:#00000069;
    --bg-menu-mobile-full-cont:#ffffff;

    --bg-close-menu-mobile:#fcf0f0;
    --color-close-menu-mobile:#381a1a;

    --single-bg-link:#9dacff33;

    --bg-tags:#9dacff1f;
    --bg-tags-hover:#9dacff3a;

}

*, *:after, *::before{margin: 0; padding: 0; outline: none; box-sizing: border-box; font-size:100%;}
body{background:var(--main-bg); font-family: var(--font-sans-serif), sans-serif; font-weight: 400;}
input{font-family: var(--font-sans-serif), sans-serif;}
button{cursor: pointer; position: relative; overflow: hidden; transition: background 0.3s;}
::selection{background: var(--main-color); color: var(--blank);}
img{width: 100%;}
a{color: var(--main-color); text-decoration: none;}
a{color: var(--main-color-2); text-decoration: underline;}

/* boot */
.flex{display: flex; flex-wrap: wrap;}
.container{width: 100%; padding:0 15px;}
.content{max-width: 1080px; margin: 0 auto;}
.ripple{position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.3); transform: scale(0); animation: ripple-animation 0.6s linear; pointer-events: none;}
@keyframes ripple-animation{to{transform: scale(4); opacity: 0;}}

/* main-title */
.main-title{justify-content: flex-start; flex-basis: 100%; margin-bottom: 30px;}
.main-title h1{font-size:1.4em; font-weight: 600; position: relative;}
.main-title h1 i{color: var(--main-color); margin-right: 8px;}
.main-title h1::after{position: absolute; content: ''; bottom: -15px; left: 0; background: var(--main-color); height: 3px; width: 60%; border-radius:2px;}

.main-title-search{justify-content: flex-start; flex-basis: 100%; margin-bottom: 30px;}
.main-title-search h1{font-size:1.4em; font-weight: 400; position: relative; color: var(--main-text-3);}
.main-title-search span{color: var(--main-text); font-weight: 600;}
.main-title-search h1 i{color: var(--main-color); margin-right: 8px;}
.main-title-search h1::after{position: absolute; content: ''; bottom: -15px; left: 0; background: var(--main-color); height: 3px; width: 60%; border-radius:2px;}

/* main-page-contato */
.main-page-contato{margin:30px auto 0 auto; justify-content: space-between;}
.contato-infos{justify-content: center; padding:60px 0 30px 0;}
.contato-infos div{flex-basis:100%; text-align: center;}
.contato-infos figure{width: 280px;}
.contato-infos h1{font-size:1.6em; font-weight: 600; display: block; margin:0 auto 10px auto;}
.contato-infos li{list-style: none; margin-bottom: 10px;}
.contato-infos p{margin-bottom: 30px; color: var(--main-text-2);}

/* top-header */
.top-header{width: 100%; background: var(--bg-header); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 9999;}
.top-header-cont{justify-content: space-between; max-width: 1350px; padding: 8px 15px; align-items: center; margin: 0 auto;}
.top-header-right{flex-basis: calc(100% - 230px); padding: 0 0 0 15px; justify-content: space-between; align-items: center;}
.top-search{max-width:280px;}
.top-header-cont form{justify-content: space-between; background:var(--bg-search-input); max-width:100%; border:1px solid var(--border); padding:2px; border-radius:25px;}
.top-header-cont form input{border: none; color: var(--search-color); background: none; padding:0 16px; max-width: calc(100% - 30px);}
.top-header-cont form button{background:var(--bg-search-btn); height: 30px; justify-content: center; align-items: center; border: 0; font-size:1em; color: var(--btn-search-color); border-radius:2px 50% 50% 2px; width: 30px;}
.top-header-cont form button:hover{background-color: var(--bg-search-btn-hover);}
.top-menu {flex-basis:calc(100% - 280px); padding:0 0 0 15px; justify-content: flex-end;}
.top-menu li{display: inline; margin-right: 15px;}
.top-menu li:last-of-type{margin-right:0;}
.top-menu a{color: var(--main-text); justify-content: flex-end; font-weight: 500; text-decoration: none;}
.top-menu a:hover{color:var(--main-color);}
.logo{flex-basis:230px; background: url(src/svg/cidelandiaonline.svg) no-repeat center; background-size: 100%; height: 38px; position: relative;}
.logo figure{width: 100%; height: 100%;}
.top-header-border{width:100%; height:2px; background: #15329e; background: linear-gradient(90deg,rgba(21, 50, 158, 1) 0%, rgba(217, 218, 90, 1) 20%, rgba(217, 255, 221, 1) 50%, rgba(217, 218, 90, 1) 80%, rgba(21, 50, 158, 1) 100%);}

/* submenu */
.submenu-border{border-bottom: 1px solid var(--border);}
.submenu{justify-content: center; padding:15px 0;}
.submenu li{display: inline-flex; margin: 0 15px 0 0; border-right:1px solid var(--border); padding:0 15px 0 0;}
.submenu li:last-of-type{padding:0; margin: 0; border-right:0;}
.submenu a{color: var(--main-color); text-decoration: none; font-weight: 500;}
.submenu a:hover{color: var(--main-color-2); text-decoration: none;}

/* home-destaque */
.home-destaque{justify-content: space-between; margin-top:30px; justify-content: space-between;}

/* Garante que as imagens preencham bem o slide */
.splide__slide figure{width: 100%; height: auto; display: block; object-fit: cover;}

/* Exemplo de altura fixa ou proporção */
.home-slide-destaque{flex-basis:60%; border-radius:8px;}
.home-slide-destaque .splide__slide{position: relative; padding:60% 0 0 0;}
.home-slide-destaque figure{width: 100%; height: 100%; object-fit: cover; border-radius:8px; position: absolute; background-position: center; left: 0; top: 0; background-color: var(--bg-cinza); background-repeat: no-repeat; background-size: cover;}
.home-slide-destaque header{position: absolute; bottom: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; padding:12px 12px 35px 12px; border-radius:0 0 8px 8px; text-shadow:1px 2px 3px rgba(0,0,0,0.4);}
.home-slide-destaque header a{color: var(--color-link-in-img); text-decoration: none; flex-basis: 100%;}
.home-slide-destaque header a:hover{color: var(--color-link-in-img-hover); text-decoration: none;}
.home-slide-destaque header h1{margin-top:8px; font-size:1.3em; font-weight:700; font-family: var(--font-serif), serif; background:var(--slide-bg-span-bg); padding:6px; backdrop-filter: blur(5px); flex-wrap: wrap; justify-content: flex-start; display: flex; border-radius:8px;}
.home-slide-destaque header b{background:var(--slide-bg-span-bg); color: var(--slide-bg-span-color); font-size: 0.9em; font-weight: 500; padding:6px 12px; border-radius:20px; backdrop-filter: blur(5px);}
.home-slide-destaque .splide__arrow{background:rgba(0, 0, 0, 0.637) !important;}
.home-slide-destaque .splide__arrow svg{fill: #fff;}
.home-slide-destaque span{margin-top:6px; font-weight: 300; display: flex; background:var(--slide-bg-span-bg); padding:6px 12px; backdrop-filter: blur(5px); flex-wrap: wrap; justify-content: flex-start; display: flex; color: var(--slide-bg-span-color); font-size: 0.9em; border-radius:20px;}
.slider-no-post{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--bg-cinza); border-radius:8px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.slider-no-post-cont{text-align: center;}
.slider-no-post-cont img{width: 120px; margin-bottom: 25px;}

.home-slide-right{flex-basis:calc(40% - 15px); padding:15px;  align-items: center; border-radius:8px;}
.home-slide-right ul{flex-basis: 100%;}
.home-slide-right li{display: flex; flex-basis: 100%; margin-bottom: 20px; border-bottom: 1px solid var(--border-2); box-shadow:0 1px 0 #fff; padding:0 0 20px 0;}
.home-slide-right li:last-of-type{margin-bottom: 0; padding-bottom: 0; border-bottom: none; box-shadow:none;}
.home-slide-right a{color: var(--main-text); text-decoration: none;}
.home-slide-right a:hover{text-decoration: none; color: var(--main-color);}
.home-slide-right b{margin-bottom:10px; border-left: 3px solid var(--main-color); position: relative; padding:0 0 0 10px; flex-basis: 100%; flex-wrap: wrap; align-items: center; justify-content: flex-start; font-weight: 500; color: var(--main-color); display: flex;}
.home-slide-right h2{ font-weight:700; font-family: var(--font-serif), serif; font-size: 1.1em;}
.home-slide-right span{margin-top:8px; color: var(--main-text-2); display: flex; font-size:0.9em;}

.home-last{border-top: 1px solid var(--border); justify-content: space-between; padding:30px 0 0 0; margin-top:30px; flex-basis: 100%;}

/* home-last-news */
.home-last-news{flex-basis: calc(100% - 320px); align-items: flex-start;}
.home-last-news-cont{flex-basis: 100%; align-items: flex-start;}
.home-last-news article{justify-content: space-between; padding:0 0 15px 0; margin: 0 0 15px 0; flex-basis:100%; border-bottom: 1px solid var(--border); align-items: center;}
.home-last-news article:last-of-type{border-bottom: none; padding: 0;}
.home-last-news article .news-figure{flex-basis: 30%; position: relative; display: flex;}
.home-last-news article .news-figure img{border-radius:8px;}
.home-last-news article .t-b-m{flex-basis: 70%; padding:0 0 0 20px; display: flex; flex-wrap: wrap;}
.home-last-news article .t-b-m header{flex-basis: 100%; margin:0 0 10px 0;}
.home-last-news article .t-b-m header h2{font-weight: 700; font-size: 1.2em; font-family: var(--font-serif), serif;}
.home-last-news article .t-b-m b{font-weight: 600; font-size: 0.9em; color: var(--main-color); padding:0 0 0 8px; margin-bottom: 10px; border-left: 3px solid var(--main-color);}
.home-last-news article .t-b-m span{font-weight: 300; color: var(--main-text-2); font-size: 0.9em;}
.home-last-news article a{text-decoration: none; color: var(--main-text);}
.home-last-news article a:hover{color: var(--main-color);}
/* ----------- */
.home-last-news-aside{flex-basis: 320px; padding:0 0 0 20px;}
.aside-cont{flex-basis: 100%; margin-bottom: 30px;}
.aside-cont--bs{box-shadow:1px 2px 10px rgba(0,0,0,0.15); border-radius:8px; padding:15px;}
.aside-cont:last-of-type{margin-bottom: 0;}
.social-links{flex-basis: 100%;}
.social-links li{flex-basis: 100%; display: flex; width: 100%; margin-bottom: 10px; justify-content: flex-start; align-items: center;}
.social-links li:last-of-type{margin-bottom:0;}
.social-links a{padding:12px; border-radius:30px; flex-basis: 100%; text-decoration: none;}
.social-links .fb{background:#1877f2; color: var(--blank);}
.social-links .ig{background:#c32aa3; color: var(--blank);}
.home-last-news-aside .sticky{position: sticky; position: -webkit-sticky; top: 80px;}

/* main-footer */
.main-footer{border-top: 1px solid var(--border); background: var(--bg-footer); margin-top: 30px;}
.mian-footer-cont{justify-content: center; font-size: 0.9em; padding:15px 0; text-align: center;}
.mian-footer-cont b{font-weight: 500;}
.mian-footer-cont ul{justify-content: center; flex-basis: 100%; margin-top: 8px;}
.mian-footer-cont ul li{display: inline; margin: 0 10px 15px 10px;}
.mian-footer-cont ul li a{text-decoration: none;}
.mian-footer-cont ul li a:hover{text-decoration: underline;}

/* pagination */
.xpagination{flex-basis: 100%; margin-top: 20px; align-items: center; display: flex; flex-wrap: wrap; justify-content: center;}
.xpagination a{display: flex; flex-wrap: wrap; border:1px solid var(--border-pagination); align-items: center; justify-content: center; padding:8px 10px; color: var(--main-text); font-weight: 500; margin:0 4px 8px 4px; background:var(--bg-pagination); border-radius:8px; text-decoration: none;}
.xpagination .current{background: var(--main-color); color: var(--blank); display: flex; border:1px solid var(--border-pagination-active);  flex-wrap: wrap; align-items: center; justify-content: center; padding:8px 10px; font-weight: 500; margin:0 4px 8px 4px; border-radius:8px; text-decoration: none;}
.xpagination a:hover{background: var(--main-color); color: var(--blank); border:1px solid var(--border-pagination-active); }

.last-news-more-pages{display: flex; flex-basis: 100%; flex-wrap: wrap; justify-content: center; align-items: center;}
.last-news-more-pages a{display: flex; align-items: center; flex-wrap: wrap; border:2px solid var(--main-color); background:none; color: var(--main-color); border-radius:25px; justify-content: center; text-decoration: none; padding:10px 20px; font-weight: 600;}
.last-news-more-pages a:hover{background:var(--main-color); color: var(--blank); box-shadow:0 2px 8px rgba(0, 0, 0, 0.4)}

/* main-home-no-post */
.main-home-no-post{flex-basis: 100%; text-align: center; padding:60px 0 0 0;}
.main-home-no-post img{display: block; margin:0 auto 20px auto; width: 160px;}
.main-home-no-post h4{font-size:1.4em; font-weight: 600;}

/* page paginacao */
.page-paginacao{border-top:none; padding-top:0;}

.wp-pagination{position: relative; display: flex; flex-wrap: wrap; justify-content: center;}

/*PAGES  */
.main-pages{margin:30px 0 0 0; border: 1px solid var(--border); padding:15px; border-radius:8px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}
.main-pages header{margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.main-pages h1{font-size:1.6em; font-family: var(--font-serif), serif; font-weight: 800; padding:0 0 15px 0; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.main-pages h1::after{width:60%; height: 4px; bottom: 0; left: 0; content: ''; background-color: var(--main-color); position: absolute; border-radius:4px;}
.main-pages p{margin: 20px 0;}
.main-pages p:first-of-type{margin-top: 0;}
.main-pages p, .main-pages li{line-height: 26px;}
.main-pages ul, .main-pages ol{margin:20px 0 20px 40px}
.main-pages li::marker{color: var(--main-color);}
.main-pages li{margin:0 0 4px 0;}
.main-pages li:last-of-type{margin:0 0 0 0;}
.main-pages img{border-radius:8px;}
.main-pages .wp-element-caption{font-size:0.7em; color: var(--main-text-2); padding:4px 0 0 10px;}
.main-pages h2{font-size:1.5em; font-weight: 800; margin: 20px 0;}
.main-pages h3{font-size:1.3em; font-weight: 800; margin: 20px 0;}
.main-pages a{text-decoration: none; color: var(--main-color);}
.main-pages a:hover{text-decoration:none; color: var(--main-color-2);}

/* error search - no-search-result */
.no-search-result{text-align: center; flex-basis: 100%; padding:40px 0 0 0;}
.no-search-result img{width:160px; display: flex; margin: 0 auto 15px auto;}
.no-search-result li{list-style: none; margin-bottom: 5px;}
.no-search-result p{margin-bottom: 15px;}
.no-search-result h1{font-size:1.4em; display: block; margin: 10px 0 0 0; font-weight: 600;}
.no-search-result h2{font-size:1.2em; font-weight: 600;}

/* mobile-menu-full */
.mobile-menu-full{position: fixed; display: none; padding:20px; z-index: 9999; backdrop-filter: blur(5px); top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; background: var(--bg-menu-mobile-full);}
.mobile-menu-full-cont{background: var(--bg-menu-mobile-full-cont); padding:15px 15px 60px 15px; border-radius:12px; box-shadow:0 5px 10px rgba(0,0,0,0.1); border: 1px solid var(--border); flex-basis: 420px; position: relative;}
.mobile-menu-full-cont ul{width: 100%; padding:30px 0;}
.mobile-menu-full-cont ul li{display: flex; flex-wrap: wrap; justify-content: center;}
.mobile-menu-full-cont ul li a{color: var(--main-text); text-decoration: none; background: var(--bg-cinza); flex-basis: 100%; display: flex; justify-content: center; align-items: center; margin:0 0 15px 0; border-radius:12px; padding:8px 12px;}
.mobile-menu-full-cont ul li a i{margin-right: 8px; font-size: 1.1em; display: flex; flex-wrap: wrap; width: 25px; height: 25px; align-items: center; justify-content: center;}
.mobile-menu-full-cont ul li a:hover{color: var(--main-color); background: var(--bg-cinza-2);}
.mobile-menu-full-cont-close{position: absolute; left: 0; bottom: 15px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.mobile-menu-full-cont-close button{background: var(--bg-close-menu-mobile); font-size:0.9em; padding:8px; border: none; border-radius:15px; color: var(--color-close-menu-mobile); font-weight: 600; align-items: center; display: flex; flex-wrap: wrap;}
.mobile-menu-full-cont-close button i{margin-right: 6px;}

/* mobile-search-full */
.mobile-search-full{position: fixed; display: none; padding:20px; z-index: 9999; backdrop-filter: blur(5px); top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; background: var(--bg-menu-mobile-full);}
.mobile-search-full-cont{background: var(--bg-menu-mobile-full-cont); padding:15px 15px 70px 15px; border-radius:12px; box-shadow:0 5px 10px rgba(0,0,0,0.1); border: 1px solid var(--border); flex-basis: 420px; position: relative;}
.mobile-search-full-close{position: absolute; left: 0; bottom: 15px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.mobile-search-full-close button{background: var(--bg-close-menu-mobile); font-size:0.9em; padding:8px; border: none; border-radius:15px; color: var(--color-close-menu-mobile); font-weight: 600; align-items: center; display: flex; flex-wrap: wrap;}
.mobile-search-full-close button i{margin-right: 6px;}
.mobile-search-full-cont form{width: 100%; padding:4px; background: var(--bg-search-input); border: 1px solid var(--border); border-radius:25px; justify-content: space-between; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.mobile-search-full-cont form input{flex-basis: calc(100% - 38px); max-width: calc(100% - 38px); border: none; padding:6px 16px}
.mobile-search-full-cont form button{background: var(--bg-search-btn); border: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-basis: 38px; height: 38px; border-radius:50%;}
.mobile-search-full-cont form button:hover{background: var(--bg-search-btn-hover);}
.mobile-search-full-cont header{margin-bottom: 15px; width: 100%; text-align: center; font-size: 1.2em; font-weight: 600;}

/* 404 */
.page-404{justify-content: center; padding:80px 0;}
.page-404-cont{flex-basis:560px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.page-404-cont img{width:260px; margin:0 auto 40px auto; display: flex;}
.page-404-cont h1{font-size: 1.6em; font-weight: 600; margin-bottom: 10px; flex-basis: 100%; text-align:center;}
.page-404-cont p{font-weight: 400; color: var(--main-text-2); text-align: center;}
.page-404-cont a{display: flex; flex-wrap: wrap; justify-content: center; color: var(--main-text); padding:10px 18px; border-radius:25px; text-decoration: none; margin: 40px auto 0 auto; align-items: center; border:1px solid var(--border); background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);}
.page-404-cont a:hover{color:var(--main-color); box-shadow:0 2px 8px rgba(0, 0, 0, 0.02);}
.page-404-cont i{margin-right: 10px;}

/* single */
.main-single{justify-content: space-between; padding:30px 0 0 0;}
.main-single .single-article{flex-basis: calc(100% - 320px); align-items: flex-start;}
.main-single .single-header{margin-bottom: 40px;}
.main-single .single-header .featured-image{border-radius:8px; margin-top: 30px;}
.main-single .single-header .featured-image-caption{font-size: 0.85em; color: var(--main-text-2); font-weight: 300; padding:8px 0 0 0;}
.main-single .single-header .dest b{margin-bottom: 15px; font-weight:600; display: flex; border-left: 3px solid var(--main-color); color: var(--main-color); padding:0 0 0 10px;}
.main-single .single-header h1{font-size: 3em; font-weight: 800; line-height: 50px; font-family: var(--font-serif), serif;}
.main-single .single-header p{margin-top: 15px; font-size: 1.2em; color: var(--main-text-3) !important;}
.main-single .single-header .header-ava-date-share{justify-content: space-between; padding-top:5px; align-items: center;}
.main-single .single-header .header-ava-date-share-left{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.main-single .single-header .header-ava-date-share-left span{align-items: center;}
.main-single .single-header .header-ava-date-share-left span span{color: var(--main-text-3);}
.main-single .single-header .header-ava-date-share-left img{width: 38px; height: 38px; margin-right: 10px; border-radius:50%; background: var(--bg-cinza);}
.main-single .single-header .header-ava-date-share-left b{font-weight: 600; text-transform: capitalize; flex-basis: 100%;}
.main-single .single-header .header-ava-date-share-left a{color: var(--main-text); text-decoration: none;}
.main-single .single-header .header-ava-date-share-left a:hover{color: var(--main-color); text-decoration: none;}

.main-single .single-article-cont{font-size: 1.1em; font-family: var(--font-serif), serif; font-weight: 500;}
.main-single .single-article-cont p{margin: 20px 0;}
.main-single .single-article-cont p:first-of-type{margin-top: 0;}
.main-single .single-article-cont p, .main-single .single-article-cont li{line-height: 26px;}
.main-single .single-article-cont ul, .main-single .single-article-cont ol{margin:20px 0 20px 40px}
.main-single .single-article-cont li::marker{color: var(--main-color);}
.main-single .single-article-cont li{margin:0 0 4px 0;}
.main-single .single-article-cont li:last-of-type{margin:0 0 0 0;}
.main-single .single-article-cont blockquote{margin: 20px 0; font-size: 1.1em; position: relative; border-left: 3px solid var(--main-color); padding:0 0 0 20px; font-style: italic; font-family: 'PT Serif', serif;}
.main-single .single-article-cont blockquote::before{position: absolute; content:'"'; width: 30px; height: 40px; top: calc(50% - 20px); font-style: normal; background: #fff; left: -16px; color: var(--main-color); font-size: 3em; font-family: 'Stack Sans Headline', serif; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.main-single .single-article-cont img{border-radius:8px;}
.main-single .single-article-cont .wp-element-caption{font-size:0.7em; color: var(--main-text-2); padding:4px 0 0 0;}

.main-single .single-article-tags{margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; border-top: 1px solid var(--border); padding:15px 0 0 0; border-bottom: 1px solid var(--border);}
.main-single .single-article-tags a{padding:4px 8px; margin:0 8px 16px 0; text-decoration: none; background:var(--bg-tags); border-radius:4px; font-weight: 500; font-size: 0.9em;}
.main-single .single-article-tags a:hover{background: var(--bg-tags-hover); text-decoration: none;}
.quebra-de-linha-sem-tags{margin-top: 30px; width: 100%; background: var(--border); height: 1px;}

.main-single .single-article-cont h2{font-size:1.5em; font-weight: 800; margin: 20px 0;}
.main-single .single-article-cont h3{font-size:1.3em; font-weight: 800; margin: 20px 0;}
.main-single .single-article-cont a{text-decoration: none; color: var(--main-color);}
.main-single .single-article-cont a:hover{text-decoration:none; color: var(--main-color-2);}

/* posts relacionados */
.posts-relac{margin: 30px 0 0 0;}
.posts-relac-title{margin-bottom: 30px;}
.posts-relac-title h3{font-size: 1.4em; font-weight: 600; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.posts-relac-title i{margin-right: 6px; color: var(--main-color);}

/* hidden on desktop */
.top-menu-mobile, .top-search-mobile{display: none;}

@media screen and (max-width:840px){
    .logo{flex-basis:160px; background: url(src/svg/cidaonline.svg) no-repeat center; background-size: 100%; height: 38px;}
    .top-header-right{flex-basis: calc(100% - 160px);}
}

@media screen and (max-width:760px){
 .home-slide-destaque{flex-basis: 100%;}   
 .home-slide-destaque .splide__slide{padding:60.25% 0 0 0;}
 .home-slide-right{flex-basis: 100%; padding: 30px 0 0 0;}

 .top-menu ul, .top-search form{display:none}
 .top-menu-mobile, .top-search-mobile{display: flex;}
 .top-menu-mobile button, .top-search-mobile button{background:var(--bg-top-header-menu); border: none; width: 30px; height: 30px; border-radius:50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size:1.1em; color: var(--color-top-header-menu);}
     .home-last-news{flex-basis: 100%;}
    .home-last-news-aside{padding: 30px 0 0 0; flex-basis: 100%;}

    .single-article{flex-basis: 100% !important;}
}

@media screen and (max-width:460px){
.home-last-news article .news-figure{flex-basis: 100%; margin-bottom: 15px;}
.home-last-news article .news-figure img{width: 100%;}
.home-last-news article .news-figure a{width: 100%;}
.home-last-news article .t-b-m{flex-basis: 100%; padding:0;}

.home-last-news article .t-b-m header h2{font-size: 1.1em;}
.home-slide-destaque header h1{font-size:1.1em;}

.splide__arrows--ltr{display: none;}

.xpagination .prev, .xpagination .next{width: 100%; margin:10px 0;}

.main-single .single-header h1{font-size:2.4em; line-height: 40px;}

}