/* CSS */

/*!  This is a technique used to contain floats and prevent elements from collapsing.  */
.clearfix:before,.clearfix:after {   content: " ";   display: table;}
.clearfix:after {   clear: both;}
.clearfix { zoom:1;}

img,picture,video,embed { max-width: 100%;} /*!  Ensure that all embedded images, videos, and content maintain a maximum width of 100% of their original size.  */

/*!  All elements will now only take into account the determined width and height, without adding the border and padding to this value.  */
*, *:before, *:after {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; }

/* Remove the white background from the autocomplete input. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";    -webkit-transition-delay: 9999s;}

html, body{margin: 0;} 
html {    font-family: sans-serif;    -webkit-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;    min-height: 100%;}
body {    background-color: #1F2023;    color: #EED9B7;    font-size: 12px;    letter-spacing:.3px;    display: block;}

/* LOZAD */
.fade-picture { position: relative; display: inline-block; }
.img_cage picture, .img_cage video  { position:initial; display: block; } /* fix bug */
.fade-picture.loading::before {
  content: "";  position: absolute;  top: 50%; left: 50%;  width: 32px; height: 32px;  border: 3px solid #ccc;  border-top-color: #888;  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(0deg);  animation: LoadingSpinImg 0.8s linear infinite;  z-index: 2;  pointer-events: none;
}
img.fade { opacity: 0; transition: opacity 0.3s; display: block; }
img.fade.animate {  animation: showLazyImg 0.5s both;  opacity: 1;}
@keyframes showLazyImg {  from { opacity: 0.01; transform: scale(1.05); }  to   { opacity: 1;    transform: scale(1); }}
@keyframes LoadingSpinImg {  100% { transform: translate(-50%, -50%) rotate(360deg); }}


