/* 
    Created on : 16/12/2015, 16:51:14
    Author     : erique
*/

.canal-escolas .canal-background-color{ background-color: #FF9D4C}
.canal-escolas .canal-border-color{ border-color: #fff}

.canal-educadores .canal-background-color{background-color: #DC2838}
.canal-educadores .canal-border-color{border-color: #fff}

.canal-institucional .canal-background-color{background-color: #0071BC}
.canal-institucional .canal-border-color{ border-color: #fff}

.canal-estudantes .canal-background-color{background-color: #4AAC71}
.canal-estudantes .canal-border-color{border-color: #fff}

.canal-municipios .canal-background-color{background-color: #8A3878}
.canal-municipios .canal-border-color{border-color: #fff}

.meta{
    position: absolute;
    padding-top: -9px;
    height: 42px;
   
    z-index: 10;
    border-top: none !important;
	margin-top:-12px;
}

#menutoggle{
    height: 26px;
    width: 24px;
    padding: 7px;
      position: absolute;
    cursor: pointer;
}

#menutoggle ul{
    margin: 0px;
    padding: 0px;
}

#menutoggle ul li{
    border-style: solid;
    border-width: 2px;
    list-style: none;
    margin-bottom: 7px;
}
.meta #content_top_center{
    border: 1px solid;    
    margin-top: 0px;
    background-color: #fff; 
	 
}
.canal-escolas .meta #content_top_center{
    border-color: #FF9D4C;
}
.canal-educadores .meta #content_top_center{
    border-color: #DC2838;
}
.canal-estudantes .meta #content_top_center{
    border-color: #4AAC71;
}

.canal-institucional .meta #content_top_center{
    border-color: #0071BC;
}

.canal-municipios .meta #content_top_center{
    border-color: #8A3878;
}

.node-full .pane-title{
    margin-top: 2px;
}



/*barra direita*/

.canal-educacao .sidebar #block-views-banner-block_34 .view-banner{
	background-color:#0071BC;
	
}

.canal-escolas .sidebar #block-views-banner-block_34 .view-banner{
	background-color:#FF9D4C;
	
}
.canal-estudantes .sidebar #block-views-banner-block_34 .view-banner{
	background-color:#4AAC71;
	
}

.canal-educadores .sidebar #block-views-banner-block_34 .view-banner{
	background-color:#DC2838;
	
}

.canal-institucional .sidebar #block-views-banner-block_34 .view-banner{
	background-color:#0071BC;
	
}

.canal-municipios .sidebar #block-views-banner-block_34 .view-banner{
	background-color:#8A3878;
	
}


.sidebar #block-views-banner-block_34 .view-banner{
		width:255px;
	height:255px;
}
.sidebar #block-views-banner-block_34 .view-banner .views-field-field-imagem-banner-fid{
   margin-bottom: 15px;
    padding-top: 45px;
    text-align: center;
	margin-left:23px;
	 
	
}
.sidebar #block-views-banner-block_34 .view-banner img{
	  border-radius: 80px;
	    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
	margin-left:-23px;
	margin-top:0;

	  
}

  



.sidebar #block-views-banner-block_34 .view-banner .views-field-title{
	color: #ffffff;
    font-size: 2em;
    height: 70px;
    line-height: 23px;
    margin-top: -14px;
    overflow: hidden;
    text-align: center;
}

.sidebar #block-views-banner-block_34 .view-header .icone-banner {
  background-image:url(../images/icone_banner.png);
  background-repeat:no-repeat;
  width:31px;
  height:31px;
  position:relative;
  top:14px;
  left:142px;
  
  }
  
  .sidebar #block-views-banner-block_34 .view-banner .view-content{
 
margin-top:-54px;
  
  }



#block-views-banner-block_35 .views-field-title{

position:relative;
margin-top:-44px;
width: 255px;
z-index:5;
color:#FFF;
   
	
	
}

#block-views-banner-block_35 .views-field-title .metabloco-background-color-alpha-08{

	height:40px;
	padding-left:5px;
	overflow:hidden;
	
}

#block-views-banner-block_35 .views-field-field-imagem-banner-fid{

width:255px;
	
}



