html{scroll-behavior: smooth;}

body{background-color:#fbfbfb; font-family: 'Georama', 'Roboto', Arial, sans-serif; color: #111111; font-size: 18px;}
/*'MuseoModerno', Arial, cursive;*/

a {
    text-decoration: none;
}

#header-area{
	background: rgb(145,44,241);
	background: -moz-linear-gradient(358deg, rgba(145,44,241,1) 0%, rgba(243,52,97,1) 75%);
	background: -webkit-linear-gradient(358deg, rgba(145,44,241,1) 0%, rgba(243,52,97,1) 75%);
	background: linear-gradient(358deg, rgba(145,44,241,1) 0%, rgba(243,52,97,1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#912cf1",endColorstr="#f33461",GradientType=1);

}

/*#header-area{background-color:#fa5b74}*/
#header-area header .nav, #header-area .nav, #header-area .navbar-nav{margin-top: 0.7rem!important;}
#header-area header .nav-link, #header-area .nav-link{color: #FFF; font-size: 16px; font-weight: 500; padding: 0.5rem 1rem;}
#header-area header .nav-link.active, #header-area .nav-link.active{color:#912cf1;background-color: #FFF;}
#header-area .navbar{padding-top: 1rem!important; padding-bottom: 1rem!important;}

.rounded-5{border-radius: 0.5rem!important;}

.lista h3, .lista .slide-item div{
    /*background: #fff;
    color: #3498db;*/
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}

#galeria .lista .slide-item div{background-color: #fff;}

.lista .slide-item div img{display:block;margin:0 auto;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'MuseoModerno', Tahoma, Arial
}

h3{font-size: 18px; font-weight: 600; color: #912cf1;}

h1:after {
    background-color: #9e0bf8;
    margin-top: 12px;
    display: block;
    content: '';
    height: 4px;
    width: 50px;
}

h2:after {
    background-color: #9e0bf8;
    margin-top: 12px;
    display: block;
    content: '';
    height: 4px;
    width: 50px;
}

p {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.125rem;
}

/* ============ colors ============ */

.bg-purple{background-color: #912cf1 !important;}
.bg-rose{background-color: #c600d2 !important;}
.bg-pink{background-color: #fb5b73 !important;}
.bg-grey{background-color: #f5f6fa !important;}
.bg-gray{background-color: #f8f9fa !important;}

.color-purple{color:#912cf1 !important;}
.color-white{color:#FFF !important;}
.color-dark{color:#212529 !important;}
.color-whatsapp{color:#2db742 !important;}


/*.shadow{box-shadow: 0 10px 45px rgb(0 0 0 / 10%) !important; transition: all ease-in .3s !important;}*/

.shadow{
-webkit-box-shadow: 0px 15px 27px -6px rgba(0,0,0,0.07) !important;; 
box-shadow: 0px 15px 27px -6px rgba(0,0,0,0.07) !important;
transition: all ease-in .3s !important;
}

.cover {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.cover-info{
    padding: 45px;
    width: 500px;
    margin: 0 auto;
    min-height: 530px;
}

.cover-info p{ text-align: justify; }

.cover-info {
    width: 100% !important;
}


.title{
	font-size: 30px;
	font-weight: bold;
	font-family: 'MuseoModerno', Tahoma, Arial;
   color: #212529;
}


.title:after {
    background-color: #9e0bf8;
    margin-top: 24px;
    display: block;
    content: '';
    height: 3px;
    width: 50px;
}

.title-white{
	font-family: 'MuseoModerno', Tahoma, Arial;
    color: #FFF;
}


.title-white:after {
    background-color: #FFF;
    /* background-color: #ee7c00; */
    margin-top: 24px;
    display: block;
    content: '';
    height: 3px;
    width: 50px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.midia-title{
	font-size: 16px;
    font-weight: bold;
	font-family: 'Roboto', Tahoma, Arial;
}

.title-white{
	font-size: 30px;
	font-weight: bold;
	font-family: 'MuseoModerno', Tahoma, Arial;
    color: #FFF;
}

.title-white:after {
    background-color: #FFF;
    /* background-color: #ee7c00; */
    margin-top: 24px;
    display: block;
    content: '';
    height: 3px;
    width: 50px;
}


.btn-custom {
    border-radius: 30px;
    padding: 15px;
    width: 165px;
}

.strong-gray{
    font-weight: bold;
    color: #424242;
}

.btn-purple {
    color: white;
    background-color: #912cf1;
    border-color:#912cf1;
  }
  
  .btn-purple:hover {
    color: #faf5ff;
    background-color: #912cf1;
    border-color:  #912cf1;
  }


  .btn-outline-purple {
    border-radius: 30px;
    color: #912cf1;
    border-color: #912cf1;
  }
  .btn-outline-purple:hover {
    border-radius: 30px;
    color: #fff;
    background-color: #912cf1;
    border-color: #912cf1;
  }

 .btn-custom2{ border-radius: 30px; font-size: 15px; padding: 7px 20px !important; }

.img_radius{
    border-radius: 10px;
}

.missao{
	float: left;
	width: 100%;
}

.midia--white{
	font-size: 16px;
    font-weight: bold;
	font-family: 'Roboto', Tahoma, Arial;
}

#midia figure {
    border: 1px solid #e4e4e7;
    border-radius: 10px;
}

#midia .cover-image {
    height: 200px;
}

#midia figcaption {
    padding: 10px 40px;
}

#midia figcaption{
    display: block;
    background-color: #FFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	color: #111;
    padding: 25px 22px;
    height: 390px !important;	
}

#midia figure img{
    border-radius: 10px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.h-full {
    height: 100%;
}
.w-full {
    width: 100%;
}

.object-cover {
    object-fit: cover;
}


@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%;
    }
    
    .h-full{height: 100%;}
    .w-full {width: 100%;}
    .object-cover{object-fit: cover;}
    
    
    .col-padding{padding: 80px 60px !important;}
    
    .copyright, small{font-size: 14px;}
    
    .slide-item a, #galeria .lista a{position: absolute; height: 100%; width: 100%; top: 0; left: 0px; z-index: 999;}
}

#logo{ transition: max-height .3s ease; max-height: 47px; width: 160px; }
.min #logo{ max-height: 36px; top: -17px !important; }


@media (max-width: 575.98px){
	.slick-next{right: -24px;}
	.slick-prev{left: -23px;}
	footer img{display: block; margin: 0 auto;}
	#header-area header .nav-link.active, #header-area .nav-link.active{text-align: center; margin-left: 0 !important;}
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #14f178 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */



/* ============ dropdown menu  ============ */

#header #menu .dropdown-menu{
	min-width: 18rem;
	border: 0;
	border-radius: 12px;
	border-top-left-radius: 0;
	/*border-top-right-radius: 0;*/
	-webkit-filter: drop-shadow(6px 6px 5px rgba(0,0,0,.05));
    filter: drop-shadow(6px 6px 5px rgba(0,0,0,.05));	
	top: 62px;
}

#header.min #menu .dropdown-menu{	
	top: 50px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem 1rem;
	font-weight: 600;
	color: #8a2df8;
	color: #a85fff;
}

.dropdown-menu-full ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.dropdown-item:not(:disabled):not(.disabled).active, .dropdown-item:not(:disabled):not(.disabled):active{
	background: #8a2df8 !important; color: #FFF !important;
}

.dropdown-item:hover{background-color: #f8f0fd !important;}

/* ============ dropdown menu .end//============ */


/* ============ card div missao ============ */

.profile-card-4 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
}

.profile-card-4 img {
    transition: all 0.25s linear;
}

.profile-card-4 .profile-content {
    position: relative;
    padding: 0 15px;
    background-color: #FFF;
    min-height: 390px;
}

.profile-card-4 .profile-name {
    font-weight: bold;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -110px;
    color: #FFF;
    font-size: 17px;
}

.profile-card-4 .profile-name p {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1.5px;
}

.profile-card-4 .profile-description {
    color: #777;
    padding: 5px;
    text-align: left;
}

.profile-description p {
    font-size: .875rem;
}

.profile-card-4 .profile-overview {
    padding: 15px 0px;
}

.profile-card-4 .profile-overview p {
    font-size: 10px;
    font-weight: 600;
    color: #777;
}

.profile-card-4 .profile-overview h4 {
    color: #273751;
    font-weight: bold;
}

.profile-card-4 .profile-content::before {
    content: "";
    position: absolute;
    height: 20px;
    top: -10px;
    left: 0px;
    right: 0px;
    background-color: #FFF;
    z-index: 0;
    transform: skewY(3deg);
}

.profile-card-4:hover img {
    transform: rotate(5deg) scale(1.1, 1.1);
    filter: brightness(110%);
}

/* ============ card missao .end//============ */


/*.shadow{
    box-shadow: 0 10px 45px rgb(0 0 0 / 10%) !important;
    transition: all ease-in .3s !important;
}*/

/* ============ resultados natal solidario ============ */

#donations figure {
    border: 1px solid #e4e4e7;
    border-radius: 1.5rem;
}

#donations .cover-image {
    height: 200px;
}

#donations figcaption {
    padding: 10px 40px;
}

#donations figcaption{
    display: block;
    background-color: #FFF;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
	color: #111;
    padding: 25px 22px;
    height: 226px !important;	
}

#donations figure img{
    border-radius: 1.5rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#donations .card{
	background: #f3f3f3;
	border-radius: 0;
	border: 0;
}

#donations .card-img-top{
	width: 90px;
	border-radius: 0;
	display: block;
	margin: 0 auto;
}

#results .box{	
	color: #FFF;
	text-align: center;
}

