/* -----------------------------------
GM5 REWRITE TEMPLATE
----------------------------------- */

/* Navegação */

#site-navigation {z-index: 4;}

a.search-top {
	color: #ffffff;
	cursor: pointer;
	font-size: 21px;
	padding: 5px 12px;
}

a.search-top:hover, a.search-top:focus {
	background-color: #d10911;
}

a.search-top i {font-size: 21px; color: #ffffff;}

/* Lista de Formações */

.listaFormacoes {width: 100%; overflow: hidden; padding-top:40px}
.listaFormacoes .list { width: calc(100% + 20px);}

.listaFormacoes .list .flex-group {display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: hidden; height: 0; opacity: 0; transition:all 400ms ease; position: relative; width: 100%;}
.listaFormacoes .list .flex-group.opened {height: auto; opacity: 1;}

.listaFormacoes .list .list-item {width:33%; padding-right: 20px; position: relative;}
.listaFormacoes .list .list-item .wrapContent {padding:30px 0 100px 0; border-top:1px solid #e3e5dd; position: relative; height: 100%;}
.listaFormacoes .list .list-item .wrapContent:before {content:" "; position: absolute; top: 0; left: 0; width: 140px; height: 2px; background: #a0ce4e;}
.listaFormacoes .list .list-item .wrapContent figure {max-height: 118px; overflow: hidden; margin-bottom: 18px;}
.listaFormacoes .list .list-item .wrapContent figure img {max-width: 210px; height:auto; display:block; margin: 0;}
.listaFormacoes .list .list-item .wrapContent h3 {font-size:16px; line-height: 18px; margin:0; padding:0;}
.listaFormacoes .list .list-item .wrapContent p {font-size: 14px; line-height: 18px; color:#747474; padding:10px 0 0 0; margin:0;}
.listaFormacoes .list .list-item .wrapContent a.btn
{
    position:absolute;
    left:0;
    bottom:26px;
    display: inline-block;
    width: 134px;
    height: 34px;
    line-height: 34px;
    border:1px solid #adc671;
    border-radius: 3px;
    font-size:13px;
    color:#54770f;
    text-align: center;
    text-shadow: 1px 1px #f1f8e2;
    box-shadow:1px 2px 3px rgba(0,0,0,0.1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1e990+0,aad75d+100 */
    background: #d1e990; /* Old browsers */
    background: -moz-linear-gradient(top,  #d1e990 0%, #aad75d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d1e990 0%,#aad75d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d1e990 0%,#aad75d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e990', endColorstr='#aad75d',GradientType=0 ); /* IE6-9 */
    transition:all 400ms ease;
}
.listaFormacoes .list .list-item .wrapContent a:before {content:" "; position: absolute; top: 0; left: 1px; right: 1px; height: 1px; background: #ddefac;}
.listaFormacoes .list .list-item .wrapContent a:hover {box-shadow:0px 0px 10px rgba(0,0,0,0.2); filter:brightness(105%)}

.listaFormacoes .paginacao {text-align: center; padding-top:30px; border-top:1px solid rgba(0,0,0,0.1)}
.listaFormacoes .paginacao a {display: inline-block; height: 40px; line-height: 40px; border-radius: 3px; background-color: #d10911; color: #fff; padding: 0 30px;}

@media screen and (max-width:992px)
{
    .listaFormacoes .list .list-item {width:50%;}
    
}
@media screen and (max-width:567px)
{
    .listaFormacoes .list {width:100%;}
    .listaFormacoes .list .list-item {width:100%; padding-right:0;}
    .listaFormacoes .list .list-item .wrapContent figure {max-height: inherit;}
    .listaFormacoes .list .list-item .wrapContent figure img {width: 100%; max-width: inherit;}
    .listaFormacoes .paginacao a {padding:0; text-align: center; width: 100%;}
}

/* BANNERS ROTATIVOS */

.displayBannersRotativos {width: 100%; display: flex; justify-content: center;}
.displayBannersRotativos .swiper-container {width: 100%; max-width:300px}
.displayBannersRotativos .swiper-container img {width: 100%; height: auto;}

/* Banner Cabeçalho */

 #banner_rotativo_widget_3-2 h3 {display: none;}

.displayBannersRotativos.display3 .swiper-container {max-width:728px}

@media screen and (max-width:1024px)
{
    #header-right-section {max-width: 660px;}
    .displayBannersRotativos.display3 .swiper-container {max-width:660px}
}
@media screen and (max-width:992px)
{
    #header-right-section {max-width: 728px;}
    .displayBannersRotativos.display3 .swiper-container {max-width:728px}
}