/*
Theme Name: Narrativas Template
Theme URI:
Author: Joana Souza
Author URI:
Description: Template da revista Narrativas
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: dominio do template
This theme, like WordPress, is licensed under the GPL.
*/

/*GERAL*/
	
body{font-family: 'PT Serif', serif; margin: 0;font-size: 18px;}
.flex-container{display: flex;}
.space-between{justify-content: space-between;}
.align-items{align-items: center;}
*{box-sizing:border-box;}
h1, h2, h3, h4, figure,p{margin:0;}
a{text-decoration: none; color: inherit;}
article img{width: 100%;}

.container{width:100%; max-width:1100px;margin:0 auto;padding:0 2%;}
.exemplo{flex-wrap: wrap;}
.row{margin:0 -15px; display: flex; flex-wrap: wrap;}
.row:after{content:'.';display:block;clear:both;height:0px;visibility:hidden;}

/*COLUNAS*/

.col{padding:0 15px;/*border:1px solid #F00;*/}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/*TOP-SITE*/

.top-site{position:fixed; width:100%; top:0; left:0; background-color:rgba(255,255,255,0.8); z-index:1; padding:1em 1.5em; justify-content: space-between; align-items: bottom;}
.logo img{display: block; width: 100px; height: auto;}
nav{font-family: 'IBM Plex Sans', sans-serif;}
nav a{margin-left: 1em; font-size: 0.9em;}
nav a:hover{text-decoration: underline;}
ul{list-style-type:none; margin:0}
ul li{ display: inline;}
.menu li:first-child{color:#EC7460;}
.current-menu-item{text-decoration: underline;}
#menu-button{display: none;}


/*HEADLINE*/

.headline{padding:5em 2% 3em 2%;}
.headline-article{overflow: hidden;position: relative; padding-top:56.6%;}
.headline-article header{position: absolute; width:100%; bottom:0; left:0;background-color: rgba(255,255,255,0.8);padding:20px;}
.headline-article figure{position:absolute;top:0;left:0;width:100%;height:100%;}
.headline-article figure img{position:absolute;width:100%;height: 100%; object-fit: cover;}
.issue-title{font-family: 'IBM Plex Sans', sans-serif; font-size: 0.8em; color:#EC7460;}
.headline-title{font-size: 2em; line-height: 1.2em;  font-family: 'IBM Plex Sans', sans-serif;}
.headline-title a:hover{text-decoration: underline;}
.author{ font-size:0.75em; padding-top: 1em; font-family: 'IBM Plex Sans', sans-serif;}
.current-issue{font-family: 'IBM Plex Sans', sans-serif; background-color: #FFEAE6; padding: 20px;}
.current-issue:hover{opacity:0.8;}
.current-issue-title a:hover{text-decoration:underline;}
.current-issue-number{font-size: 1.4em;color:#EC7460;font-weight: 800;}
.blend-hover{background-color: #EC7460;}
.blend-hover img{transition: 0.3s; display: block; object-fit: cover; width:100%; height:100%;}
.stories-page .blend-hover img{max-height:200px;}
.homepage-articles img{max-height:200px;}
.headline-article:hover .blend-hover img, .hp-article:hover .blend-hover img, .hp-article-other-stories:hover .blend-hover img{ mix-blend-mode: multiply;}

/*HOMEPAGE ARTICLES*/

.hp-article{margin-bottom: 3em;}
.hp-article header{padding-top: 20px;}
.hp-title{font-size: 1.3em; line-height: 1.2em; font-family: 'IBM Plex Sans', sans-serif;}
.hp-title a:hover{text-decoration: underline;}




/*HOMEPAGE GALLERY*/

.hp-gallery-background{background-color:#FFEAE6; padding:3em 0 1em 0;}
.section-title{font-family: 'IBM Plex Sans', sans-serif; font-size: 1.7em; padding-bottom: 30px; text-align: center; color: #EC7460; font-weight: normal;}
.icon-type{font-family: 'IBM Plex Sans', sans-serif; font-size: 0.8em; font-weight:500; text-transform: uppercase;}
.icon-type:after{content:' /';}
.gallery-type{display: inline;}
.hp-gallery-article{padding-top: 1.5em; font-size: 0.9em; font-style: italic; font-weight: 500;}

/*FOOTER*/
footer{font-family: 'IBM Plex Sans', sans-serif;padding: 40px 0; text-align: center;font-size: 0.8em; background-color: #edb1a7;}
.social-media{margin-top: 20px;}
.social-media a{padding: 0 5px;transition: 0.3s;}
.social-media a:hover{opacity: 0.7;}
.social-media img{width: 32px;}

/*ISSUES LIST PAGE*/
    /*.issue-first{padding:6em 2% 3em 2%; border-bottom: 1px dotted #000;}*/
.issue{padding:3em 2%; border-bottom: 1px dotted #000;}
.issue:first-child{padding:6em 2% 2em 2%;}
.issue:last-child{border-bottom: none;}
.issue-article{padding-left: 30px;}
.issue-article header{font-family: 'IBM Plex Sans', sans-serif;}
.cat-issue-article{background-color: #EC7460;padding: 30px; position: sticky; top:0;}
/*.cat-issue-article figure{box-shadow: 5px 5px 5px rgba(0,0,0,0.4); ;}*/
.cat-issue-article img{height:auto; display: block;}
.cat-issue-number{font-size: 1.8em;color:#EC7460;font-weight: 800;}
.cat-issue-title{font-size: 1.8em;}
.cat-issue-title a:hover{text-decoration: underline;}
.issue-lead{padding-top: 1.6em;}
.cat-credit-article{font-size: 0.9em;padding: 2em;}
.cat-credits{padding-bottom: 1em;}
.cat-credits h3{font-size:1em;}

/*ISSUES ARTICLE PAGE*/
.stories-article{padding-top:6em;}
.stories{padding-top:2em;}
.stories h3{font-size:1.15em;}
.stories a:hover{text-decoration: underline;}
.story-item{padding-top: 2em;}
.editions{background-color:#FFEAE6; margin-top: 3em; padding:3em 0;}
.stories-author{ padding-top: 0.3em; color: #3f3e3e; font-size: 0.95em;}
.editions-flex{justify-content: center;}
.others-issue{font-family: 'IBM Plex Sans', sans-serif;}
.related-more{ text-align:center; margin-top:2em; }
.related-more a{ display:inline-block; background:#EC7460; color:#FFF; padding:0.5em 1em; font-family: 'IBM Plex Sans', sans-serif; }

/*MAIN ARTICLE PAGE*/
.main-article{padding-top:6em;}
.main-issue{font-family: 'IBM Plex Sans', sans-serif;}
.main-issue-number{font-size: 1em;color:#EC7460;font-weight: 800;}
.main-issue-title{font-size: 1em; color:#EC7460; padding-bottom: 0.8em;}
.main-credits{font-size:0.75em; font-weight:600;color: #3f3e3e; padding-bottom: 2em;}
.main-content h2{font-family: 'IBM Plex Sans', sans-serif;font-size: 2.8em;line-height: 1em;}
.main-lead{font-size: 1.18em; padding: 1em 0 1.5em 0; color: #555353;}
.main-text{padding-top: 2em;}
.main-text h3{font-size: 1.5em;padding-bottom: 1em;}
.main-text p{padding-bottom: 2em; line-height: 1.5em;}
.main-image img{height: auto;}
.main-text img{height: auto;}
.main-text iframe{width: 100%;}
.main-text a{color: #EC7460; text-decoration: underline;}
.single-mobile{display: none;}
figcaption, h5{font-size:0.8em; font-family: 'IBM Plex Sans', sans-serif; text-align: center; font-weight: normal;color:grey;}
.wp-block-quote{font-size: 0.9em; border-left:4px solid #EC7460 ; padding-left: 1em;}
.wp-block-quote p{padding-bottom: 1em;}

/*other stories*/
.hp-article-other-stories {display: flex; justify-content: space-between; margin-bottom: 30px; padding-left: 30px;}
.hp-article-other-stories figure {width: 30%; position: relative; height: 60px; overflow: hidden;}
.hp-article-other-stories figure img{width:100%; height:100%; object-fit: cover;}


.hp-article-other-stories header{width: 65%;}
.issue-title-other-stories{font-family: 'IBM Plex Sans', sans-serif; font-size: 0.8em; color:#EC7460;}
.hp-title-other-stories{font-size: 0.9em; line-height: 1em;}
.hp-title-other-stories a:hover{text-decoration: underline;}
.stories-fix{position: sticky; top:4em; margin-bottom: 30px;}

/*MULTIMEDIA ARTICLE PAGE*/
.media-type{font-size:0.8em;}
.media-title{color:#EC7460;}

/*STORIES PAGE*/
.stories-page{padding: 6em 2% 0 2%;}
.gallery-link:hover{text-decoration: underline;}

/*form*/
input{width: 100%;}
.wpforms-field-medium{width: 100%;}
textarea { resize: none; } 

.pagination{ padding:1em; text-align:center; font-family: 'League Spartan', sans-serif; font-size:1.25em; width:100%;}
.pagination-inner{width:78%;}
.pagination .page-numbers{display:inline-block;padding:0.8em;vertical-align:middle; background:#FFF; color:#EC7460;;}
.pagination .page-numbers:link:hover{text-decoration: underline;}
.pagination .current{color:#FFF;background:#EC7460;;}
.pagination .next, .pagination .prev{text-transform:uppercase;font-size:0.7em; background:none;}

.page-custom{justify-content: center;}

@media all and (max-width:768px ){
    
    .mcol-1 {width: 8.33%;}
    .mcol-2 {width: 16.66%;}
    .mcol-3 {width: 25%;}
    .mcol-4 {width: 33.33%;}
    .mcol-5 {width: 41.66%;}
    .mcol-6 {width: 50%;}
    .mcol-7 {width: 58.33%;}
    .mcol-8 {width: 66.66%;}
    .mcol-9 {width: 75%;}
    .mcol-10 {width: 83.33%;}
    .mcol-11 {width: 91.66%;}
    .mcol-12 {width: 100%;}

    /*ISSUES ARTICLE PAGE*/
    .stories{padding-top:2em;width: 100%;}
    .cat-issue-article{background-color: #EC7460;padding: 20px;}
    .headline-article{overflow: hidden;position: relative; padding-top:80%;}
    .cat-credit-article{display: none;}
    .issue-article{padding-left: 20px;}

    /*SINGLE*/
    .single-stories-align{justify-content: center;}
    .single-stories-align .main-content{margin-bottom: 50px;}
    .hp-article-other-stories{margin-bottom: 30px;}
    .hp-title-other-stories{font-size: 1.5em;}
    .hp-article-other-stories figure {height: 120px;}
}

@media all and (max-width:480px ){
    
    .scol-1 {width: 8.33%;}
    .scol-2 {width: 16.66%;}
    .scol-3 {width: 25%;}
    .scol-4 {width: 33.33%;}
    .scol-5 {width: 41.66%;}
    .scol-6 {width: 50%;}
    .scol-7 {width: 58.33%;}
    .scol-8 {width: 66.66%;}
    .scol-9 {width: 75%;}
    .scol-10 {width: 83.33%;}
    .scol-11 {width: 91.66%;}
    .scol-12 {width: 100%;}
    
    /*MENU*/
    nav{position:absolute; top:100%; right:0; background:#FFF; z-index:99; width:100%; padding:10px 0; margin:0; text-align: center; display:none;}
    nav ul{padding:0;}
    nav li{display:block; margin:0;padding:0;}
    nav a{display:block; padding:10px;}

    #menu-button{ display: block; font-size:1.5em;}


    .row{justify-content: center; font-size: 0.9em;}
    .responsive-current-issue{padding-top: 40px;}
    .hp-title{font-size: 1.5em;}
    .hp-gallery-article{padding-top: 1.2em; font-size: 0.7em;}
    .headline-title{font-size: 1.6em; line-height: 1em;}
    .headline-article{overflow: hidden;position: relative; padding-top:100%;}
    .headline-article header{ width:100%;bottom:0; left:0; padding:20px;}
    .current-issue{ margin-top:40px; padding: 40px;}
    .current-issue-number{font-size: 1.4em;color:#EC7460;font-weight: 800;}


    .issue:first-child{padding:4.5em 2% 1.5em 2%;}
    .cat-issue-article{margin-bottom: 20px;}
    .cat-credit-article{padding: 20px 0 0 0;}
    .cat-credits{padding-bottom: 0.5em;}
    .stories{padding-top:0;width: 100%;}
    .not-show{display: none;}
    .single-desk{display: none;}
    .single-mobile{display: block; border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding-top:1em; padding-bottom:1em;}
    .single-mobile-pages{display: block;}
    .main-issue-title{display: inline;}
    .main-credits{font-size:0.8em;margin-top: 1em;}
    .main-content h2{font-size: 2em;}
    .main-article{padding-top:4.5em;}
    .others-issue{margin-bottom:20px; }
    
    /*LISTAGEM DE NÚMERO*/
    .cat-issue-article{padding: 50px;}
    .issue-article{padding-left: 0;}

    .hp-title-other-stories{font-size: 1.2em;}
    .hp-article-other-stories figure {height: 70px;}
    .hp-article-other-stories {padding-left: 0;}
	
	 .hide-mobile{display: none;}


 
}