/*
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

 * Version:     1.0.0
 * Description: Layout site and plataform CDR.
 * Author:      Thiago Paixão <tap@thiagopaixao.com>
 * Author URI:  https://thiagopaixao.com
 * Text Domain: direitosnarede.org.br
 * Repository:  https://gitlab.com/direitosnarede/direitosnarede.org.git
 * Issues:      https://gitlab.com/direitosnarede/direitosnarede.org/issues       
 * License:     GPL-3.0+
 * License URI: http://www.gnu.org/licenses/gpl-2.0.txt
 * Copyright    20015-2016 Thiago Paixão
*/



body, html {
    font-family: 'pt_sansregular'; 
    font-size: 16px;
      
}

p {
    margin-left: 0px;
    
}



.destaques {
    max-height: 55rem;
}

#owl-demo .item{
    padding: 20px;
    width: 300px;
    height: 440px;
    /*margin-left: 30px;
    margin-right: 30px;
     width: 300px; */
    height: 440px;
    background-color: #ededed;
    text-align: center;
display: block;
  margin-left: auto;
  margin-right: auto;
    margin-bottom: 15px;
}

.owl-wrapper {
    margin: 0 auto;
}

/* .owl-stage{
    margin: 0 auto;
} 
*/

.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}
 
.owl-theme .owl-buttons i{
  margin-top: 5px;
}
 
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -35px;
  top: 45%;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -35px;
  top: 45%;
}

#owl-demo .orbit-box {
    width: 300px;
    height: 440px;
    background-color: #ededed;
    padding: 20px;
    text-align: center;
    margin: 75px;
    position: relative;
    display: inline-block;
}

.orbit-slide-box {
    width: 300px;
}

.orbit-box-title {
    margin-top: 10px;
    height: 65px;
    width: 100%;
    display: table;
}
.orbit-box-summary {
    height: 200px;
    width: 100%;

}

.absolute-bottom {
    position: absolute;
    bottom: 15px;
    margin-left: -15%;
}
#owl-demo .item h5 {
    text-transform: uppercase;
    font-weight: bold;
    display: table-cell; 
    vertical-align: middle; 
    text-align: center;
}

.icon-box-campanha {
    width: auto;
    height: auto;
}

.orbit-bullets {
    display:inline-block;
    text-align:center;
    float: center;
    width: 100%;
    position: absolute;
    margin-top: -40px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.3;
}

.orbit-bullets button {width: 14px!important; height: 14px!important; 


}



.image-container {
    height: 100% !important;
    vertical-align: middle;
}

.the-click {
    position: absolute; left: 0px; right: 0px; width: 100%; height: 100%; z-index: 999; background-color: white; opacity: 0;
}

.orbit-image {
    vertical-align: middle;
    height: 100% ;
  
}

#codingrights-pls {
    position : absolute;
    top      : -550px;
    left    : 0;
    width    : 100%;
    height   : 1200px; 
}

.section-shadow {
    -webkit-box-shadow: 0px 6px 12px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 12px 3px rgba(0,0,0,0.75);
box-shadow: 0px 6px 12px 3px rgba(0,0,0,0.75);
}

.button {
    background-color: #46b98c; !important
}

.middle {
    margin-top: 120px;
    position: relative;
}


section { }
    h1 { font-size: 26px;
        font-family: 'pt_sansbold'; 
        margin-bottom: 20px; }
    h4 {  font-size: 18px;
        font-family: 'pt_sansbold'; }

    .s-embeded {width: 100%;
        height: 500px; 
        overflow: hidden;
        position: relative; } 
    


.logo-transparence {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    float: center;
    vertical-align: bottom;
    height: 180px;
    padding: 0px 4% 0px 4%;
}

.logo-circle {
    float: center;
    margin: 5px;
    font-size: 40px;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background-color: #ededed;
    padding: 3px 10px 2px 10px;
}

.icon-now{  
    float: center;
    width: 30px;
    height: 30px;
}

.icon-now-small {
    position: relative;
    float: right;
    width: 100%;
    height: 100%;
    margin-left: 0px;
}

.midia-box {
    padding-top: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color:rgba(0, 0, 0, 0.5);
    
}



.icon-circle {  
    float: center;
    margin-left: 0px;
    margin-right: 10px;
    font-size: 40px;
    color: #000000;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #ce8021;
    padding: 10px 15px 0px 15px;
}

@media only screen and (max-width: 40em) {
    .icon-circle {
        width: 30px;
        height: 30px;
        font-size: 30px;
      } 
}



.accordion-navigation {
    margin-bottom: -20px;
    border: 0px;
}

#panel11a {
    border: 0px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.accordion-description {
    padding-top: 30px;
    
    color: #dedede !important;
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 0px;
    color: #46b98c;
}

