/*
Theme Name: Dylan WP Child
Theme URI: 
Description: Responsive Multi-Purpose WordPress Theme
Author: HodyLab
Author URI: http://hody.co/
Template: dylan-wp
Version: 1.0.0
*/

@import url('../dylan-wp/style.css');

/*html {font-family: 'At Surt Semi Bold' !important;}*/
html {color: '#0f0' !important;}

@font-face {
    font-family: ATSurt;
    /*font-weight: normal;*/
    src: url("https://www.nossasaopaulo.org.br/wp-content/themes/dylan-wp-child/assets/fonts/ATSurtRegular.otf") format("opentype");
}
/*
@font-face {
    font-family: ATSurt;
    font-weight: 400;
    src: url("./assets/fonts/ATSurtRegular.otf") format("opentype");
}

@font-face {
    font-family: ATSurt;
    font-style: italic, oblique;
    src: url("./assets/fonts/ATSurtRegularOblique.otf") format("opentype");
}
*/
@font-face {
    font-family: ATSurt-bold;
    font-weight: normal;
    src: url("./assets/fonts/ATSurtDemiBold.otf") format("opentype");
}
/*

@font-face {
    font-family: ATSurt;
    font-style: italic, oblique;
    src: url("./assets/fonts/ATSurtDemiBoldOblique.otf") format("opentype");
}*/

body, footer, #footer .copy-text
{
    font-family:"ATSurt", "Open Sans" !important;
    font-weight: normal;
}

h1,h2,h3,h4,h5,h6,
#topnav .navigation-menu >li >a {
    font-family:"ATSurt", "Open Sans" !important;
    font-weight: bold !important;
}

.title >h4 {
    font-family: "ATSurt", "Open Sans", sans-serif;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #fff;
    vertical-align: middle;
    display: inline-table;
}

.team-info  .serif {
    color: #999;
}
.parallax-overlay{
    background: -moz-linear-gradient(top,  rgba(61,7,13,0.7) 0%, rgba(61,7,13,0.7) 7%, rgba(178,21,24,0.7) 100%);
    background: -webkit-linear-gradient(top,  rgba(61,7,13,0.7) 0%,rgba(61,7,13,0.7) 7%,rgba(178,21,24,0.7) 100%);
    background: linear-gradient(to bottom,  rgba(61,7,13,0.7) 0%,rgba(61,7,13,0.7) 7%,rgba(178,21,24,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b33d070d', endColorstr='#b3b21518',GradientType=0 );
}
.page-template .parallax-overlay{
    background: none!important
    
}
/*#topnav .navigation-menu > li .submenu {
    padding: 15px 0;
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
}*/

@media screen and (min-width: 800px) {
    #topnav >.container {
        position: relative;
        height: 110px !important;
    }

    #topnav .logo img {
        max-height: 90px !important;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #Pesquisas .title {
        margin-bottom: 0px;
        position: relative;
        z-index: 10;
    }
}
#Pesquisas{
    background:#050505
}
 #Pesquisas .title {
    display: none
 }