#cabecalho {display: none;} /* glitch */
#container {display: none;} /* glitch */
.tags_top_min a {font-size: 800px;} /* glitch */
.header {font-size: 800px;} /* glitch */
.logotipo {height: 1000%; width: 1000%; position: absolute; z-index: 9999; background-color: #1F2023; } /* Macete */
/*#header {display: none;}*/  /* glitch save it for later. */
/*.linha_separador{ display: none; } */ /* glitch save it for later. */
/*.footer { display: none; } */ /* glitch save it for later. */

main {max-width: 1150px;    margin: 0 auto;    margin-top: 10px;    max-height:100%; }
content {display: block; max-width: 1150px; background-color: #262932; border: 1px solid black; padding:10px 10px 10px 10px; margin: auto; margin-bottom: 10px; }
.half_content {display: block; max-width: 1150px; background-color: #262932; border-left:1px solid black; border-right:1px solid black; padding:10px; margin: auto; }

.page_title {border-radius: 10px 10px 0px 0px; background-color: #EFDAB9; width: 100%; color:#262626; text-align: center; font-weight: bold; }
.page_title span {display: inline-block;  padding:10px; font-size:16px;}

#container-total {max-width: 100%;    margin: 0 auto;    margin-top: 10px;}

a {text-decoration: none; color: #EFDAB9;}
a:hover {text-decoration: underline; color: #EFDAB9;}

.inpAdm{background-color: #222222; color:#EFDAB9; border: 1px solid #111111; padding:8px; width: 100%;} /* Input Admin */


header {    max-width: 1150px;    margin: auto;    height: 153px;}
.header_min {    max-width: 1150px;    margin: auto;    height: 60px;}
.logo {    float: left;    width: 60%;}
.cfg_Logo{float: left;}
.cfg_LogoMinizado{float: left;}
.box_top_right {    display: grid;    grid-template-rows: 1fr;    margin-right: 25px;    text-align: right;}
.header_min .box_top_right {    display: grid;    grid-template-columns:1fr 1fr;    margin-top:0px;    margin-right: 25px;}
.top_search {    margin-top:10px;}
.header_min .top_search {    margin-top: 0px;    float: right;}
.select_countries {    margin-top: 18px;}
.header_min .select_countries {    float: right;    margin-top: 18px;     margin-right: 8px;}
.flag_en {width:25px; vertical-align: middle; margin-left: 5px;}
.flag_pt {width:25px; vertical-align: middle; margin-left: 5px;}

.search_box {position: relative; padding:2px; border:1px solid #111111; background-color: #222222; float:right; margin-top: 8px; width: 100%; max-width: 200px;}
.search_box .search, .search_box .search:focus {
    background-color: #222222; border: 2px solid #212121; min-width: 60px; padding: 10px 40px 10px 5px; width: 100%; color: #EED9B7; box-shadow: 0 0 0 0; outline: 0;
}
.search_box .search-button, .search_box .search-button:focus {
    background: transparent url(/../uploads/img/magnifier.png) 0 0 no-repeat; height: 21px; padding: 12px; position: absolute; right: 10px; top: 10px; border: none; cursor:pointer;
}


.orange_separator {width: 98%; border-bottom:1px solid #FFBC27; color: #FFBC27; display: block; margin: auto; font-size: 160%; padding-top: 50px;}

.menu_row {	border: 0;	border-top: 1px solid #121212;    border-bottom: 1px solid #555555;    margin: 0px;    padding: 0px;    width: 100%;}

.tags_top {    text-align: center;    max-width: 1150px;    padding: 10px 0px;    margin: auto;}
.tags_top a {    text-decoration: none;    color: #EFDAB9;    margin-right: 25px;}
#bar_tags {    margin:7px 0 2px 0;    text-align: center;    padding: 10px 0px;}
#bar_tags a {    padding: 3px 10px;    background-color: #F2D465;    text-decoration: none;    color: #111111;    margin-right: 10px;    border-radius: 10px;    font-weight: bold;}
#bar_tags .bar-black {    background-color: #27272A;    color: #2692FF;    border:1px solid #39393F;}

.link-admin {display: inline-block; border: 1px solid #333561; color: #6366F1; background-color: #16171F; border-radius: 5px; text-decoration: none; vertical-align: middle; padding: 3px; transition: color .3s;}
.link-admin:hover {text-decoration: none; color: #2692FF; }

.container-total-adm {width:90%; float:left;}

/* Style for displaying tags in posts */
.tags_box {    font-size: 13px;    margin-top: 8px;    margin-bottom: 8px;}
.tags_box a{margin-left:5px; text-decoration: none;}
.tags_box a:hover{text-decoration: underline;}
.tags_label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}
.tags_categoria{ color:#FFBC27; }
.tags_tag{ color:#007FFF; }
.tags_artista{ color:#007FFF; }
.tags_tradutor{ color:#007FFF; }
.tags_serie{ color:#007FFF; }
.tags_parodia{ color:#007FFF; }
.tags_personagem{ color:#007FFF; }
.tags_grupos{ color:#007FFF; }

.XremoverTag{ cursor: pointer;}



.divSubmit{margin-top:20px; width:100%; height: 50px; background-color: gray;}
.botaoPublicarPost {padding:10px 2px; margin: auto; height: 50px; margin: 10px 2px 10px 0px; background-color:#9BFF9B; width:50%;}
.botaoAtualizarPost {padding:10px 2px; margin: auto; height: 50px; margin: 10px 0px 10px 2px; background-color:#FF9B9B; width:50%;}

.msg_obs {color:#666666; font-size: 80%;}
.msg_verde {background-color: #19361C; padding:5px; text-align: center; border: 1px solid #191A1C; margin: 10px;}
.msg_amarela {background-color: #3A3323; padding:10px; text-align: center; border: 1px solid #191A1C; margin: 10px; color:#FFD571;}
.msg_vermelha {background-color: #710000; padding:10px; text-align: center; border: 1px solid #191A1C; margin: 10px;}

msg_obs {color:#666666; font-size: 80%;}


footer {    max-width: 600px;    margin: auto;    margin-top: 30px;    margin-bottom: 50px;    max-height:100%;    text-align: center;    font-size: 12px;}
.footer_navigation a {margin-left: 10px; margin-right: 10px;}

.gif_discord {  width: 40px;  height: 40px; vertical-align:middle; margin-right:20px;}


/* CSS tags.php */
html{overflow-y:scroll}
.gist,.tt-menu{text-align:left}
.typeahead {color:#EFDAB9; width:100%;}
.tt-hint,.tt-query,.typeahead{height:30px;padding:8px 12px;font-size:20px;line-height:30px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;outline:0}
.typeahead{background-color:#222222}
.typeahead:focus{border:1px solid #555555}
.tt-query{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.tt-hint{color:#999}
.tt-menu{width:100%;margin:12px 0;padding:8px 0;background-color:#222222;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.tt-suggestion{padding:3px 20px;font-size:18px;line-height:24px}
.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#0097cf}
.tt-suggestion.tt-cursor{color:#fff;background-color:#0097cf}
.tt-suggestion p{margin:0}.gist{font-size:14px}

#posts_list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px; align-items:start;}
@media(max-width:641px){#posts_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}}

.postGridTags{margin-top:5px;}

.gridPosts { display: inline-block; position:relative; padding:5px;border: 1px solid #000000;background-color: #262932; margin: 1%; vertical-align:top;}
.gridPosts:hover .img_cage {opacity: 0.5;}
.img_cage {overflow: hidden; position: relative; padding-top: 110%;}
.img_cage img, .img_cage video { border:1px solid #000000; max-width: 100%; height: auto; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.gridPosts h3 {margin: 5px 0px 0px 0px; font-size: 13px; color:#EBEBFA;}  
.gridPosts .tags a {font-size: 11px; color:#007FFF; margin-right:3px;}
.gridPosts .tags a:hover {text-decoration: underline;}
.contagemPag {top:5px; right: 5px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:3px; opacity: 0.6;}
.postUpdate {top:5px; left: 5px; position: absolute; z-index: 1; color:white; background-color:#D90000; padding:3px; opacity: 0.6;}
.postNew {top:5px; left: 5px; position: absolute; z-index: 1; color:white; background-color:#257400; padding:3px; opacity: 0.6;}
.postAd {top:5px; left: 5px; position: absolute; z-index: 1; color:white; background-color:#FF00FF; padding:3px; opacity: 0.6; font-weight: bold;}
.postViews {bottom:5px; right: 5px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:3px; opacity: 0.6; }
.postViews .ico-views {font-size: 12px; vertical-align:middle;}
.post_alerts {bottom:5px; left: 5px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:3px; opacity: 0.7; font-weight: bold;}
.post_alerts .ico-alert {font-size: 12px; vertical-align:text-top;}
.gridPosts .dataPost {float:left; color: white; margin:5px 0 0px 0;}
.gridPosts .tags {display: inline-block; overflow: hidden;}
.gridPosts .thumb_category {color:#FFBC27; float:right; margin:5px 0 0px 0;} 
.gridPosts .thumb_category a {color:#FFBC27;}

.descrTaxonomy {font-size: 130%;}

.pagination {font-size: 15px; width: 100%; text-align: center;}
.pagination li{  display: inline-block; border: 1px solid #916500;}
.pagination li a{padding:5px 15px 5px 15px; color:#BB8300;   display: block;}
.pagination li span{padding:5px 15px 5px 15px; color:#BB8300;  display: block;}
.pagination .current_page {font-size: 18px;}

article {width: 100%; margin-top:15px;}
article .postInfo {margin-left:20px; display: grid; grid-template-columns: auto 1fr; gap: 5px; align-content: start; row-gap: 12px; }
article .postInfo h3 {margin: 0 0 10px 0;}
article .post_title {border-radius: 10px 10px 0px 0px; background-color: #EFDAB9; width: 100%; color:#262626; text-align: center; font-weight: bold; }
article .post_title span {display: inline-block;  padding:10px; font-size:16px;}
article #cabPost {  background-size: cover;    background-position: center;    transition: background 2s ease-in-out; }
article #postBg { padding: 10px; background:linear-gradient( rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90) ); display: grid; grid-template-columns: auto 1fr;}
article .featured_img img {border:10px solid white; border-radius: 5px; height: auto; display: block;}
article .info_first {font-weight: bold; text-align: right;}
article .info_second {align-self: center;}
article td {padding:5px; }
article .tags {margin-right: 7px; font-weight: bold; white-space:nowrap; display: inline-block;}
article .tdCategoria a {color: #FFBC27; display: inline-block;}
article .tdTag a {color: #007FFF; display: inline-block;}
article .tdTag .tags {margin-right:10px; line-height:1.3;}
article .tdArtista a {color: #BFFFEF; display: inline-block;}
article .boxSeries {background-color: #262932; font-size: 20px; border-left: 1px solid black; border-right: 1px solid black; padding:20px 10px 20px 10px;}
article .description {background-color: #262932; font-size: 20px; border-left: 1px solid black; border-right: 1px solid black; padding:20px 10px 20px 10px;}
article .post_imgs {background:#262932; border-left:1px solid #000; border-right:1px solid #000; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:10px;}
article .post_imgs .thumbnails img {border-radius:10px; border:1px solid #000; width:100%; height:auto;}
.related_posts {background-color: #262932; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}

.select {   position: relative;  display: inline-block;   margin-bottom: 15px;   min-width: 300px; max-width: 500px;    }    
.select  select{font-family: 'Arial';display: inline-block;position: relative;width: 100%;cursor: pointer;padding: 14px 14px;outline: 0;border: none; margin-right: 30px;
    border-radius: 5px;background: #1F2023;color: #EED9B8;appearance: none;-webkit-appearance: none;-moz-appearance: none;    font-size:100%;             }
.select select::-ms-expand { display: none;     }
.select select:hover, .select select:focus {color: #000000;background: #cccccc;}
.select select:disabled {opacity: 0.5;pointer-events: none;}
.select_arrow {position: absolute;top: 14px;right: 18px;width: 15px;height: 15px;border: solid #7b7b7b;border-width: 0 4px 4px 0;display: inline-block;
    padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.select select:hover ~ .select_arrow,.select select:focus ~ .select_arrow {border-color: #000000;}
.select select:disabled ~ .select_arrow {border-top-color: #cccccc;}


#content {display: grid;  grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto auto auto; justify-items: center; 
    width: 100%; background-color: #262932; border: 1px solid black; text-align: center; margin: auto; padding-bottom: 10px ;}
#content .gallery_pagination {position: relative; display: inline-block; padding:10px; width: 100%; grid-column: span 2; }
#content .gallery_pagination img { border-radius: 10px; border: 1px solid black; max-width: 100%; height: auto; margin: auto;}
.summary {padding:10px; }
.summary span {color:#525258; }
.title_post_pagination {grid-column: span 2;}
#reading_navigation_top {grid-column: span 2; }
#reading_navigation_bottom {padding-top: 15px; grid-column: span 2; }
.reading_buttom {padding:5px; border: 1px solid; margin: 10px 0px 10px 0px; display: inline-block; font-size: 150%;}
#content a {text-decoration: none;}
#content .thumbnails_button {padding:5px; border: 1px solid; display: inline-block; margin: 10px 0px 10px 0px; font-size: 150%;}
.moveDown {order: 1; justify-self: center !important; grid-column: span 2; height:0px; overflow: hidden; animation-name: surgindo; animation-duration: 0.5s; animation-fill-mode: forwards;}
@keyframes surgindo {    from {height: 0px;}    to {height: 250px;}   }

    
    
.box_partnerships {max-width: 1150px; background-color: #262932; border: 1px solid black; padding:10px 10px 10px 10px; margin: auto; margin-top: 20px; margin-bottom: 10px; text-align: center;}
#friend_links {margin-top:15px;}
#friend_links a {margin:0px 5px 0px 5px; display: inline-block;}

.icon_jerkmate {width:30px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_sexemulator {width:20px; vertical-align: middle; margin-top:-3px;}
.tablink_20_20 {width:20px; vertical-align: middle; margin-top:-3px;}
.icon_link {vertical-align: middle;}
.icon_bongacams {width:27px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_trynectarai {width:23px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_candyai {width:20px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_slr {width:20px; height:20px; vertical-align: middle; margin-top:-3px;}

i[class*="ico-"] {font-size: 150%; vertical-align:sub;} /* Defines the default size of the Font icons. */

.post_content video {
    display: block; width: 80%; height: 500px; max-height: 600px; margin: auto; border: solid; -webkit-background-size: cover;    -moz-background-size: cover;    
    -o-background-size: cover; background-size: cover; background-position: center; transition: height 0.3s ease; object-fit: contain; background-color: black;
}

.statusInfo {width: 12px; height: 12px; display: inline-block; border-radius: 50%; color: #3bd671; background: #3bd671; position: relative; -ms-transform: none; transform: none;}
  
.statusInfo:after {content: ''; width: 100%; height: 100%; position: absolute; background: currentColor; animation: pulse 2s infinite; opacity: 1; border-radius: 50%; top: 0; left: 0;}

@keyframes pulseBig {     0% {opacity: 0.5;} 70% {opacity: 0;transform: scale(1.6);} 100% {opacity: 0;}      }

@keyframes pulse {    0% {opacity: 0.5;} 70% {opacity: 0;transform: scale(2.5);} 100% {opacity: 0;}     }






























 /* ********************************************************************************* *\
/*  MOBILE                                                                         /
\* ********************************************************************************* */
@media screen and (max-width: 641px) {
    body {        width:640px;        font-size: 83%;    }
    
    #content {        margin:0px 5px 0px 5px;        width:630px;    }
    
    header {        height: 100px;    }
    
    .header_min {        height: 40px;    }

    .cfg_Logo{height: 100px; width: 300px;}

    main {margin:0px;}
    

    .gridPosts { padding:12px; margin: 1%;  font-size:20px;}
    .gridPosts h3 {font-size:83%; margin: 10px 0 5px 0;}
    .gridPosts .tags a{max-width:100%; font-size: 83%; display:inline;overflow:visible}
    .gridPosts .tags:nth-child(1n+2) {margin-left: 10px;}
    .gridPosts .dataPost {font-size: 83%;}
    
    .postGridTags{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;position:relative;color:#007FFF; margin:5px 0 0;}
    .postGridTags::after{content:"";position:absolute;top:0;right:0;width:32px;height:100%;pointer-events:none; background:linear-gradient(to right,rgba(29,32,39,0),#262932);}


    .gridPosts .estrelas .tags {display:inline-block;}
    article .post_imgs {grid-template-columns:repeat(3,1fr); gap: 5px; padding: 5px;}
    
    .top_search { margin-right: 20px; }
    .top_search .search, .top_search .search:focus{ font-size: 120%; padding:1px 40px 1px 1px; }
    .search_box .search-button {top:2px;}
    .select_countries {  float: right; margin-right: 20px; margin-top: 10px;}
    
    .logo {padding-left: 10px}
    
    .tags_top a { margin:0 0 0 10px; font-size: 12px;}
    .first_icon {margin-left: 0px !important;}
    
    .contagemPag {font-size: 100%; right: 13px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:10px; margin: 5px; opacity: 0.5;}
    .postUpdate {font-size: 100%; left: 13px; position: absolute; z-index: 1; color:white; background-color:#D90000; padding:10px; margin: 5px; opacity: 0.80;}
    .postNew {font-size: 100%; left: 13px; position: absolute; z-index: 1; color:white; background-color:#257400; padding:10px; margin: 5px; opacity: 0.80;}
    .postAd {font-size: 100%; left: 13px; position: absolute; z-index: 1;}
    .postViews, .ico-views {font-size: 15px; vertical-align:middle;}
    .post_alerts {font-size: 15px; vertical-align:text-top;} .post_alerts .ico-alert {font-size: 18px; vertical-align:text-top;}

    article .description {font-size: 160%;}
    article .post_title span {font-size: 150%;}
    article .postInfo {font-size: 110%; margin-left:20px;}
    article .featured_img img {max-width: 190px; height: auto;}
    article td {padding:2px; }
    footer {font-size: 120%; max-width: 100%;}
    article .boxSeries {font-size: 130%;}
    
    #content .gallery_pagination img {width: 100%;}
    
    .pagination {font-size: 150%;}
    .pagination .current_page {font-size: 150%;}
    
    .box_partnerships a {margin:8px; display: inline-block;}
    .box_partnerships img {width: 120px; height: 60px;}
       
    .post_content video {        height: 600px;              max-height: 800px;          width: 95%;               }
}








/* ÍCONES https://css.gg */
/*
.gg-controller{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid;border-radius:100px}
.gg-controller::before{content:"";display:block;box-sizing:border-box;position:absolute;width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px;left:-5px;top:-5px;transform:rotate(45deg)}

.gg-trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0,inset 2px 0 0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}
.gg-trash::after,.gg-trash::before{content:"";display:block;box-sizing:border-box;position:absolute}
.gg-trash::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}
.gg-trash::before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}
*/