#expand  a, 
#expand  a:hover, 
#expand  a:visited, 
#expand  a:active,
#expand  a:link {
    border: 0px;
    color: #46b98c;
    font-size: 16px;
    font-family: 'pt_sansregular'; 
    background-color: none;
    border-bottom: 0px;
    
}
.accordion-navigation a, 
.accordion-navigation a:hover, 
.accordion-navigation a:visited, 
.accordion-navigation a:active,
.accordion-navigation a:link {
    border: 0px;
    font-size: 16px;
    font-family: 'pt_sansregular'; 
    background-color: rgba(0, 0, 0, 0.0);
    border-bottom: 0px;
    color: #46b98c;

}

.topico {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.card-secao-3 {
    min-height: 15rem;
    background-color: white;
    /*margin-left: 0.5rem;*/
    /*margin-right: 0.5rem;*/
}

/* Top bar: http://zurb.com/building-blocks/f6-top-bar */
.title-bar {
  background: #0f0f0f;
  /*padding: 2.9rem; */
padding-top: 0.8rem;
padding-bottom: 0.8rem;}

.top-bar { 
  background: #0f0f0f; }
  .top-bar ul {
    background: #0f0f0f; }
    .top-bar ul li {
      background: #0f0f0f; }
      .top-bar ul li a {
        color: #ededed; }

.menu-text {
  color: #ededed; }
  @media only screen and (max-width: 40em) {
    .menu-text {
      display: none !important; 
      } 
}

.title-header {
    text-decoration: underline;  
    font-size: 50px;
    color: #ededed;
    font-family: 'novecento_sans_widedemibold';
    letter-spacing: 5px;
    
}

 @media only screen and (max-width: 40em) {
    .title-header {
     font-size: 1.5em;
     }
}
.subtitle-header {
    font-family: 'pt_sansitalic';
    font-size: 14px;
    margin-top: -10px;
    opacity: 0.7;
    width: 85%;
}
.
.header-text {
    text-align: left;
    width: 75%;
    color: #ededed; }
    .header-text a {
        font-family: 'pt_sansregular';
        color: #ededed; }

@media only screen and (max-width: 40em) {
    .header-text  {
        width: 99%;
        margin-left: -20px;
    }
    .subtitle-header {
    width: 94%;
}
}

.img-circle {
    top: -10px; 
    width: 230px; 
    height: 210px; 
    float: left; 
    margin-right: 4px;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.img-circle-title{
    float: none;
    position: relative;
    width: 130px; 
    height: 115px;
    right: auto;
    margin-left: 0 auto;
    margin-right: 0 auto;
    
    
}

.orbit-caption {
    background: none;
    /* top: 45%; */
    left: 14%;
}

@media only screen and (max-width: 40em) {
    .orbit-caption {
        /* top: -10%; */
        left: 10%;
    }
}

.img-foto-perfil {
    height: 190px;
    margin-bottom: 10px;
}

.img-capa-perfil {
    height: 190px;
    
}

.img-foto-parceiro {
    height: 190px;
    margin-bottom: 10px;
    float:left;
    margin:0 20px 10px 0;
}

@media only screen and (max-width: 40em) {
    .img-foto-parceiro {
    height: 90px;
    }
    .img-foto-perfil {
    height: 190px;
    margin-bottom: 10px;
    }

    .img-capa-perfil {
    height: auto;
    width: 100%;
    
    }   
}

.margin-0 {
    margin: 0;
}

.print-embedd {
    background-image: url("../images/panorama-1.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
}
 @media only screen and (max-width: 40em) {
    .print-embedd {
      background-image: url("../images/panorama-2.png");
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: 800px;
      } 
}

.menu-logo {
  width: 350px;
    float: left;
    position: relative;
    margin-top: -18px;
    margin-bottom: -10px;
}
  @media only screen and (max-width: 40em) {
    .menu-logo {
      display: none !important; 
      } 
}


@media only screen and (min-width: 40em) {
  .menu:last-child {
    border-left: 0px solid #4e4e4e; 
    font-family: 'novecento_sans_widedemibold'; 
    font-size: 12px;
    letter-spacing: 2px;
    color: #ededed;
    margin-top: 5px;}
   
    
    .menu li a:hover span { 
        text-decoration: none;
        border-bottom: 3px solid #46b98c;  
    }


  .menu:first-child {
    border-left: none; 
    color: #ededed;
    font-family: 'novecento_sans_widedemibold';
    letter-spacing: 2px;}

  .menu li:not(:last-child) {
    border-right: 0px solid #4e4e4e; } }
.dropdown.menu .submenu {
  border: none; }

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }