/*
Theme Name: CuantoWiki
Theme URI: https://cuanto.wiki
Description: Plantilla desarrollada para Cuanto.Wiki
Author: David Armento
Author URI: https://cuanto.wiki
Version: 1.0
*/

body { font-family: 'Montserrat', sans-serif; margin:0; color:#3b3b3b; }
h1 { font-size:32px; font-family: 'Montserrat', sans-serif; }
h2 { font-size:26px; margin-bottom:20px; }
p { font-size:16px; line-height:24px; margin-bottom:26px !important; color:#3b3b3b; }
.clear { clear:both; }
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.left-column { padding:50px; }
.left-column .logo { display: block; margin-bottom:200px; }
.left-column .logo img { width:100%; height:auto !important; }

.side-cat { margin-top:40px; }
.side-cat img { width:100px; }

@media only screen and (max-width: 1199px) {
    .left-column { text-align:center; padding:10px; }
    .left-column .logo { margin-bottom:0; }
    .left-column .logo img { width:200px; }
    .left-column .side-cat { display:none; }
}

.side-cat h2 { font-family: 'Montserrat', sans-serif; font-weight: bold; font-size:22px !important; color:#3b3b3b; }
.side-cat ul { padding:0; margin:0; list-style: none; }
.side-cat ul li a { font-family: 'Montserrat', sans-serif; color:#3b3b3b; }
.side-cat ul li { margin-bottom:3px; }
.side-cat ul li a:hover { text-decoration:none; }

@media only screen and (max-width: 1199px) {
    .side-cat h2 { font-size:18px !important; }
    .side-cat ul li a { font-size:14px; }
}

.head { background-color:#06bfc3; padding:18px; }
.header-padding { padding:30px 140px; }
.header-padding h2.title { color:#fff; font-size:50px !important; margin-bottom:26px; font-family: 'Playfair Display', serif; }
.header-padding p { color:#fff; font-size:22px; margin-left:10px; font-weight: normal; max-width: 600px; margin-bottom:34px; }

@media only screen and (max-width: 1452px) {
    .header-padding { padding:20px 70px; }
}

@media only screen and (max-width: 1199px) {
    .head { padding:30px; text-align: center; }
    .header-padding { max-width:100%; padding:0; text-align: center; }
    .header-padding p { max-width: 100%; margin-left:160px; margin-right:160px; }
}

@media only screen and (max-width: 800px) {
    .header-padding h2.title { font-size:36px !important; }
    .header-padding p { margin-left:60px; font-size:18px; margin-right:60px; }
}

@media only screen and (max-width: 720px) {
    .head { padding:10px 0 22px 0; }
}

nav.main ul { padding:0; margin:0; list-style: none; margin-bottom:50px }
nav.main ul li { display: inline-block; margin-right:30px; }
nav.main ul li a { color:#fff; font-weight: bold; height:34px; display: block; font-size:18px; border-bottom:3px solid #06bfc3; }
nav.main ul li a:hover { border-bottom:3px solid #fff; text-decoration: none; color:#fff; -webkit-transition:border-bottom 1s; transition: border-bottom 1s; }
nav.main ul li a.selected { border-bottom:3px solid #fff; text-decoration: none; color:#fff; }

@media only screen and (max-width: 1600px) {
    nav.main ul li { display: inline-block; margin-right:22px; }
    nav.main ul li a { font-size:16px; }
}

@media only screen and (max-width: 1452px) {
    nav.main ul li { display: inline-block; margin-right:18px; }
}

@media only screen and (max-width: 1199px) {
    nav.main ul { margin-bottom:20px }
}

@media only screen and (max-width: 870px) {
    nav.main { display:none; }
    nav.main ul { margin:20px 5px 5px 5px; }
    nav.main ul li { display: block; margin-right:0; }
    nav.main ul li a { background-color:#0D666A; }
    nav.main ul li a:hover { border-bottom:0; background-color:#e89d53; }
    nav.main ul li a.selected { border-bottom:0; background-color:#e89d53; }
    /*nav.main { display:none; }*/
}

.menu-mobile-opener { border:1px solid #fff; display:none; cursor:pointer; color:#fff; font-size:18px; padding:9px 15px; border-radius:36px; }
@media only screen and (max-width: 870px) {
    .menu-mobile-opener { display: inline-block; margin-top:16px; }
}

.form-search { background-color:#fff; width:100%; max-width:600px; padding: 3px; }
.form-search input { outline: none; width:78%; float:left; border:1px solid #fff; padding:9px 9px 9px 20px; font-family: 'Montserrat', sans-serif; color:#9c9c9c; }
.form-search button { background-color:#06bfc3;float:right; color:#fff; font-size:18px; border:1px solid #06bfc3; width:18%; padding:6px; text-align: center;}

@media only screen and (max-width: 1199px) {
    .form-search { max-width:80%; margin-left:10%; }
    .form-search { margin-bottom:20px; }
}

.breadcrumbs ul { padding:0; margin:0; list-style: none; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li.inicio { font-weight: bold; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li i { font-size:10px; }
.breadcrumbs a { color:#3b3b3b; cursor:pointer; }
.breadcrumbs a:hover { color:#fff; text-decoration: none; }

.listado-post { height:400px; background-color:#f2f2f2; border-right:4px solid #fff; border-top:4px solid #fff; cursor:pointer; }
.listado-post:hover { background-color:#fff; -webkit-transition:background-color 1s; transition: background-color 1s; }
.listado-post:hover > a.txt { color:#424242; -webkit-transition:color 1s; transition:color 1s; }
.categoria a { display:block; padding:8px 22px 8px 22px; font-weight: bold; font-size:16px; color:#424242; text-decoration:none; }
.listado-post:hover > .categoria a { padding-left:33px; text-decoration:none; color:#fff; -webkit-transition: padding-left 1s; transition: padding-left 1s; -webkit-transition: padding-left 1s, color 1s; transition: padding-left 1s, color 1s; }
.cat-3 { background-color:#76d27f; }
.cat-9 { background-color:#ca37ed; }
.cat-5 { background-color:#e89d53; }
.cat-6 { background-color:#d9429b; }
.cat-8 { background-color:#06bfc3; }
.cat-4 { background-color:#f55555; }
.cat-7 { background-color:#06bfc3; }
.listado-post h2 { font-size:44px !important; padding:20px 40px; margin:0px; }
.listado-post h2 a { color:#424242; }
.listado-post h2 a:hover { color:#424242; text-decoration:none; }
.listado-post a.txt { display:block; padding:20px 40px; color:#a0a0a0; font-size:18px; text-decoration:none; }

@media only screen and (max-width: 1920px) {
    .listado-post h2 { font-size:38px; padding:16px 40px; }
    .listado-post a.txt { padding:16px 40px; }
}

@media only screen and (max-width: 1720px) {
    .listado-post { height:460px; }
    .listado-post h2 { font-size:36px !important; padding:14px 40px; }
    .listado-post a.txt { padding:14px 40px; }
}

@media only screen and (max-width: 1480px) {
    .listado-post { height:520px; }
    .listado-post h2 { font-size:34px !important; padding:14px 50px; }
    .listado-post a.txt { padding:14px 50px; }
}

@media only screen and (max-width: 1300px) {
    .listado-post { height:420px; }
    .listado-post h2 { font-size:30px !important; padding:14px 50px; }
    .listado-post a.txt { padding:14px 50px; font-size:14px; }
}

@media only screen and (max-width: 991px) {
    .listado-post { height:auto; padding-bottom:40px; border-right:0; }
}

.navigation { padding:80px 0; }
.screen-reader-text { display:none; }
.nav-links .page-numbers { display:inline-block; border:1px solid #ddd; color:#343434; padding:6px 10px; cursor:pointer; border-radius:3px; }
.nav-links .page-numbers:hover { text-decoration: none; background-color:#eee; }
.nav-links .page-numbers.current { background-color:#06bfc3; color:#fff; }

@media only screen and (max-width: 1199px) {
    .paginador { text-align: center; }
}

.side-cat-mobile { display:none; text-align:center; margin-bottom:70px; }

@media only screen and (max-width: 1199px) {
    .side-cat-mobile { display:block; }
}

.footer { text-align: center; padding:50px 0 50px 0; background-color:#343434; color:#fff; }
.footer p { font-size:14px !important; margin:2px !important; color:#fff; }
.footer ul { margin:0; padding:0; margin-top:8px; list-style: none; }
.footer ul li { display: inline; color:#06bfc3; }
.footer a { color:#06bfc3; font-weight: bold; text-decoration: none; font-size:14px !important; }
.footer a:hover { color:#e89d53; text-decoration: none; }

.page { background-color:#ccc; padding:10px 10px 0 10px; }
.post-content { background-color:#fff; padding:40px; min-height:400px; max-width:1200px }

@media only screen and (max-width: 1199px) {
    .page { display:block; padding:0; }
}

.relacionados { text-align:center; }
.relacionados img { width:100%; }
.relacionados a { font-size:16px; color:#3b3b3b; }
.relacionados a:hover { color:#3b3b3b; text-decoration:none; }

.size-full { width:100% !important; }