/*
Theme Name: HQ Quadrinhos
Theme URI: http://www.carlosnicow.com
Author: Carlos Nicow
Author URI: http://www.carlosnicow.com
Description: Tema personalizado criado e desenvolvido, por Carlos Nicow
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url(https://use.fontawesome.com/releases/v5.7.1/css/all.css);
html {overflow-y: scroll; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;}
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* HTML 5 */
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body, img, div, ul, li {margin: 0;}
button, a, input, label, select, textarea { outline:none;}
a { text-decoration: none; }
a, li, dt, img, .item { -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; }
.clear { clear: both; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }

/* NORMALIZE */
h1, h2, h3, h4, h5, h6 { font-family: Liberation Sans,Arial,sans-serif; margin-bottom: .7rem; font-weight: 700; line-height: 1.2; color: inherit; }
h1 {font-size: 1.7rem;}
h2 {font-size: 1.377rem;}
h3 {font-size: 1.27rem;}
h4 {font-size: 1.127rem;}
h5 { font-size: 1rem; }
h6 { font-size: 0.877rem; }
small { font-size: 80%; }
strong, b {font-weight: bold;}
i, cite, em, var, address, dfn { font-style: italic; }
s, strike, del { text-decoration: line-through; }
u, ins { text-decoration: underline; }
code, kbd, pre, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em; }
mark {padding: .3em; background-color: #f8e3fc; }
img {max-width: 100%; display: block;}
p {margin-bottom: 1.27em;}
blockquote {opacity: 0.7; margin: 0 0 1.7em; padding-left: 1.27em; font-size: 19px; font-size: 1.127rem; }
ul {display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
ul li {display: list-item; list-style-type: disc;}
ol {display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
ol li {display: list-item; list-style-type: decimal;}
input { min-height: 35px; line-height: 20px; padding: 7px 9px;  -webkit-appearance: none!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; }
input, select, textarea {background: #fff; color: #444;border: 1px solid #ccc;}
pre { white-space: pre-wrap; display: block; }
iframe, embed, video { max-width: 100%; margin: 0 auto; display: block; }

/* AFTER*/
.cn-container:after, .cn-article:after, .cn-menufooter:after, .partner:after, .cn-heading:after, .cn-navigation:after,.cn-menucategory:after {content: ""; display: block; clear: both; }

/* BODY */
body {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 15px; }

/* CONTAINER */
.cn-container {width: 100%; max-width: 1440px; position: relative; margin: 0 auto; padding:0 10px;}

/**/
.left { float: left; width: calc(100% - 310px); }
.right { width: 310px; height: 100%; float: right; padding: 0 0 10px 10px; margin-top: 33px; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }

/* HEADER */
.cn-header{background-position: center center; background-repeat: no-repeat; background-size: cover;height: 220px;}

/* OPEN */
.cn-open {padding: 10px; display: inline-block; position: absolute; top: 30px;}
.cn-open, .cn-open.menu, .cn-open.search {display:none;}
.cn-open.menu {left: 10px;}
.cn-open.search {right: 10px;}

/* LOGO */
.cn-headerlogo  {text-align: center; padding: 90px 0 0}
.cn-headerlogo img {max-width:300px; margin:0 auto;}

/* NAVIGATION */
.cn-navigation ul {margin: 0; padding: 0; list-style: none;}
.cn-navigation li {float: left;list-style: none;}
.cn-navigation a {display: block; padding: 0 17px; line-height: 37px; }

/* MENU */
.cn-menu {float: left;width: calc(100% - 307px); height: 37px; overflow: hidden;}
.cn-menu ul {float: left;}
.cn-menu a {font-size: 15px; font-weight: 600;}

/* SUBMENU */
.cn-submenu {float: left;width:100%;}
.cn-submenu a {font-size: 13px; font-weight: 400;}

/* SEARCH */
.cn-search, .cn-searchmobile { float: right; width: 100%; max-width: 300px; position: relative; padding-right: 39px;}
.cn-search input, .cn-searchmobile input {background-color: transparent; border: none; width: 100%; padding: 0 13px; height: 37px; font-size: 15px;}
.cn-search button, .cn-searchmobile button {background-color: transparent; cursor: pointer; font-size: 19px; position: absolute; top: 0; right: 0; border: none; width: 40px; height: 37px;}
.cn-searchmobile {display:none;}

/* HEADING */
.cn-heading {margin:3rem 0 .7rem; position: relative; }

/* HEADING TITLE */
.cn-headingtitle {margin: 20px 0 10px 27px;}
.cn-headingtitle.cn-single {margin: 20px 0 10px 0;}
.cn-headingtitle h1, .cn-headingtitle h2 {float: left; margin: -13px 0 0 0; padding: 0 17px 0 0; font-size: 20px; font-weight: 400;}

/* OPEN DESCRITION */
.cn-opendescrition {position: absolute; cursor: pointer; font-size: 1.3rem; top: -10px; }

/* DESCRITION */
.cn-descrition {display:none; overflow: hidden; }
.cn-descrition.full {display:block;}

/* LIST */
.cn-list {margin: 10px 0}
.cn-list ul {width: 100%; overflow: hidden; padding: 0; margin: -5px; font-size: 0; }

.cn-list#related { display:none; }

/* ITEM */
.cn-item {width:20%; padding: 5px; float: left; position: relative;}
.cn-item .cn-badge {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 9px; padding: 5px 5px; position: absolute; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0, 0.1); right: 9px; top: 9px; z-index: 2;}
.cn-item .cn-thumb {display: block; width: 100%; position: relative; height: 0; padding: 125% 0 0; overflow: hidden;}
.cn-item .cn-thumb img { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; }
.cn-item .cn-meta {width:100%; padding:10px; height: 130px; overflow: hidden;}
.cn-item .cn-meta:after {content: ""; display: block; clear: both; }
.cn-item .cn-meta>span {display:block}
.cn-item .cn-excerpt {font-size: 13px; margin: 7px 0 10px; height: 45px; overflow: hidden;}
.cn-item .cn-title {font-weight: 700; font-size: 13.7px; line-height: 19px; position: relative; overflow: hidden; padding: 7px 0 0;  text-overflow: ellipsis; text-transform: none; white-space: nowrap; width: 100%;}
.cn-item .cn-views {font-size: 13px; float: left;}
.cn-item .cn-ratings {float: right;}
.cn-item .cn-ratings img {float: left;}

/* PAGINATION */
.cn-pagination {line-height: 110%; margin-bottom: 7px; padding: 10px 10px 0; text-align: center;}
.cn-pagination .screen-reader-text {display:none;}
.cn-pagination .nav-links:after {content: ""; display: block; clear: both; }
.cn-pagination a, .cn-pagination span {display: inline; font-size: 13px; padding: 10px 17px; text-align: center; text-decoration: none; margin-left: 3px;}
.cn-pagination .nav-links { display: inline-flex; }
.cn-pagination .prev {border-radius: 5px 0 0 5px;}
.cn-pagination .next {border-radius: 0 5px 5px 0;}

/* PARTNER */
.partner {padding: 20px 0; text-align: center; }
.partner a {float: left;margin: 7px 7px 0 7px;}

/* MENU CATEGORY */
.cn-menucategory ul {margin: 0; padding: 0; list-style: none; text-align:center;}
.cn-menucategory li {display:inline-block; list-style: none;}
.cn-menucategory a {display: block; padding: 0 17px; line-height: 37px; }

/* FOOTER MENU */
.cn-menufooter {padding: 20px 0 10px 0}
.cn-menufooter ul {margin: 0; padding: 0; list-style: none; text-align: center;}
.cn-menufooter li {display: inline-block;vertical-align: top;margin: 0 3px 0; list-style: none;}
.cn-menufooter a {display: block; font-size: 1rem; padding: 10px 17px; text-align: center; text-decoration: none; margin: 5px;}

/* FOOTER BACKGROUND */
.cn-footerbackground { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* FOOTER LOGO */
.cn-footerlogo {padding: 20px 0;}
.cn-footerlogo img { margin:0 auto;}

/* FOOTER DESCRITION */
.cn-footerdescrition {text-align:center;margin: 10px 0;}

/* COPYRIGHT*/
.cn-copyright {text-align:center; padding-bottom:30px;}

/* */
.cn-footer .cn-sidebar h4,
.cn-footer .cn-sidebar br{ display:none; }
.cn-footer .cn-sidebar a {margin:5px 0;}
.cn-footer .cn-sidebar p { padding: 10px 0; margin:0; }

/* ARTICLE */
.cn-article {  }

/* TEXTS */
.cn-texts { padding: 0 10px; }
.cn-texts img { margin: 0 auto 5px; display: block; width: auto; max-width: 100%; height: auto;}

.cn-texts .wp-video video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #000;
}

/* LINKS */
.cn-links { margin-bottom: 18.27px; }
.cn-links a { font-size: 13px; line-height: 25px; display: inline-block; padding: 0 10px; margin: 0 3px 7px; }

/* ASIDE */
.cn-aside { border:0!important; }

/* LIST ASIDE*/
.cn-listsidebar { width: 100%; overflow: hidden; padding: 0; margin: 0;}
.cn-listsidebar .cn-item { width: 50%; list-style: none;}

/* SIDEBAR */
.cn-sidebar h4 {padding: 10px; margin-left: -10px; }
.cn-sidebar img, aside .sidebar iframe { max-width: 100%; }
.cn-sidebar img {margin-bottom:5px;}
.cn-sidebar ul {padding:0;}
.cn-sidebar li { font-size: 11px; display: block;}
.cn-sidebar li a { display: inline-block; font-size: 15px; font-weight: 600; display: block; padding: 0 17px; line-height: 37px; }
.cn-sidebar .screen-reader-text {display:none;}

/* COMMENTS */
.cn-comments {display: inline-block;width: 100%;}
.cn-comments h4, .cn-comments .comment-respond h3 {clear: both; padding: 10px; margin-bottom:0;}
.cn-comments ol {list-style: none; margin-top: 0; padding: 20px;}
.cn-comments li {list-style: none;}
.cn-comments .pingback {width:100%;}
.cn-comments .no-comments {padding: 20px;margin-bottom: 20px;}
.cn-comments .comment-body {margin-bottom: 20px;}
.cn-comments .comment-body p {padding: .3em 0 0; }
.cn-comments .comment-author, .comment {width: 100%; }
.cn-comments .comment-author .avatar {float: left; margin-right: 1em; }
.cn-comments .comment-author .fn {font-weight: 700;}
.cn-comments .comment-respond {margin-bottom: 20px;}
.cn-comments .comment-respond form { padding: 20px; }
.cn-comments .comment-form-comment label { display: block; font-weight: 700; }
.cn-comments .comment-form-comment textarea {width: 100%; padding: 10px; }
.comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 10px; }
.comment-form-author label, .comment-form-email label, .comment-form-url label { width: 80px; display: inline-block; }
.cn-comments .reply { display: none; }

/* ADVERTISING */
.cn-advertising {display: block; text-align: center; padding: 0 10px;}
.cn-advertising .header {margin-top: 20px;}
.cn-advertising img, .advertising iframe, .advertising embed {max-width:100%; margin: 0 auto 7px;display: initial;}
.cn-advertising .mobile {display: none;}

/* WORDPRESS CORE */
.alignnone { margin: 7px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 7px auto 7px auto; }
.alignright { float:right; margin: 7px 0 20px 20px; }
.alignleft { float: left; margin: 7px 20px 20px 0; }
a img.alignright { float: right; margin: 7px 0 20px 20px; }
a img.alignnone { margin: 7px 20px 20px 0; }
a img.alignleft { float: left; margin: 7px 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: 7px 5px 10px; text-align: center; }
.wp-caption.alignnone { margin: 7px 20px 20px 0; }
.wp-caption.alignleft { margin: 7px 20px 20px 0; }
.wp-caption.alignright { margin: 7px 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: 19px; margin: 0; padding: 0 5px 7px; }
.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: 7px; line-height: normal; padding: 17px 25px 15px; text-decoration: none; top: 7px; width: auto; z-index: 100000;}


@media (max-width: 769px){
  .cn-advertising .mobile {display: block;}
  .cn-advertising .desktop {display: none;}
  .cn-search, .cn-footerdescrition {display:none;}
  .cn-header {height: 97px; border-bottom: 1px solid #90f;}
  .cn-open, .cn-open.menu, .cn-open.search {display:block;}
  .cn-headerlogo {padding: 30px 0;}
  .cn-headerlogo img {max-height: 37px;}
  .cn-navigation {position: absolute; z-index: 100; width:220px; display:none;}
  .cn-navigation.full {display:block}
  .cn-navigation ul {width: 100%;}
  .cn-navigation li {width: 100%; border-right: 0; border-bottom: 1px #4d4d4d solid;}
  .cn-menu { overflow: inherit; height: inherit; float: none;}
  .cn-searchmobile {position: absolute; top: 30px; left: 50px; padding:0;}
  .cn-searchmobile.full {display: block; max-width:85%;}
  .left { float:none; width:100%; }
  .right { float:none; padding:0; margin:0 auto; width:300px; }
  .cn-item { width: 25%; }

}

@media (max-width: 479px){
  .cn-searchmobile.full { display: block; max-width:70%; }
  .cn-item { width:50%; }
  .cn-list ul li { width:50%; }
  
  .cn-list#related { display:block; }
  .cn-list#related .cn-item { width:33.333%; }
  .cn-list#related .cn-item .cn-meta { height:auto; }
  .cn-list#related .cn-item .cn-excerpt,
  .cn-list#related .cn-item .cn-views { display:none; }

}/* rndz */