/*
Theme Name: HackTalks 2020
Theme URI: https://eduardomagno.com.br/
Author: the Eduardo Magno
Author URI: http://eduardomagno.com.br/
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

@font-face {
    font-family: 'Adca';
    src: url('./assets/htfonts/Adca.ttf');
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    background: #f5f5f5;
    font-family: 'Roboto', sans-serif;
}

body::-webkit-scrollbar {
    width: 9px;
}

body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
    background: #888;
}

body::-webkit-scrollbar-thumb:hover {
    background: #d2672d;
}

a:hover {
    text-decoration: none;
}

.mobileHeader {
    display: none;
}

.header-size-control {
    padding: 15px 0px !important;
}

.small-logo {
    height: 35px !important;
    margin-bottom: 15px !important;
}

.small-ul-header a {
    font-size: 13px !important;
}

/* Header CSS */

.menu-section {
    background: url(assets/images/bg-header.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    padding: 30px 0px;
    margin-bottom: 30px;
    position: fixed;
    width: 100%;
    z-index: 2;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

    padding-bottom: 65px;
}

.header-fixed {
    padding-top: 245px;
}

.menu-section img {
    margin: 0 auto;
    display: block;
    height: 70px;
    width: auto;
    margin-bottom: 30px;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ul-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ul-menu li {
    display: inline-block;
    margin: 0px 12px;
}

.ul-menu a {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

/* Home Cards */
.mask-card {
    width: 100%;
    height: 100%;
    background: #00000036;
    color: #fff;
    align-items: flex-end;
    display: flex;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mask-card:hover {
    background-color: #59258290;
}

.mask-card div {
    width: 100%;
}

.big-card-home {
    width: 100%;
    height: 50vh;
    background: pink;
}

.big-card-home h3 {
    font-size: 31px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 30px;
    padding-top: 0px;
}

.big-card-home p {
    padding: 0px 30px;
    margin-bottom: 10px;
    font-size: 15px;
}

.medium-card-home {
    width: 100%;
    height: 23vh;
    background: pink;
}

.medium-card-home h3 {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 16px;
    padding-top: 0px;
}

.medium-card-home p {
    padding: 0px 16px;
    margin-bottom: 5px;
    font-size: 12px;
}

.small-card-home {
    width: 100%;
    height: 23vh;
    background: pink;
}

.small-card-home h3 {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 16px;
    padding-top: 0px;
}

.small-card-home p {
    padding: 0px 16px;
    margin-bottom: 5px;
    font-size: 10px;
}

.divisao-home-card {
    height: 4vh;
}

/* Cards Loop Home */

.row-blog-home {
    padding: 15px 0px;
}

.row-blog-home hr {
    border-top: 1px solid #e4e4e4;
    width: 100%;
}

.h2-loop-title-categoria {
    font-family: 'Adca';
    font-size: 35px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #582482;
    margin-top: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.h2-loop-title-categoria img {
    height: 45px;
    width: auto;
    display: inline-block;
    margin-top: -13px;
    margin-right: 7px;
}

.thumb-home-post {
    width: 100%;
    height: 150px;
    margin-bottom: 20px
}

.col-card-blog-home h3 {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #592582;
}

.col-card-blog-home h4 {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.col-card-blog-home h4>i {
    margin-right: 4px;
    color: #ea2976;
}

.col-card-blog-home p {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

/* Footer */
.footer-section {
    background-color: #343434;
    text-align: center;
    padding: 20px 0px;
    margin-top: 50px;
}

.footer-section img {
    height: 50px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.subfooter {
    background-color: #272727;
    text-align: center;
    padding: 10px 0px;
}

.subfooter p {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0px;
}

.subfooter a {
    font-weight: bold;
    color: #ffffff;
}

/* Pagina Categoria */
.thumb-categoria-body-post {
    height: 200px;
    margin-bottom: 15px;
}

.card-main-categoria-page {
    border: solid 2px #ededed;
    padding: 30px;
    margin-bottom: 20px;
}

.card-main-categoria-page h2 {
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #592582;
}

.card-main-categoria-page h4 {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.card-main-categoria-page i {
    color: #ea2976;
}

.card-main-categoria-page p {
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.img-categoria-page {
    width: 50px;
    height: auto;
    display: block;
    margin: 15px auto;
    margin-bottom: 8px;
}

.title-categoria-page {
    font-family: 'Adca';
    font-size: 25px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #582482;
    text-transform: uppercase;
}

.desc-categoria-page {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #582482;
    padding: 0px 20px;
    margin-bottom: 20px;
}

.h3-ultimas-categoria {
    font-family: 'Adca';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ea2976;
    margin-top: 33px;
    margin-bottom: 15px;
}

.col-card-blog-categorias {
    margin-bottom: 15px;
}

.col-card-blog-categorias h3 {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #592582;
    margin: 0px;
    margin-bottom: 10px;
}

.col-card-blog-categorias h4 {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
    margin: 0px;
}

.col-card-blog-categorias i {
    color: #ea2976;
}

.thumb-categorias-post {
    height: 80px;
    width: auto;
    display: block;
}

.col-infos-categorias-blog {
    align-items: center;
    display: flex;
}

/* Single Blog */

.header-single-post h1 {
    font-size: 40px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: center;
    color: #353535;
}

.body-blog-single {
    margin-top: 50px;
}

.body-blog-single>h1 {
    font-size: 50px;
}

.body-blog-single {
    font-family: 'Noto Serif';
    line-height: 1.8;
    color: #191e23;
    font-size: 18px
}

.body-blog-single p {
    font-size: inherit;
    line-height: inherit;
    margin-top: 28px;
    margin-bottom: 28px;
}

.body-blog-single figcaption {
    color: #555d66;
    font-size: 13px;
    text-align: center;
}

.body-blog-single img {
    max-width: 100%;
    height: auto;
}

/* Big Card - Home */

.col-card-blog-home-big h3 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #592582;
}

.col-card-blog-home-big h4 {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.col-card-blog-home-big h4>i {
    margin-right: 4px;
    color: #ea2976;
}

.col-card-blog-home-big p {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.thumb-home-post-big {
    width: 100%;
    height: 250px;
    margin-bottom: 20px
}

/* Single - Post Author */

.author-info {
    padding: 20px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



#author-description h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.share-buttons {
    width: 50px;
    height: auto;
    position: fixed;
    top: 40%;
    background: red;
    z-index: 3;
}

.share-buttons a {
    width: 100%;
    display: block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 25px;
}

.whatsapp-icon {
    background: #25D366;
}

.linkedin-icon {
    background: #007dbb;
}

.twitter-icon {
    background: #1DA1F2;
}

.facebook-icon {
    background: #4267B2;
}

.first-author-avatar {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    width: 45px;
    height: 45px;
}

.first-author-avatar img {
    width: 100%;
    height: auto;
}

.first-autor-avatar {
    display: inline-block;
    margin-top: 12px;
    position: absolute;
    margin-left: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #353535;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.author-avata-footer {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    width: 80%;
    margin-left: 10%;
}

.author-avata-footer img {
    width: 100%;
    height: auto;
}

.author-description h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #592582;
    margin: 0px;
}

.author-description p {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
    margin: 10px 0px;
}

.author-description a {
    border-radius: 10px;
    background-color: #ea2976;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 4px 20px;
}

/* Images */

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0px auto;
}

.img-circle {
    border-radius: 50%;
}

/* Comments */

textarea,
input {
    border: 1px solid #e4e4e4;
}

textarea {
    width: 100%;
}

.comment-list,
.children {
    list-style: none;
}

ul.children {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

.comment-wrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
    margin-bottom: 50px;
    position: relative;
}

.comment-wrap .comments-title {
    padding-top: 60px;
}

.comments-title {
    font-family: 'Adca';
    font-size: 25px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #582482;
    margin-top: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-top: 50px;
}

.comment-wrap .comment-img {
    float: left;
    margin-right: 20px;
    padding-bottom: 25px;
}

.comment-author {
    text-align: left;
}

.comment-reply {
    position: absolute;
    top: 0px;
    right: 0px;
    font-style: italic;
    padding: 5px 5px;
    background: #f5f5f5;
}

.comment-author,
.comment-author a {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 2px;
}

.comment-date {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-style: italic;
    display: block;
    padding-bottom: 7px;
}

.depth-2 .comment-wrap {
    padding-left: 30px;
}

.depth-3 .comment-wrap {
    padding-left: 60px;
}

.depth-4 .comment-wrap {
    padding-left: 90px;
}

.depth-5 .comment-wrap {
    padding-left: 120px;
}

.depth-6 .comment-wrap {
    padding-left: 150px;
}

.depth-7 .comment-wrap {
    padding-left: 180px;
}

.depth-8 .comment-wrap {
    padding-left: 210px;
}

.depth-9 .comment-wrap {
    padding-left: 240px;
}

.depth-10 .comment-wrap {
    padding-left: 270px;
}

#commentform #comment,
#commentform #author,
#commentform #email,
#commentform #url {
    display: block;
    width: 100%;
}

#commentform input[type="submit"] {
    border-radius: 10px;
    background-color: #ea2976;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 4px 20px;
    text-transform: uppercase;
}

.title-line {
    border-top: 1px dotted #ccc;
    display: block;
    max-width: 30%;
    margin: 0 auto 25px;
}

.comment-respond {
    padding: 20px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.comment-reply-title {
    font-family: 'Adca';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #592582;
    text-transform: uppercase;
}

.comment-notes {
    font-family: 'Roboto', sans-serif;
    font-size: 23px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
    margin: 0px !important;
}

.comment-form-comment label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.comment-form-comment textarea {
    height: 150px;
    resize: none;
    font-family: 'Roboto', sans-serif;
    padding: 10px;
    font-weight: 300;
}

.comment-form-author label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.comment-form-author input {
    padding: 0px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-weight: 16px;
    height: 35px;
}

.comment-form-email label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.comment-form-email input {
    padding: 0px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-weight: 16px;
    height: 35px;
}

.comment-form-url label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #30074b;
}

.comment-form-url input {
    padding: 0px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-weight: 16px;
    height: 35px;
}

.comment-form-cookies-consent label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.social-footer{
    background: #592582;
    width: 15%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 10px;
    padding: 15px;
    color: #fff;
}

.social-footer p{
    font-family: 'Adca';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 10px;
}

.social-footer ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.social-footer li{
    display: inline-block;
    margin: 0px 3px;
}

.social-footer a{
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    background: #0de9ea;
    border-radius: 100%;
    color: #ff3284;
}

.author-avatar-page-custom{
    width: 100px;
    height: 100px;
    display: block;
    margin: 10px auto;
    border-radius: 100%;
    overflow: hidden; 
}

.author-avatar-page-custom img{
    width: 100%;
    height: auto;
    display: block;
}

.time-leitura-single-post{
    display: inline-block;
    float: right;
}

.ver-mais-postagens-categorias{
    font-family: 'Adca';
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    background: #582482;
    display: block;
    color: #fff;
    text-transform: uppercase;
    height: 40px;
    line-height: 44px;
    padding: 0px 30px;
    border-radius: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* Responsive */

@media (max-width: 767px) {

    .comment-list,
    .children {
        padding-left: 0px;
    }

    .comment-wrap .comment-img {
        float: none;
        margin: 0px;
        width: 100%;
        padding-bottom: 0px;
    }

    .comment-img>img {
        display: block;
        margin: 0px auto;
    }

    .comment-author,
    .comment-author a,
    .comment-date {
        text-align: center;
    }

    .depth-2 .comment-wrap,
    .depth-3 .comment-wrap,
    .depth-4 .comment-wrap,
    .depth-5 .comment-wrap,
    .depth-6 .comment-wrap,
    .depth-7 .comment-wrap,
    .depth-8 .comment-wrap,
    .depth-9 .comment-wrap,
    .depth-10 .comment-wrap {
        padding-left: 0px;
    }

    .comment-reply {
        position: relative;
        text-align: center;
        display: block;
        margin-top: 25px;
    }
}