#results .rbg1, #results .rbg2, #results .rbg3, #results .rbg4, #results .rbg5, #results .rbg6 {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#results .rbg1{
	background-image: url('../images/donations-img1.png');
}

#results .rbg2{
	background-image: url('../images/donations-img2.png');
}

#results .rbg3{
	background-image: url('../images/donations-img3.png');
}

#results .rbg4{
	background-image: url('../images/donations-img5.png');
}

#results .rbg5{
	background-image: url('../images/donations-img4.png');
}

#results .rbg6{
	background-image: url('../images/donations-img6.png');
}

#results .rbg7{
	background-image: url('../images/donations-img7.png');
}

#results .rbg8{
	background-image: url('../images/donations-img8.png');
}

#results .col-md-3{ padding: 30px 20px; }

#results h4{ font-size: 30px; }

#results h5{
	font-size: 65px;
	font-weight: 900;
	margin-bottom: 0;
}

#results img{
	width: 72px;
	display: block;
	margin: 0 auto;
}

/* ============ end resultados natal solidario ============ */


#institutions .card{
	border: 0;
	border-radius: 0;
	background-color: transparent;
}

#institutions .card div{
	width: 100%;
	height: 180px;
	border-radius: 12px;
	padding: 30px;
	background-color: #FFF;
}