/* IMPRENSA PAGE */
.page-imprensa {
    display: inline-block;
}
.imprensa-section {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    padding-top: 80px;
}
.imprensa-section .container {
    width: 75%;
    float: left;
}
.imprensa-section .grid-blog {
    list-style: none;
    padding: 0;
}
.imprensa-posts {
    width: 260px;
    height: 320px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.imprensa-posts a .post-content{
    position: relative;
    display: block;
   /* height: 450px;*/
    color: #000!important
}
.imprensa-posts a .post-content h2,
.imprensa-posts a .post-content p{
    color: #000!important;
    text-align: left
}
.imprensa-posts a:hover .post-content h2,
.imprensa-posts a:hover .post-content p{
    color: #ff0000!important;
}
.imprensa-posts a .post-content h2{
    font-size: 20px
}
.imprensa-posts img{
    width: 100%;
    object-fit: cover;
}
.imprensa-posts .post-content {
    padding: 10px 5px 2px;
    height: 90px;
    width: 260px;
    
    /*background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 49%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 49%,rgba(0,0,0,0.7) 100%); */
}
    
.imprensa-posts .post-content h2, .imprensa-posts .post-content p, .imprensa-posts .category-date {
    font-size: 12px;
    text-align: center;
    color:#fff;
    margin: 0 0 7px;
}
.imprensa-section .pagination {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.imprensa-section .page-numbers {
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    border-radius: 50px;
    color: #767676;
    width: 30px;
    height: 30px;
    font-size: 10px;
    line-height: 28px;
    margin-right: 4px;
}
.imprensa-section .page-numbers.current {
    border: 1px solid #ff0000;
    background-color: #ff0000;
    color: #fff;
}
.imprensa-section .page-numbers.prev, .imprensa-section .page-numbers.next {
    border: none;
}
.imprensa-section .page-numbers i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #979797;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border-style: solid;
    margin: 10px;
}
.imprensa-section .page-numbers .right {
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
}
.imprensa-section .page-numbers .left {
    border-width: 0 1px 1px 0;
    transform: rotate(135deg);
}
.imprensa-section .page-numbers i::after, .imprensa-section .page-numbers i::before {
    content: "";
    box-sizing: border-box;
}
.imprensa-section .page-numbers .right::before{
    right: 0;
    top: -1px;
    position: absolute;
    height: 1px;
    box-shadow: inset 0 0 0 32px;
    width: 14px;
    transform-origin: right top;
    transform: rotate(-45deg);
}
.imprensa-section .page-numbers .left::before{
    right: -1px;
    top: 6px;
    position: absolute;
    height: 1px;
    box-shadow: inset 0 0 0 32px;
    width: 14px;
    transform-origin: right top;
    transform: rotate(45deg);
}

/* IMPRENSA SIDEBAR */
.imprensa-sidebar {
    max-width: 255px;
    width: 100%;
    float: right;
    padding-top: 0;
    margin-right: 15px;
}
.imprensa-sidebar .input-group-btn {
    display: none;
}
.imprensa-sidebar h3 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.imprensa-sidebar .input-group {
    width: 100%;
}
.imprensa-sidebar select, .imprensa-sidebar .form-control {
    background-color: transparent;
    border-width: 0 0 1px;
    font-weight: 500;
    padding: 15px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: inset 0 2px 1px rgba(0,0,0,.02);
    text-transform: none;
    font-size: 13px;
    height: 52px;
    letter-spacing: 0;
    border-radius: 3px;
    width: 100%;
}
.imprensa-sidebar ul {
    padding-left: 20px;
}
.imprensa-sidebar li {
    margin-bottom: 3px;
    color: #2d2d2d;
    font-size: 13px;
}
.imprensa-sidebar li > a {
    color: #2d2d2d;
    font-size: 13px;
}

/*-------------Notícia-------*/
.card-post .post-body h3{
    
}
.card-post .post-body h3 {
    line-height: 28px;
	overflow: visible; 
	white-space:normal
}
.card-post .post-body p {
	font-size: 16px;
    margin-top: 5px
}
.card-post .post-body {
	min-height: 360px;
}
.share-btn {
    padding: 0 17px
}
.share-btn.whatsapp {
    border-color: #39b54a;
    background-color:#39b54a;
    padding: 0 18px
}
.share-btn.whatsapp:hover {
    opacity: 0.8;
    transition: ease 0.2s
}

.posts-related{
    background: #f5f5f5;
    padding: 13vh 40px;
}
.posts-related .title{
    margin-bottom: 80px
}
.page-single section{
    padding-bottom: 0px
}
.home .page-single section{
    padding-bottom: 120px
}


/*---------------------HIGHLIGHT-----*/

.home .page-single .highlight{
    width: 100%;
    padding-top: 25px!important;
    margin-bottom: -100px
    
}
.highlight .container{
    width: 100%!important;
    padding: 0!important
}
.highlight .container .vc_column-inner{
    padding: 0!important
}

.highlight .item-highlight{
    background-size: cover!important;
    background-position: center center!important;
    background-attachment: fixed!important
    
}
.highlight .content-highlight{
    max-width: 1220px;
    margin: auto;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 30px;
}

.highlight .content-highlight a,
.highlight .content-highlight a h2{
    color: #fff!important
}
.highlight .content-highlight a h2{
    font-size: 2.8em;
    max-width: 700px;
    font-family: 'ATSurt-bold'!important;
    font-weight: bold!important;
    line-height: 1.3em
}
.highlight .content-highlight a:hover h2{
    color: #ee2b31!important
}
.highlight .shadow{
background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(130,2,4,0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(130,2,4,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(130,2,4,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#b3820204',GradientType=1 );
    height: 700px;
    width: 100%;
    margin-top: -40px;
    position: relative
}
.highlight .line{
    height: 9px;
    width: 190px;
    background-color:#ee2b31;
    background-image: url(pontilhado.png);
    background-position: 3px center;
    background-repeat: repeat-x;
    border-radius: 20px;
    margin: 25px 0 30px 0;
}

.highlight .the_excerpt{
    max-width: 680px;
    font-size: 1.1em
}

.slick-dots{
    position: absolute;
    width: 100%;
    margin-top: -130px;
    max-width: 1220px;
    padding: 0 30px;
    left: 50%;
    transform: translate(-50%, 0);
    list-style: none;
        
}
.slick-dots li{
   display: inline-block;
        
}
.slick-dots li button{
    border-radius: 40px;
    background-color: #fff;
    opacity: 0.4;
    border: none;
    margin-right: 15px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: 20px
}
.slick-dots .slick-active button{
    opacity: 1
}
.slick-dots li button:hover{
    background-color:#ee2b31;
    opacity: 1
}



@media all and (max-width: 1123px) { 
    .imprensa-section .container {
        max-width: 100%;
        width: 100%;
    }
    .imprensa-section ul {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .imprensa-section .imprensa-posts {
        float: none;
        display: inline-block;
    }
    .imprensa-section .imprensa-sidebar {
        max-width: 600px;
        float: none;
        margin: 0 auto;
        display: grid;
    }
    .imprensa-section .imprensa-sidebar aside {
        display: inline-block;
        max-width: 600px;
        width: 100%;
        padding: 0 10px;
    }
    #lct-widget-taxonomy-imprensa .cat-item {
        text-align: left;
    }
    .tax-taxonomy-imprensa .blog-posts {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .tax-taxonomy-imprensa .blog-posts .imprensa-posts{
        float: none;
        display: inline-block;
    }
} 

/*  MODAL */
#topnav {
    z-index: 999;
    background: #fff;
}
.paoc-popup-close {
    top: 0px;
    right: 0px;
}
.paoc-popup-modal {
    overflow: scroll;
}
/* MENU */
.toggle-btn {
    display: none;
}
@media all and (max-width: 991px) {
    #topnav .navigation-menu {
        overflow: scroll;
        height: 100vh;
        max-height: 600px;
        min-height: 320px;
    }
    .menu-item-has-children a {
    width: 200px;
    float: left;
    }
    .menu-item-has-children a::after {
        display: none;
    }
    .toggle-btn {
        margin: 0;
        width: 40px;
        height: 40px;
        text-align: left;
        display: block;
        border: none;
        background-color: inherit;
    }
    .toggle-btn:focus {
        outline: none;
    }
    .toggle-btn .icon-down-open {
        display: inline-block;
        border-right: 3px solid #ed1c24;
        border-bottom: 3px solid #ed1c24;
        width: 12px;
        height: 12px;
        transform: rotate(-315deg);
    }
    .submenu li {
        float: left;
        width: 100%;
    }
    #topnav .navigation-menu>li {
        display: inline-block;
        width: 100%;
    }
        .home .page-single .highlight{
        margin-top: -25px
    }
}

@media all and (max-width: 767px) {
    .post-share .list-inline > li > a > span{
        display: block
    }
    .highlight .content-highlight a h2{
        font-size: 1.5em;
        line-height:1.3em
    }
    .highlight .the_excerpt {
        font-size: 0.9em;
    }
    .highlight .shadow{
        height: 100vh;
        margin-bottom: 0;
        
    }
    .slick-dots{
        bottom: 110px
    }
    .highlight .item-highlight{
        background-attachment: inherit!important;
    }
}

/* NOVOS FONT AWESOME */

.fa-youtube-play::before {
    content: "\f167";
  }
.fa-facebook::before, .fa-twitter::before, .fa-instagram::before, .fa-youtube-play::before {
    font-family: 'FontAwesome';
    font-weight: 700;
    font-style: normal;
}