/*  

Theme Name: Lilypedia (Uni Design)
Description: Theme developed by Gustavo Franco ->@uniwebdesign
Version: 2025.2
Author: Gustavo


*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html * { -webkit-text-size-adjust: 100%; }

body {font-family: Montserrat !important; background: #bdb2d4 !important;}

.container {max-width: 1056px !important; }

/* Links */

a {color: #ed95c2; font-weight: bolder;text-decoration: none;  -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
a:hover, a:active {color:#ab98ce; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}

/* Header */

.header {width: 100%; height: 680px; background: url('img/header.png')no-repeat center; background-size: contain; margin-bottom: 30px; display: flex;}
.welcome {background:#fff;width:100%;padding:20px;text-align:center;font-size:12px;color:#8c8c8c; margin-bottom: 20px;}
.welcome b, .welcome strong {color: #efa2c9;}
.welcome span {width:100%;display:block;font-family:Georgia;font-style:italic;font-weight:bolder;font-size:40px;line-height:.8;margin-bottom:20px;letter-spacing:-1px;color:#e0e0e0}

/* Item Pedia */

.item_pedia { height: 315px;  background: #ed95c2;  position: relative; margin-bottom: 20px;box-shadow: -2px 28px 17px -22px rgba(141,133,158,0.86); -webkit-box-shadow: -2px 28px 17px -22px rgba(141,133,158,0.86); -moz-box-shadow: -2px 28px 17px -22px rgba(141,133,158,0.86); overflow: hidden;}
.item_pedia:hover {box-shadow: -2px 28px 17px -22px rgba(113,102,134,1); -webkit-box-shadow: -2px 28px 17px -22px rgba(113,102,134,1); -moz-box-shadow: -2px 28px 17px -22px rgba(113,102,134,1);}

.item_pedia img {width: 100%; height: 100%; object-fit: cover;}

.item_pedia::after {content: ''; border: 2px solid #fff; opacity: 0.2; position: absolute; inset: 15px; z-index: 1; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.item_pedia::before{content:'';background:#ed95c2;background:linear-gradient(0deg,#ed95c2 0,rgba(237,149,194,0) 100%);position:absolute;left:0;bottom:50px;right:0;height:80px;box-shadow:0 50px #ed95c2; z-index: 2;}


.item_pedia:hover::after {opacity: 0.5; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}

.item_pedia .area {position: absolute; z-index: 3; left: 10px; bottom: 10px; right: 10px;}
.item_pedia .area h1 {font-size:23px;text-align:center;color:#fff;text-transform:uppercase;font-weight:900;margin-bottom:15px;display:block}
.item_pedia .area .acesse {width: 78px; height: 26px; background: url('img/acesse.png')no-repeat center; margin: 10px auto;}

/* Foto Lily */

.foto_lily {background: url('img/lily_bio.png')no-repeat center top; height: 400px; margin-bottom: 20px;}

.title_bio1 {height:100px;display:flex;justify-items:space-between;align-items:center}
.title_bio2 {font-size:30px;color:#fff;padding-left:30px; display: block; line-height: 1; position: relative;}
.title_bio2::before {content:''; left: 0px; position: absolute; top: -10px; bottom: -8px; width: 8px; border-radius: 8px; background: #ab98ce; display: block;}

.biografia {padding:35px 25px 25px 35px;background: url('img/bio.png')no-repeat left top; margin-left:-90px;font-size:12px;color:#b2b2b2;border-radius:15px;line-height:1.1; display: block !important; text-align: justify;}
.biografia span {display:flex;padding:10px 15px;background:#ed95c2;width:auto;color:#fff;text-transform:uppercase;font-size:9px;border-radius:50px;font-weight:700;margin:0 5px}

.social_links a {background:#fff;width:35px;height:35px;display:flex;justify-content:center;justify-items:center;align-items:center;border-radius:50px;margin:0 5px;color:#ed95c2}
.social_links a:hover {background: #ab98ce; color: #8473a3;}

/* Projetos */

.proj_tit {padding:20px 30px;background:#ab98ce;margin-bottom:20px}
.proj_tit strong {color:#fff;text-transform:uppercase;font-size:18px}
.proj_tit a {color:#8a79a9;font-size:12px;font-weight:500}
.proj_tit a:hover {color: #fff;}

.item_projeto {height:290px;background:#fff;position:relative;margin-bottom:20px;box-shadow:-2px 28px 17px -22px rgba(141,133,158,.86);-webkit-box-shadow:-2px 28px 17px -22px rgba(141,133,158,.86);-moz-box-shadow:-2px 28px 17px -22px rgba(141,133,158,.86);overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center}
.item_projeto:hover {box-shadow: -2px 28px 17px -22px rgba(113,102,134,1); -webkit-box-shadow: -2px 28px 17px -22px rgba(113,102,134,1); -moz-box-shadow: -2px 28px 17px -22px rgba(113,102,134,1);}

.item_projeto img {width: 100%; height: 195px; object-fit: cover;}
.item_projeto h1 {font-size: 18px;  padding: 20px;  text-align: center; width: 100%; display: block; font-weight: bold;}

.item_projeto .area { display: flex;  flex-wrap: wrap;  justify-content: center;}
.item_projeto .proj_cat {padding:10px 15px 7px;background:#ab98ce;margin-top:-25px;border-radius:20px;font-size:11px;color:#fff;font-weight:500;text-transform:uppercase}

/* Galeria */

.galeria_link {padding:25px;display:flex; text-align: center; justify-content:center;align-items:center;align-content:center;background:#ed95c2; margin-bottom: 14px; height: 80px;}
.galeria_link a { text-transform: uppercase;  color: #fff;}

.miniaturas {padding: 10px;  background: #c9bee0; height: 280px; margin-bottom: 20px; }
.miniaturas a {display: flex; width: 31%; max-width: 125px; }
.miniaturas a img,.miniaturas img{width:100%;height:125px;object-fit:cover;border:7px solid #d8ccf2}

.emily_tab { padding: 25px; background: #ab98ce;  margin-bottom: 14px; flex-wrap: nowrap; height: 80px; }
.emily_tab a {color:#8a79a9;font-size:12px;font-weight:500; text-align: right; width: auto;}
.emily_tab a:hover {color: #fff;}

.emily_tab img { object-fit: contain;  max-width: 210px;  max-height: 40px;}

.info_serie {padding: 10px;  background: #c9bee0; height: 280px; margin-bottom: 20px;}
.info_serie .sinopse { color: #7e7394;  font-size: 11px;  text-align: justify;  padding: 5px 10px;}
.info_serie .video_emily {height:170px;border:5px solid #d8ccf2; background: url('img/trailer.png')no-repeat center; background-size: cover;}

.info_sinopse {height: 30px;}

.info_sinopse span {display:flex;padding:10px 15px;background:#fff;width:auto;color:#a6a6a6;font-size:9px;border-radius:50px;font-weight:700;margin:0 5px}
.info_sinopse span b {color: #ed95c2; font-weight: bold; margin: 0 2px;}

/* Footer */

.footer{padding:50px 0;background:#ab98ce;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:400}
.footer_sec a {color: #ffc2e1; font-weight: 500;}
.footer_sec a:hover {text-decoration: underline;}


/* Interno */

.post{padding:30px;background:#fff;text-align:justify;line-height:1.8;color:#9f8d9b;margin-bottom:30px}

.post .titulo {padding: 20px 0;}
.post .data {display:block;text-align:center;color:#d8d8d8;font-weight:bolder;letter-spacing:2px;font-size:14px; margin-bottom: 10px;}
.post .titulo a {color:#ed95c2;font-weight:700;letter-spacing:-.5px;text-align:center;display:block;text-decoration:none;font-size:2.3vw;line-height:1.2}
.post .titulo a:hover {color: #ccc; text-decoration: underline;}

.post img{max-width:100%;height:auto}
.post figure{margin:0}.post figure.aligncenter,
.post img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.post img.alignright{float:right;margin-left:20px}
.post img.alignleft{float:left;margin-right:20px}

.post ol,.post ul{margin:1.5rem 0;padding-left:2.5rem;font-size:1rem;line-height:1.7;list-style:none}
.post ol li,.post ul li{margin-bottom:1rem;position:relative}
.post ul li::before{content:'';position:absolute;left:-2rem;top:.4rem;width:10px;height:10px;background-color:#ed95c2;border-radius:50%}
.post ol{counter-reset:custom-counter}
.post ol li{counter-increment:custom-counter}
.post ol li::before{content:counter(custom-counter);position:absolute;left:-2.5rem;top:0;width:28px;height:28px;background-color:#ed95c2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.post ol ol,.post ol ul,.post ul ol,.post ul ul{margin-top:.5rem;margin-bottom:.5rem;padding-left:2rem}
.post ol li:hover,.post ul li:hover{color:#000}.post ol li,.post ul li{transition:color .3s}

.post blockquote{position:relative;border-top:1px solid #ed95c2;padding-top:1.2em;margin:2em 0;font-size: 12px;}
.post blockquote::before{content:"“";display:block;font-size:4em;color:#ed95c2;text-align:center;margin-bottom:.1em;user-select:none;line-height:1;font-weight:700;font-family:Georgia}
.post blockquote p{margin:0 2em;font-size:1.1em;line-height:1.5}

.post h1 {text-align:center;color:#ed95c2;font-weight:700}
.post h2 {font-size:23px;font-weight:bolder;margin:20px 0}

.post iframe {margin: 0px auto; max-width: 100%; height: 315px; display: flex;}

.info{width:100%;display:flex;justify-content:space-between;align-content:center;align-items:center;padding:20px;background:#f3f0fa;font-size:12px;color:#b9b3c8;text-transform:uppercase;letter-spacing:1px;border-radius:20px}
.info a {color: #ed95c2; text-decoration: none;}
.info a:hover {text-decoration: underline;}
.compartilhe a {color: #ed95c2; padding: 10px; font-size: 16px; text-decoration: none;}
.compartilhe a:hover {opacity: 0.5;}

.thumbnail_single img {overflow:hidden;border-radius:15px;margin-bottom:20px;width:100%;height:300px;object-fit:cover}

/* Lateral */

.widget{display:block;padding:30px;line-height:2;font-size:14px;text-align:justify;color:#87818b;background:#e7e1f3;margin-bottom:20px;position:relative}
.widget h2{display:flex;align-items:center;justify-content:center;gap:16px;font-weight:700;color:#86818b;margin:0 0 20px;font-size:18px}
.widget h2::after,.widget h2::before{content:"";flex:1;height:1px;background-color:#86818b;opacity:.6}


.side #search, .side #searchform {position: relative; height: 50px;}
.side input,.side textarea{border:0 solid #ccc;font-size:10px;padding:15px;border-radius:7px;outline:0;color:#b7b7b7;width:calc(100% - 10px - 50px);float:left}
.side input[type=button],.side input[type=reset],.side input[type=submit],.widget .wp-element-button{right:0;top:0;padding:10px;height:50px;display:flex;justify-content:center;justify-items:center;align-content:center;align-items:center;color:#fff;font-weight:400;background:#ed95c2;border:0;border-radius:10px}

.side .wp-block-search__label{width:100%;font-weight:bolder;padding:10px;background:#fff;border-radius:10px;margin-bottom:10px}

/* 404 */

.erro_pag {text-align:center;color:#816e78;padding:30px}
.erro_pag a { color: rgb(85 59 73);  text-decoration: underline;}
.erro_pag a:hover {color: #000;}
.erro_pag h1 { color: #fff;  font-weight: 900;  font-size: 9vw;}
.erro_pag .btn{background:#edecec;padding:10px 20px;border-radius:50px;border:0;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-weight:bolder;color:#b9a2b8}

/* Rodape */

.rodape {background:#dc5c8f;padding:30px;text-align:center;color:#f988b5;font-size:19px; }
.rodape a {color: #fff; text-decoration: none;}
.rodape a:hover {opacity: 0.5; text-decoration: underline;}
.rodape span {color: #fff;}

/* Blockquote */

.title_cat {width:100%!important;margin-bottom:30px;background:#fff;padding:30px;border-radius:15px;color:#b1a3b0; display: block; padding: 30px!important}

/* Pagination */

.pagination {width: 100% !important; margin-top: 20px !important;}
.active>.page-link,.page-link.active{background-color:#dc5c8f !important;border-color:#dc5c8f !important; color: #fff !important;}
.page-link{color:#dc5c8f !important;}

/* Categoria */

.post_category{width:calc(24%);padding:20px;background:#fff;border-radius:20px;overflow: hidden; margin-bottom: 30px;}
.post_category a img,.post_category img{margin-left:-20px;margin-top:-20px;margin-right:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px);height:200px;object-fit:cover}
.post_category .data {text-align:center;padding:10px;font-size:12px;font-weight:bolder;color:#cfccc5}
.post_category .titulo {text-align:center;display:block;font-size:18px;margin:10px 0 line-height: 1.5; color: #6f5233;} 
.post_category .titulo:hover {opacity: 0.5;}
.post_category .resumo {font-size:12px;text-align:justify;margin:10px 0;color:#bdb9b1}
.post_category .autor {text-align:center;display:block;margin:0 auto;padding:10px;font-size:10px;border-top:1px solid #e9e6df;text-transform:uppercase;color:#8d8980;letter-spacing:1px}

.post_filme {width:calc(24%);padding:20px;border-radius:20px;overflow: hidden; margin-bottom: 30px;  -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.post_filme a img,.post_filme img{margin:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px);height:400px;object-fit:cover; padding: 0px; border: 0px;  -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.post_filme:hover a img,.post_filme:hover img {opacity: 0.1; filter: grayscale(100%);  -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}

@media only screen and (max-width: 768px) {
	
.biografia {margin:0 0 20px;font-size:14px;line-height:1.5;background:#fff;padding:30px}
	
}

@media only screen and (max-width: 450px) {
	
.header { height: 400px;  background: url('img/header.png')no-repeat top center;  background-size: 140%;}

.biografia span {margin: 5px;}
	
.emily_tab { flex-wrap: wrap; height: auto; text-align: center;  justify-content: center !important;}
.emily_tab img {margin-bottom: 20px;}
	
.info_serie {height: auto;}
.info_serie .sinopse {margin: 10px 0px;}

.info_sinopse {height: auto;}
.info_sinopse span { margin: 5px;}
	
.footer span {width: 100%; display: block; text-align: center;}
	

.rodape {color: #dc5c8f;}
.rodape span {width: 100%; display: block; text-align: center;}
	

	
	
}