/*
Theme Name: CN Couts
Theme URI: https://couts.carlosnicow.com/
Author: Carlos Nicow
Author URI: http://www.carlosnicow.com
Description: Tema Couts desenvolvido por <a href="https://carlosnicow.com" target="_blank" title="Carlos Nicow | Web Design, Criação de Sites e WordPress">Carlos Nicow</a> para WordPress<br/>
Tags: two-columns, right-sidebar
Version: 1.0
License URI: carlosnicow.com
License: GNU General Public License v3 or later
Text Domain: cn-couts
*/

@import url(https://carlosnicow.com/cdn/fontawesome-5.6.1/css/all.css);
html { overflow-y: scroll; }
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, img, div, ul, li, h1, h2, h3, h4, h5 {margin: 0; padding: 0; border: 0;}
button, a, input, label, select, textarea { outline:none;}
ul, li { text-decoration:none; list-style: none; display: inline-block; margin: 0; padding-left: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
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; }
body, h5, h6, html { font-family: Liberation Sans,Arial,sans-serif; }
a {outline: none; text-decoration: none; }
strong, b {font-weight: bold;}
i, cite, em, var, address, dfn { font-style: italic; }
img { height: auto; max-width: 100%; border: 0; border-style: none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; line-height: 1; padding: 0.75em 1.5em; border: none; }

/* H1 */
h1, h2 { width: 100%; margin: 0 auto; overflow: hidden; font-size: 22px; line-height: 26px; font-weight: 400; text-align: left; clear: both; }

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

/* BODY */
body {font-size: 14px; line-height: 1.65; font-family: oxygen,sans-serif; transition-duration: 300ms; position: relative; height: auto; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
.cn-body { transition-duration: 300ms;}

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

/* 404 */
p.cn-404 {margin-bottom: 20px; padding: 20px; text-align: center;}

/* HEADER */
.cn-header {width: 100%;}
.cn-header span {display:none}
.cn-header:after {content: ""; display: block; clear: both; }
.cn-header .cn-logo {padding: 12px 0; float: left; width: 35%; font-size: 19px;}
.cn-header .cn-logo img {max-width: 100%; }
.cn-header form {text-align: center; width: 60%; float: right; margin-top: 25px;}
.cn-header form input {float: left; width: calc(100% - 80px); min-height: 34px; line-height: 20px; padding: 6px 8px; background: #fff; color: #444; -webkit-appearance: none!important; border-radius: 5px 0 0 5px; border: 1px solid #ccc; -webkit-box-sizing: border-box!important; box-sizing: border-box!important;  }
.cn-header form button {float: left; width: 80px; height: 34px; margin: 0; padding: 0; text-align: center; font-weight: 400; border: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 5px 5px 0; -webkit-transition: background .5s ease; transition: background .5s ease; }
.cn-header form button:hover {-webkit-transition: background .5s ease; transition: background .5s ease;}

/* NAVIGATION */
.cn-navigation {width: 100%;margin-top: 10px;}
.cn-navigation a {display:block;}
.cn-navigation nav {display: flex;}
.cn-navigation ul:after, .cn-navigation ul .sub-menu:after{ content: '.'; display: block; clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden; overflow: hidden; }
.cn-navigation li {display: block; float: left; text-align: center;}
.cn-navigation li:hover > .sub-menu { display: block; }
.cn-navigation .sub-menu { display: none; position: absolute; width: 200px; z-index: 1;}
.cn-navigation .sub-menu a {width:200px;}
.cn-navigation .sub-menu .sub-menu { top: 0; left: 100%; }
.cn-bodynavigation a, .cn-bodynavigation .sub-menu, .cn-bodynavigation .sub-menu a {width:100%;}
.cn-bodynavigation a, .cn-bodynavigation .sub-menu a {text-align: left !important;}
.cn-bodynavigation .sub-menu a {padding-left:30px;}

/* BUTTON */
.cn-button, .cn-navigation a, .cn-bodynavigation a {display: inline-block; cursor: pointer; min-width: 14px; padding: 0 1em; border: none; text-align: center; line-height: 48px; font-size: 0.929em /* 13px */; -webkit-transition: background .5s ease; transition: background .5s ease;}
.active .cn-button.one {-webkit-transition: background .5s ease; transition: background .5s ease;}
.active:hover .cn-button.one {-webkit-transition: background .5s ease; transition: background .5s ease;}
.cn-button>i { display: none; }

/* MAIN */
.cn-main {margin: 20px 0;}

/* HEADING */
.heading-title {margin: 0 0 20px 0; padding: 20px;}
.heading-title h1, .heading-title h2 {font-weight: 700; font-size: .857em; text-transform: uppercase; margin: 0; padding: 0;}
.heading-title.page h1, .heading-title.page h2 {font-weight: 700; font-size: 1.714em; text-transform: uppercase; margin: 0; padding: 0;}

/* PAGINATION */
.nav-links {text-align: right; margin-bottom: 20px;}
.nav-links .dots {display: none; }
.page-numbers {text-decoration: none; display: inline-block; cursor: pointer; min-width: 14px; padding: 11px; margin-right: 3px; border-radius: 5px; border: none; text-align: center; line-height: 13px; font-size: 16px; -webkit-transition: background .5s ease; transition: background .5s ease;}
.cn-pagepagination>p {padding:20px; margin-bottom:20px;}

/* LIST */
.cn-list {width: 100%; overflow: hidden; padding: 0; margin: 0 auto; display: block;}

/* LEFT */
.cn-left { width: 65.3062%; float: left;}

/* RIGHT */
.cn-right { width: 30.6123%; float: right;}

/* ITEM */
.cn-item {position: relative; width: 100%; float: left; margin-bottom: 20px;}
.cn-item .item-header { position: relative; padding: 15px 20px; margin-bottom:20px;}
.cn-item .item-header>h2 {margin: 0; font-weight: 400; color: #252525; font-size: 1.714em;}
.cn-item span {width: 100%; display: block;}
.cn-item .item-thumbnail {padding: 0 20px; display: block; width: 100%;}
.cn-item .item-thumbnail img {display: block; margin: 0 auto 15px; max-width: 100%; height: auto;}
.cn-item .item-thumbnaill .item-ads{position: absolute; z-index: 10; font-size: 0.8rem; top: 0; right: 0; text-align: right; padding: 5px 10px; background: rgba(0,0,0,.4); width: initial; border-radius: 0 0 0 10px;}
.cn-item .item-meta {width: 100%; z-index: 5; padding: 20px; -webkit-transition: background .5s ease; transition: background .5s ease;}
.cn-item .item-meta .item-title {min-height: 40px; font-weight: 600; clear: both; margin: 6px 0; font-size: 1rem; text-align: center; display: -webkit-box; max-height: 3.2rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;}
.cn-item .item-meta .item-title h3 {width: 100%; height: 26px; overflow: hidden; white-space: nowrap; text-align: center; font-weight: 400; font-size: 18px; line-height: 18px;}
.cn-item .item-meta .item-count{ display: block; height: 18px; padding: 0 5px; overflow: hidden; text-align: center; font-size: 11px;}
.cn-item .item-footer {padding: 15px 20px;}
.cn-item .item-footer>p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn-item .item-footer a {margin: 0 5px;}

/* ITEM CATEGORY */
.cn-category {position: relative; width: 33.33%; float: left; padding:20px ;}
.cn-category .item-thumbnail {display: block; width: 100%; margin-bottom:5px;}
.cn-category .item-thumbnail img {display: block; width: 100%; height: auto;}
.cn-category .item-title { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; }

/* FOOTER */
.cn-footer>.cn-container {padding: 20px; }
.cn-footer .cn-footerheading h2 {font-size: 1.625rem;clear: both;margin: 0 0 .75em;line-height: 1.4;}
.cn-footer .cn-copyright {text-align: center; margin: 20px 0 0;padding: 10px 0;}
.cn-footer .cn-copyright a {padding: 5px 8px;}

/* ARTICLE */
.cn-article {width: 100%; margin: 0 auto;}

/* CONTENTS */
.cn-contents {width: 100%; }
.cn-contents.page {width: 100%; }
.cn-contents.page .cn-texts {width: 100%; float:none;}

/* TEXTS */
.cn-texts {width: 100%; padding:20px; margin-bottom:20px;}
.cn-texts h1, .cn-texts h2, .cn-texts h3, .cn-texts h4, .cn-texts h5, .cn-texts h6 { clear: both; margin: 1em 0 .75em; line-height: 1.4; }
.cn-texts h1 {font-size: 2.25rem;}
.cn-texts h2 {font-size: 1.625rem;}
.cn-texts h3 {font-size: 1.375rem;}
.cn-texts small { font-size: 80%; }
.cn-texts dfn, .cn-texts cite, .cn-texts em, .cn-texts i { font-style: italic; }
.cn-texts img {max-width: 100%; display: block;}
.cn-texts p {margin-bottom: 1.25em;}
.cn-texts blockquote {opacity: 0.7; margin: 0 0 1.5em; padding-left: 1.25em; font-size: 18px; font-size: 1.125rem; }
.cn-texts 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;}
.cn-texts ul li {display: list-item; list-style-type: disc;}
.cn-texts 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;}
.cn-texts ol li {display: list-item; list-style-type: decimal;}
.cn-texts input { min-height: 34px; line-height: 20px; padding: 6px 8px; background: #fff; color: #444; -webkit-appearance: none!important; border: 1px solid #ccc; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; }
.cn-texts pre { white-space: pre-wrap; font-family: monospace; display: block; }
.cn-texts iframe, .cn-texts embed, .cn-texts video { max-width: 100%; margin: 0 auto; display: block; }
.cn-texts .entry-video {padding-top: 56.25%; margin: 0 auto; width: 100%; height: auto; background-color: #000; overflow: hidden; position: relative; }
.cn-texts .entry-video>iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.cn-texts #contactForm {margin: 20px 0 0;}
.cn-texts #contactForm .text {width: 33.33%; float: left; margin-bottom: 10px; }
.cn-texts #contactForm .text label {margin-bottom: 5px; display: inline-block; }
.cn-texts #contactForm .text input {width: 95%; padding: 10px; }
.cn-texts #contactForm .text select {width: 100%; padding: 10px; }
.cn-texts #contactForm .message {width: 100%; }
.cn-texts #contactForm .message textarea {width: 100%; padding: 10px; }
.cn-texts #contactForm input[type="submit"] {border: 0; padding: 10px; width: 100%; margin-top: 10px; }

/* FOTOS */
.cn-fotos { width: calc(100% - 310px); float: left;}
.cn-fotos img { max-width: 100%; margin: 0 auto; display: block; margin-bottom: 15px;}

/* LINKS */
.cn-links { display: inline-block; margin: 0 0 10px; }
.cn-links i, .cn-links a {font-size: 1rem; padding: 8px; margin: 2px; display: inline-block; border-radius:3px}

/* RELATED */
.cn-related {width:100%; display: inline-block; padding:20px; margin-bottom: 20px;}
.cn-related span {width: 50%;}
.cn-related .previous {float: left; text-align:left;}
.cn-related .next {float:right; text-align:right;}

/* ADVERTISING */
.cn-advertising {display: block; text-align: center; padding: 0 10px;}
.cn-advertising.header, .cn-advertising.footer {margin: 20px;}
.cn-advertising img, .advertising iframe, .advertising embed {max-width:100%;}
.cn-advertising .ads ul {width:100%;}

/* NAVIGATION MOBILE */
.cn-bodynavigation {transform: translate(-255px, 0px); transition-duration: 300ms; position: fixed; overflow: hidden; overflow-y: auto; width: 255px; height: 100%; top: 0; left: 0; z-index: 0; }
.cn-bodynavigation li {width: 100%; }
.cn-bodynavigation .cn-button {position: relative; margin: 0; border-radius: 0; width: 100%; padding: 15px; text-align: left; transform: skew(0deg); transform: skew(-0deg);}
.cn-bodynavigation .cn-button>i {position: absolute; right: 10px; top:35px; display:block; }
.cn-bodynavigation.full {transform: translate(0px, 0px); transition-duration: 300ms;}
.cn-transitionleft{transition-duration: 300ms;transform: translate(260px, 0px);}

/* LIST TAG */
.cn-listtag {margin-bottom: 20px;}
.cn-listtag h3 {width: 100%; margin: 15px 0; padding: 10px; border-radius: 10px; overflow: hidden; font-size: 22px; line-height: 26px; font-weight: 400; text-align: center; clear: both;}
.cn-listtag a {width: 33%; margin-bottom: 1px; display: inline-table; cursor: pointer; padding: 11px; border-radius: 5px; border: none; text-align: center; -webkit-transition: background .5s ease; transition: background .5s ease; }

/* NAVIGATION FOOTER */
.cn-navigation-footer {font-size: 0.8rem; }

/* ANIME */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* WIDGET */
.cn-widget {margin: 0 0 20px; padding: 15px 20px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06); box-shadow: 0 1px 1px rgba(0,0,0,0.06); word-wrap: break-word; }
.cn-widget li {margin: 0; padding: 0.5em 0; list-style-type: none; display: block;} 
.cn-widget label{display: none;}
.cn-widget select, .cn-widget input {width: 100%; margin: 0; padding: 10px 50px 10px 10px; border: 0; line-height: 20px; border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cn-widgettitle {font-size: 1.154em; margin: 0 0 10px 0; line-height: 1.3; display: block;}
.cn-widget.widget_search form#searchform {position: relative; }
.cn-widget.widget_search input#s {height: 40px;}
.cn-widget.widget_search input#searchsubmit {border:0; position: absolute; display: block; right: 0; top: 0; width: 65px; height: 40px; padding: 6px 0 4px; margin: 0; line-height: 1; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; }
.cn-widget.widget_tag_cloud a {display: inline-block; margin: 0 0 5px 0; font-size: 1em !important; line-height: 1.4; border: 1px solid rgba(255,255,255,.05); border-radius: 3px; background-color: transparent; }
.cn-widget.widget_calendar #wp-calendar { width: 100%; }
.cn-widget.widget_media_gallery img {border: 0 !important; padding: 2px}

/* COMMENTS */
.comments-title {padding: 20px; clear: both; margin: 1em 0 .75em; line-height: 1.4; font-size: 1.375rem; }
.cn-comments .pingback {width:100%;}
.cn-comments .no-comments {padding: 20px;margin-bottom: 20px;}
.cn-comments .comment-body {margin-bottom: 20px; padding: 20px; }
.cn-comments .comment-body p { clear: left; padding: .2em 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 {padding: 20px; margin-bottom: 20px;}
.cn-comments .comment-form-comment label { display: block; font-weight: 700; }
.cn-comments .comment-form-comment textarea {width: 100%; border: 1px solid #eee; 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; }

/* BTN */
.cn-btn {width: 100%; display: block; margin-bottom: 20px; text-align: center; padding: 15px; }

/* WORDPRESS CORE */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px 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;}
.sticky {}
.gallery-caption {}
.bypostauthor {}

/* MEDIA TABLET */
@media (max-width: 768px){
  .cn-container {padding: 0 20px;}
  .cn-navigation, .heading-navigation .cn-sorting {display: none;}
  header.cn-header span {border: 0; border-radius: 3px; font-size: 18px; height: 40px; line-height: 40px; text-align: center; width: 45px; z-index: 2; position: absolute; display: block; top: 10px; }
  header.cn-header span.left {left: 10px;}
  header.cn-header span.right {right: 10px; z-index: 10;}
  header.cn-header .cn-logo {width: 65%; float: none; margin: 0 auto; padding: 10px 0; }
  header.cn-header form {background-color: rgba(51,51,51,.5); position: fixed; bottom: 0; left: 0; width: 100%; height: 0; z-index: 10; -webkit-transition: height 500ms; -moz-transition: height 500ms; -ms-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; }
  header.cn-header form.full {padding-top: 70px; height: 100%; -webkit-transition: all 400ms cubic-bezier(.175,.885,.32,1.175); -moz-transition: all 400ms cubic-bezier(.175,.885,.32,1.175); -ms-transition: all 400ms cubic-bezier(.175,.885,.32,1.175); -o-transition: all 400ms cubic-bezier(.175,.885,.32,1.175); transition: all 400ms}
  header.cn-header form.full input {padding: 15px 6px; font-size: 15px; }
  header.cn-header form.full button {height: 53px; font-size: 20px; }
  header.cn-header form.full>div{margin: 0 10px; }
  .heading-title.page h1, .heading-title.page h2 { font-size: 1.400em; }
  .cn-article>.cn-heading {padding: 0; }
  .cn-left {width: 100%; float: none; margin-bottom: 20px;}
  .cn-right {width: 300px; float: none; margin: 0 auto;}
  article.cn-article {padding:10px;}
  article.cn-article .cn-contents, article.cn-article .cn-advertising {width: 100%; float: none; }
  article.cn-article .cn-contents .cn-texts #contactForm .text,
  article.cn-article .cn-contents .cn-texts #contactForm .text input { width: 100%; }
  .cn-listtag {padding: 0 10px; }
  .cn-listtag a {width: 24.2%;}
}

/* MEDIA MOBILE */
@media (max-width: 479px){
  .cn-listtag a {width:48.5%;}
  .cn-fotos, .cn-article .cn-contents .cn-texts {width:100%; float: none;}
  .cn-category {width: 50%;}
  .nav-links {text-align: center;}
}

/* MEDIA MOBILE */
@media (max-width: 340px) {
  .cn-item, footer.cn-footer .cn-navigation-footer ul li, .cn-listtag a {width:100%;}
}