/*
Theme Name: Hentai W
Theme URI: http://www.carlosnicow.com
Author: Carlos Nicow
Author URI: http://www.carlosnicow.com
Description: Tema/Layout desenvolvido por <a href="https://carlosnicow.com/" title="Carlos Nicow">Carlos Nicow</a> para site de vídeos. Sua vende ou cópia é totalmente proibida.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* NORMALIZE */
html { scroll-behavior: smooth; }
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height: auto; display: block;}
input { min-height: 34px; line-height: 20px; padding: 6px 8px;  -webkit-appearance: none!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; }
input, select, textarea { background:#fff; color:#000; border:1px solid #ccd0d4; border-radius:4px; }
iframe, embed, video { max-width: 100%; margin: 0 auto; display: block; }
button, a, input, label, select, textarea { outline:none; }
input[type=submit] { cursor: pointer; }
a:link,
a:visited { color: #000; text-decoration: none; }
ol, ul { margin:0; padding:0; list-style-type: none; }
strong { font-weight: 700; }
svg { fill: currentColor }
h1,h2,h3,h4,h5,h6 { color: #333 }
h1 { font-size: 26px }
h2 { font-size: 24px }
h3 { font-size: 22px }

/* TRANSITION */
div,
a,
span { -webkit-transition: all .18s linear; -moz-transition: all .18s linear; -ms-transition: all .18s linear; transition: all .18s linear; }

/* BODY */
body { margin:0; padding:0; color: #414141; background-color: #fff; font: 14px / 22px Lustria-Regular, Helvetica, Arial, sans-serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x: hidden; }

/* CONTAINER */
.container { max-width: 1110px; width: 100%; margin: 0 auto; padding:0; }
.container:after { content: ''; display: block; clear: both; }

/* HEADER */
#cn-header { width: 100%; height: auto; margin: 0 auto; font-family: Ruda, sans-serif; }
#cn-header .logo { float: left; margin-top: 30px; }

#cn-header form { width: 340px; height: auto; float: right; margin: 9px 0; }
#cn-header form input[type=text] { background-color: #fff; color: #000; width: 300px; font-weight: 700; height: 34px; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#cn-header form button { background-color: #bf1f2b; width: 40px; height: 34px; float: right; border: none; text-align: center; font-weight: 700; border-top-right-radius: 2px; border-bottom-right-radius: 3px; color: #fff; font-size: 14px; cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 10px; }

/* NAVIGATION */
.cn-navigation { width: 100%; font-size: 13px; font-weight: 700; margin: 0 auto; }
.cn-navigation ul { }
.cn-navigation li { position: relative; display: inline; float:left; }
.cn-navigation a { text-transform: uppercase; display: block; padding: 10px 15px; margin: 0; }

.cn-navigation#menu { background-color: #000; height: 40px; z-index: 100; }
.cn-navigation#menu a { color: #fff; }
.cn-navigation#menu a:hover { background: #fff; color: #000; }
.cn-navigation#menu select { display:none; border-radius: 2px; margin: 5px 0; width: 165px; height: 30px; border: none; background: #fff; color: #111; font-weight: 600; font-size: 13px; padding: 7px 9px; }
.cn-navigation#menu .social { width: auto; display: inline-block !important; float: right; }
.cn-navigation#menu .social a { padding: 9px 10px; display: inline-flex; }

.cn-navigation#submenu { background-color: #f2f2f2; height: auto; -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }
.cn-navigation#submenu li span { color: #fff; padding: 2px 10px; border-radius: 2px; background-color: #bf1f2b; margin: 11px 15px 0 0; display: inline-block; vertical-align: top; }
.cn-navigation#submenu a { margin: 0 10px 0 0; padding: 14px 0; font-size: 11px; }
.cn-navigation#submenu a:hover { color: #bf1f2b; }

.cn-navigation#footer { padding: 10px 0; background-color: #f2f2f2; height: auto; -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2);}
.cn-navigation#footer ul li { padding: 2px; width: 25%; text-align: center; }
.cn-navigation#footer a { width: 100%; margin: 0; font-size: 11px; color: #fff; padding: 2px 10px; border-radius: 2px; background-color: #bf1f2b; display: inline-block; vertical-align: top; }
.cn-navigation#footer a:hover { color:#000; background: #ddd; }

/* MAIN */
#cn-main {     padding: 50px 0; }
#cn-main:after { content: ""; display: block; clear: both; }

/* MAIN: LEFT */
#cn-main .left { width: calc(100% - 330px); float: left; overflow: hidden; padding: 0; margin: 0; }
#cn-main .right { float: right; width: 300px; }

/* HEADING */
#cn-heading { overflow: hidden; margin: 0 0 10px; position: relative; }
#cn-heading h1 { color: #000; border-bottom: 1px solid #ddd; font-size: 32px; font-weight: 600; line-height: 40px; margin:0 0 10px; padding:0 0 10px; }
#cn-heading h3 { color: #222; text-shadow: 1px 2px 0 rgba(0,0,0,.2); font-weight: 400; font-style: italic; font-size: 24px; line-height: 32px; word-spacing: 7px; margin:0; }
#cn-heading .description p { margin:0; padding:0; }
#cn-heading.cat { margin: 0 auto 50px; text-align: center; }


/* LIST */
#cn-list { width: 100%; overflow: hidden; padding:0; margin:0;}
#cn-list ul { padding:0; margin: 0 -2px; list-style-type: none;}
#cn-list ul:after { content:''; display:block; clear:both; }
#cn-list li { display: inline-block; float: left; margin: 0 2px 30px 0; padding: 10px; position: relative; width: calc(25% - 2px); background-color: #f5f5f5; }
#cn-list li .thumbnail { display: block; width: 100%; position: relative; height: 0; padding: 0 0 138%; overflow: hidden; }
#cn-list li .thumbnail .badge { position: absolute; z-index:3; top:3px; right:3px; background:#de2600; border-radius: 3px; color:#fff; padding: 2px 4px; font-weight: 500; text-align: center; font-size: .8em; line-height: 1; }
#cn-list li .thumbnail .image { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 2; }
#cn-list li .thumbnail .loading { width: 50px; height: 50px; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#cn-list li .thumbnail .loading svg { animation: rotation 2s infinite linear; -webkit-animation: rotation 2s infinite linear; }
#cn-list li .title { height: 44px; margin: 0; display: -webkit-box; color: #111; font-size: 14px; padding: 0; font-weight: 600; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#cn-list li .text { -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; color: #414141; -webkit-line-clamp: 3; }
#cn-list li .text p { margin:0; }

#cn-list .pagination { clear:both; display: block; margin:10px 0 0; padding: 0; }
#cn-list .pagination svg { height: 2em; }
#cn-list .pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#cn-list .pagination .page-numbers { float: none; display: inline-block; width: auto; padding: 0; height: 30px; background: #ddd; border: 1px solid #ccc; color: #666; margin-right: 4px; padding: 4px 8px; text-align: center; text-decoration: none; display: block; }
#cn-list .pagination .current { color: #fff; background: #bf1f2b; border: 1px solid #bf1f2b; }
#cn-list .pagination .dots { border:0; cursor: none; pointer-events: none; background: 0 0; color: #000; vertical-align: text-top; display: inline-block; font-size: 1em; line-height: 1.5; max-height: 2em; }
#cn-list .pagination .page-numbers:hover { background:#000; color:#fff; }


#cn-tags {}
#cn-tags .title { width: 100%; float: left; clear: both; color: #222; text-shadow: 1px 2px 0 rgba(0, 0, 0, .2); font-weight: 400; font-style: italic; font-size: 24px; line-height: 32px; word-spacing: 7px; margin: 20px 0; text-align: center; }
#cn-tags a { width: calc(25% - 4px); text-align: center; position: relative; float: left; margin: 2px; font-size: 11px; color: #fff; padding: 2px 10px; border-radius: 2px; background-color: #bf1f2b; display: inline-block; vertical-align: top; }
#cn-tags a:hover { color:#000; background: #ddd; }

/* FOOTER */
#cn-footer { background:#000; }
#cn-footer .logo { width: 300px; margin: 30px auto; }
#cn-footer .copyright { border-top: 5px solid #111; padding: 25px 0; max-width: 750px; width: 100%; margin: 25px auto 0; text-align: center; }
#cn-footer .copyright .credits { margin: 0; float: right; opacity: 0.5;}

/* WIDGETS */
#cn-widgets { margin:0 0 35px; }
#cn-widgets ul,
#cn-widgets ol,
#cn-widgets li { list-style:none; padding:0; margin:0; }
#cn-widgets a { color:#000; line-height: 1.2; font-size: 1em; }
#cn-widgets a:hover { color:#f90; text-decoration: underline; }
#cn-widgets .title { color: #94979c; border-bottom: 5px solid #f2f2f2; text-align: center; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600; padding-bottom: 10px; }
#cn-widgets .title span { background-color: #bf1f2b; color: #fff; padding: 5px 10px; border-radius: 2px; }
#cn-widgets ul li { border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; background: url(./img/li_minus_gold.png) no-repeat 0 17px; }
#cn-widgets ul li a:hover { color: #bf1f2b; }

/* ARTICLE */
#cn-article .meta { margin-bottom: 20px; clear: both; }
#cn-article .meta:after { content: ""; display: block; clear: both; }
#cn-article .meta svg { width: 18px; vertical-align: middle; }
#cn-article .meta > span { color: #bf1f2b; border-right: 1px solid #ddd; text-transform: uppercase; width: auto; height: 30px; float: left; font-size: 14px; line-height: 38px; margin: 5px 0 0; padding-right: 20px; padding-left: 20px; }
#cn-article .meta > span .post-ratings { display: flex; align-items: center; }
#cn-article .meta > span .post-ratings img { margin-right:5px; }
#cn-article .meta ul { margin: 0 0 5px; }
#cn-article .meta ul:after { content: ""; display: block; clear: both; }
#cn-article .meta ul li { position: relative; float: left; text-transform: uppercase; font-size: 11px; background:#f2f2f2; color: #fff; padding: 2px 10px; border-radius: 2px; margin: 0 5px 0 0; display: inline-block; }
#cn-article .meta ul a { }

#cn-article .description p { padding: 10px 0; }
#cn-article .description a { color:#bf1f2b; }

#cn-article .tags { background-color: #bf1f2b; display: inline-block; vertical-align: top; line-height: 26px; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#cn-article .tags a { color: #fff; font-size: 15px; font-weight: 700; }

/* ADVERTISING */
#cn-advertising { display: block; text-align: center; }
#cn-advertising img,
#cn-advertising iframe,
#cn-advertising embed { display: inline-block; }
#cn-advertising.header { margin: 0 0 50px; }
#cn-advertising.footer { clear: both; padding:50px 0 0; }

/* STICKY */
.sticky { position: fixed; top: 0; width: 100%; z-index: 1; }

/* ROTATION */
@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}

/* WORDPRESS CORE */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.aligncenter img, div.aligncenter img {margin-left: auto;margin-right: auto;}
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

/* MOBILE */
@media (max-width: 768px){
  	.container { padding: 0 30px; }
	#cn-header .logo { float: none; text-align: center; }
	#cn-header .logo img { margin: 0 auto; }
	#cn-header form { max-width: 340px; width: 100%; float: none; margin: 9px auto; }
  	.cn-navigation ul { display:none; }
	.cn-navigation#menu select { display: inline-block; }
    .cn-navigation#submenu { height: 43px; }
    .cn-navigation#footer ul { display: block; }
    .cn-navigation#footer ul li { width: 50%; }
  	#cn-list li { width: calc(33.333% - 2px); }
  	#cn-tags a { width: calc(50% - 4px); }
  	#cn-main .left { width: 100%; float: none; }
  	#cn-main .right { width: 300px; float: none; margin: 50px auto 0; }
}

@media (max-width: 479px){
   .container { padding: 0 10px; }
	#cn-list li { width: calc(50% - 2px); }
}

@media (max-width: 320px){
  #cn-list li { width: calc(100% - 2px); }
}