#institutions .card div img{
	margin: 7% auto;
}


#parceiros .partner-logo, #institutions .institutions-logo{
	border-radius: 8px;
	background-color: #FFF;
	margin-bottom: 30px;
}

#parceiros .partner-logo img, #institutions .institutions-logo img{
	display: block;
	margin: 0 auto;
}


/* bg-image pages*/

.bg-image-natal {
    background: url(../images/familia_natal.png) 0 center no-repeat;
    background-size: cover;
}

.bg-image-pascoa {
    background: url(../images/familia_pascoa.jpg) 0 center no-repeat;
    background-size: cover;
}

.bg-image-pascoa02 {
    background: url(../images/crianca-pascoa.png) 0 center no-repeat;
    background-size: cover;
}

.bg-image-horta-comunitaria {
    background: url(../images/horta-plantio.png) 0 center no-repeat;
    background-size: cover;
}

.bg-image-horta-comunitaria-2 {
    background: url(../images/horta-plantio-2.png) 0 center no-repeat;
    background-size: cover;
}

.bg-image-sustentavel {
    background: url(../images/sustentavel.png) 0 center no-repeat;
    background-size: cover;
}

.bg-image-boleto-sustentavel {
    background: url(../images/boleto-sustentavel.jpg) 0 center no-repeat;
    background-size: cover;
}

.bg-image-premio-smart-customer {
    background: url(../images/premio-smart.png) center no-repeat;
    background-size: cover;
}

.bg-image-social {
    background: url(../images/social.jpeg) center no-repeat;
    background-size: cover;
}

.bg-image-ambiental {
    background: url(../images/ambiental.jpeg) center no-repeat;
    background-size: cover;
}

.bg-image-governanca {
    background: url(../images/governanca.jpeg) center no-repeat;
    background-size: cover;  
}

.radius {
    border-radius: 12px;
}


.container-selection {
    padding: 2em;
  }
  
  .pe-after {
    background-color: #ffeebf;
    padding: 1.5em;
  }
  .pe-after::after {
    content: "Content injected by the ::after pseudo-element.";
    display: block;
    margin-top: 1em;
}

.content-width {
    max-width: 720px;
    margin: 0 auto;
}

.radius-img-right {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}

.radius-img-left {
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

.praticas-slider .box{
    width: 750px;
    height: 270px;
    background: white;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 30px;
    margin: 40px;
}

.home-slider .box {
    max-width: 1030px;
    background: white;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 30px;
    margin: 40px 30px;
}

.home-slider p {
    font-size: 1rem;
}

.home-slider img {
    border-radius: 12px;
}

.rounded-6 {
    border-radius: 24px;
}

.fotorama-container {
    max-width: 600px;
    padding: 0 1em;
    margin: auto;
    position: relative;
}

.ban_d{display: block;}
.ban_m{ display: none; }

.card-home {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border: none;
    
}

.card-home-p {
    font-size: 0.875rem;
    color: #777777;
}

.card-icon {
    transform: translate(35%, -50%) !important;
    width: 48px;
}

.card-hortas {
    background: white;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    border: none;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
}

.card a {
    color: #212529;
}