.region-sidebar-second  #block-block-12 .accordion{
	width:255px;
	
}

/*-------------- COMPONENTE CARROSEL -----------------*/
.heading-primary {
  font-size:2em;
  padding:2em;
  text-align:center;
}



.accordion dl,
.accordion-list {
   
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:darken(#38cc70, 10%);
     }
}
.accordion dd,
.accordion__panel {
   background-color:#eee;
   font-size:1em;
   line-height:1.5em; 
}
.accordion p {
  padding:1em 2em 1em 2em;
}

.accordion {
    position:relative;
    background-color:#eee;
}

.accordion dd{
margin:0;	
}

.canal-educacao .accordion-title-foto{
	background-image:url(../images/icone_camera_institucional.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-educacao .accordion-title-video{
	background-image:url(../images/icone_videocamera_institucional.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-educacao .accordion-title-documentos{
	background-image:url(../images/icone_doc_institucional.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-escolas .accordion-title-foto{
	background-image:url(../images/icone_camera_escolas.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-escolas .accordion-title-video{
	background-image:url(../images/icone_videocamera_escolas.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-escolas .accordion-title-documentos{
	background-image:url(../images/icone_doc_escolas.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}

.canal-educadores .accordion-title-foto{
	background-image:url(../images/icone_camera_educadores.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-educadores .accordion-title-video{
	background-image:url(../images/icone_videocamera_educadores.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-educadores .accordion-title-documentos{
	background-image:url(../images/icone_doc_educadores.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}

.canal-estudantes .accordion-title-foto{
	background-image:url(../images/icone_camera_estudantes.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-estudantes .accordion-title-video{
	background-image:url(../images/icone_videocamera_estudantes.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-estudantes .accordion-title-documentos{
	background-image:url(../images/icone_doc_estudantes.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}

.canal-institucional .accordion-title-foto{
	background-image:url(../images/icone_camera_institucional.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-institucional .accordion-title-video{
	background-image:url(../images/icone_videocamera_institucional.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-institucional .accordion-title-documentos{
	background-image:url(../images/icone_doc_institucional.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}

.canal-municipios .accordion-title-foto{
	background-image:url(../images/icone_camera_municipios.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-municipios .accordion-title-video{
	background-image:url(../images/icone_videocamera_municipios.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}

.canal-municipios .accordion-title-documentos{
	background-image:url(../images/icone_doc_municipios.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}


.region-sidebar-second .accordion .view-midias-fotos .view-content{
	padding-left:36px;
	padding-top:5px;
}

.region-sidebar-second .accordion .view-midias-fotos .views-row{
	float:left;
}


.region-sidebar-second .accordion .view-midias-fotos .views-row.views-row-even{
	margin-left:40px;
}

.region-sidebar-second .accordion .view-midias-videos .view-content{
	padding-top:5px;
}

.region-sidebar-second .accordion .view-midias-videos .view-content .views-row{
	width:250px;
	margin-left:5px;
}

.region-sidebar-second .accordion .view-midias-videos .view-content .views-field-field-arquivo-video-externo-embed{
float:left;	
margin-right:5px;
}

.region-sidebar-second .accordion .view-midias-videos .view-content .views-field-title{
float:left;	
width:98px;
}

.region-sidebar-second .accordion .view-midias-videos .view-content .views-field-title a{
color:#333;
}





.container {
  max-width:960px;
  margin:0 auto;
  padding:2em 0 2em 0;
}

.accordionTitle {
	
	font-size:20px;
	padding-top:23px;
}




.accordionTitle,
.accordion__Heading {
 font-size:18px;
   text-align:center;
     
          padding: 34px 0 27px 110px;
          display:block;
          text-decoration:none;
          color:#5D5D5D;
		  background-color:#E6E6E6;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#38cc70, 5%);
  &:before {
   content: "+";
   font-size:1.5em;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }
  &:hover {
    background-color:darken(#38cc70, 10%);
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}

.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
   /* 
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }
    */
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}

#block-block-12 .accordion dt, /* bloco em homologação*/
#block-educacaocustom-9 .accordion dt/* bloco em producao*/

{
	
border-bottom:3px solid #FFF;	
}



@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}