/**  
    * @author Emerson Bruno 
*/

:root{
	--orange-cuidar: #FF6600;
	--green-cuidar: #00C3BA;
	--blue-cuidar: #3A65B0;
	--yellow-cuidar: #FFBA15;
	--purple-cuidar: #802CA3;
	--cyan-cuidar: #00b2b2;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamBook.eot');
	src: local('GothamBook'), url('../fonts/gotham/GothamBook.woff') format('woff'), url('../fonts/gotham/GothamBook.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamLight.eot');
	src: local('GothamLight'), url('../fonts/gotham/GothamLight.woff') format('woff'), url('../fonts/gotham/GothamLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/gothambold1.eot');
	src: local('GothamBold'), url('../fonts/gotham/gothambold1.woff') format('woff'), url('../fonts/gotham/gothambold1.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: local('GothamBlack');
	src: url('../fonts/gotham/GothamBlack.otf');
    font-weight: 900;
    font-style: normal;
}

main{
	overflow-x:hidden;
	width: 100%;
}
*{
	font-family: 'Gotham'
}
h1,h2,h3,h4{
	font-weight: 600
}
.font-weight-600{
	font-weight: 600;
}
p{
	line-height: 1.7em;
}
.extra{
	font-size: 1.3em;
}
.text-negrito{
	font-weight: 600;
}
.bg-alternado .card{
	background: #2777bc;
	background: linear-gradient(120deg, var(--orange-cuidar) 50%, #2777bc 50%);
	background-size: 260%!important;  
	background-position: 100%!important;
	/* bg */
     -webkit-transition: background .3s ease-in-out;  
    -moz-transition: background .3s ease-in-out;  
    -o-transition: background .3s ease-in-out;  
    transition: background .3s ease-in-out; 
}
.bg-alternado:nth-child(even) .card{
	background: #275199;
	background: linear-gradient(120deg, var(--orange-cuidar) 50%, #275199 50%);
}
.bg-alternado:hover .card,.bg-alternado:nth-child(even):hover .card{
	background-position:0!important;
}
.btn-fullround{
	border-radius: 15em;
}
#scr{
	background: #fbfbfb;
}
#scr #contentnav ul li > a{
	color: var(--purple-cuidar);
	font-weight: 600;
}
#scr #contentnav ul li.nav-item.show > a, #scr #contentnav ul li > a.active{
	background: var(--purple-cuidar);
	color: white;
}
#scr #contentnav ul li > .dropdown-menu.show a:hover{
	background: var(--cyan-cuidar);
	color: white;
}
#cuidar_colaboradores{
	background: url('../images/background_formas.png'),var(--purple-cuidar);
	background-position: center 65%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 95%;
}
#referencias{
	background: var(--purple-cuidar);
}
#cuidar_fisico {
	background: var(--orange-cuidar);
}
#projetos_pilotos{
	background: var(--cyan-cuidar);
}
#sugestoes {
	background: var(--blue-cuidar);
}
#saude_espiritualidade{
	background: var(--yellow-cuidar);
}
#como_participar{
	background: white;
	color:black;
}
#cuidar_colaboradores .carousel-indicators li{
	border-radius: 50%;
	width: 7px;
	height: 7px;
	margin-left: 7px;
	margin-right: 7px;
}
#cuidar_colaboradores .elipsis i{
	font-size: .5em;
	margin-left: .4em;
	margin-right: .4em;
}
.with-span {
	font-size: 2em
}
.with-span span{
	background: var(--cyan-cuidar);
	color: white;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: .2em;
	padding-bottom: .2em;
}
#referencias .card-footer p, #referencias a{
	color: var(--purple-cuidar);
	font-weight: 600;
	line-height: 1.3em;
	text-decoration: none;
}
#referencias .card:hover .card-footer p,#referencias .card:hover .card-footer a{
	color: #5C1878;
}
#referencias .card-footer{
	padding-top: 0;
	background: transparent;
	border: 0;
}
#referencias .card{
	background: linear-gradient(120deg, #DDDDDD 50%, white 50%);
	background-size: 250%!important;  
	background-position: 100%!important;
	/* bg */
     -webkit-transition: background .3s ease-in-out;  
    -moz-transition: background .3s ease-in-out;  
    -o-transition: background .3s ease-in-out;  
    transition: background .3s ease-in-out; 
}
#referencias .card:hover{
	background-position: 0!important;
}
#cuidar_fisico .conteudo-esquerdo h4 + p{
	text-align: justify;
}

#cuidar_fisico .conteudo-esquerdo .list-group-item{
	font-weight: 600;
	background: transparent;
	border-color:white;
	border-width: 2px;
	border-radius: 0!important;
}
#cuidar_fisico .conteudo-esquerdo .list-group-item+.list-group-item{
	border-top-width: 0;
}
#cuidar_fisico .card-footer{
	background: transparent;
	border:0;
}
.play-button, .play-button-custom{
	cursor: pointer;
}
.play-button div:after, .play-button-custom:not(.no-play) div:after {
    content: '\f144';
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    color: white;
    opacity: .5;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-53%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 999;
    font-size: 6em;
    filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));
    cursor: pointer;
}
.play-button div{
	position: relative;
}
.play-button:not(.no-text) div,.play-button-custom:not(.no-text) div{
	position: relative;
}
.play-button:not(.no-text) div:before, .play-button-custom:not(.no-text) div:before {
	content: attr(data-text);
	position: absolute;
	padding: 7px 10px;
	text-decoration: none;
	color:white;
	font-weight: 600;
}
.play-button-custom:not(.no-text) div:before{
	bottom: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2em;
    filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));
    width: 100%;
    text-align: center;
}
.play-button:not(.no-text) div:before{
	background: linear-gradient(120deg, var(--purple-cuidar) 50%, var(--cyan-cuidar) 50%);
	background-size: 220%;  
	background-position: 100%;
	bottom: 13%;
	left: -25px;
	font-size: 1.5em;
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    
    /* bg */
    -webkit-transition: background .3s ease-in-out;  
    -moz-transition: background .3s ease-in-out;  
    -o-transition: background .3s ease-in-out;  
    transition: background .3s ease-in-out;  
	
}
.play-button:not(.no-text):hover > div:before{
	background-position:0;
	
}
.play-button:hover > div:after,.play-button-custom:not(.no-play):hover  > div:after {
    color: var(--cyan-cuidar);
    opacity: 1;
}
.play-button-custom:not(.no-play):hover > div:after {
	color: var(--orange-cuidar);
}
.com-legenda{
	position: relative;
}
.com-legenda .legenda{
	position: absolute;
	top: 105%;
	left: 50%;
    transform: translate(-50%,-50%);
    padding: .6em;
    background: linear-gradient(120deg, var(--purple-cuidar) 50%, var(--cyan-cuidar) 50%);
	background-size: 220%;  
	background-position: 100%;
	/* bg */
     -webkit-transition: background .3s ease-in-out;  
    -moz-transition: background .3s ease-in-out;  
    -o-transition: background .3s ease-in-out;  
    transition: background .3s ease-in-out; 

    width: 82%;
}
.com-legenda .legenda p{
	font-size: .8em;
	margin-bottom: 0;
}
.com-legenda .legenda h5{
	font-weight: 600;
	margin-bottom: 3px;

}
.com-legenda:hover .legenda{
	background-position:0;
	 
}
.cards-alternados .bg-alternado a{
	color:white;
	text-decoration: none;
}
.cards-alternados .card h5{
	font-size: 1.1em;
}

.carousel-control-prev.seta-esquerda{
	opacity: 1;
}
.carousel-control-next.seta-direita{
	opacity: 1;
}

a[class*="seta-"]:hover{
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5));
}
img.seta-direita{
	transform: rotate(180deg)
}

#sugestoes .card, #sugestoes .card a:not(.btn), .fix-sug {
	color: var(--blue-cuidar)!important;
}

#saude_espiritualidade .card{
	background: transparent;
	border-color: black;
	border-width: 1px;
	color: black;
}
#saude_espiritualidade,#saude_espiritualidade .card a {
	color: black;
	text-decoration: none
}
#saude_espiritualidade .card-title{
	font-weight: 600;
	text-transform: uppercase;
}
#saude_espiritualidade .card .card-footer{
	background: transparent;
}
#saude_espiritualidade .card-footer .btn{
	font-weight: 600;
}
.btn-outline-black {
	color: black;
    border-color: black;
}
.btn-outline-black:hover, .btn-outline-black.hover{
	color: #fff!important;
    background-color: black;
    border-color: black;
}
.btn-outline-black:focus, .btn-outline-black.focus{
	color: #fff!important;
    background-color: #212121;
    border-color: #212121;
}
.btn-outline-black:not(:disabled):not(.disabled).active, .btn-outline-black:not(:disabled):not(.disabled):active, .show>.btn-outline-black.dropdown-toggle {
    color: #fff!important;
    background-color: #151515;
    border-color: #151515;
}
.inverter-cor{
	filter: invert(100%);
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
}
.aviso_corrente{
	background: var(--purple-cuidar);
}
#scrollUp {
    bottom: 45px;
    right: 45px;
    padding: 3px 10px 4px 10px;
    background: white;
    color: #936cc1;
    font-size: 1.5em!important;
    border-radius: 50%;
    border: 1px solid rgba(147, 108, 193,.1);
}
.apres-ana{
	background: var(--cyan-cuidar);
}
.apres-ana a{
	color:inherit;
	text-decoration: none;
}

.apres-ana h2{
	font-size: 2.1em;
}
.apres-ana h2 + p{
	font-size: 1.2em;
	line-height: 1.2em;
}
.lista-not{
	padding-right: 15px;
	padding-left: 15px;
}
.lista-not p{
	line-height: 1.2em;
}
.lista-not li{
	border: 1px solid white;
	padding: .5em;
}
.lista-not li a:not(.btn){
	display: contents;
	color:inherit;
	text-decoration: none;
}
.lista-not li img{
	max-width: 150px;
}
.lista-not li .media-body{
	display: flex;
	flex-direction: column;
	align-self: center;

}
#lanches_fotos img,#receitas_slide img{
	cursor: pointer!important;
}
#lanches_fotos.flexslider,#receitas_slide.flexslider{
	border:0!important;
	background: transparent!important;
}
#lanches_fotos .flex-direction-nav a, #receitas_slide .flex-direction-nav a{
	color: rgba(253, 185, 19, 1)!important;
	line-height: 4em;
}
#lanches_fotos .flex-direction-nav a:before, #receitas_slide .flex-direction-nav a:before{
	color: rgba(253, 185, 19, 1)!important;
	text-shadow: none;
}
.flexslider:hover .flex-direction-nav .flex-prev,.flexslider .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{
	left:20px!important;
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next,.flexslider .flex-direction-nav .flex-next, .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px!important;
}

.flex-direction-nav a:before{
	font-size: 60px;
}
.flex-direction-nav a{
	width: 60px;
	height: 60px;
}

#especialistas_dicas .card-img-overlay, .especialistas_dicas .card-img-overlay{
	padding: 0;
	display: flex;
}
#especialistas_dicas .card-img-overlay h5, .especialistas_dicas .card-img-overlay h5{
	background: rgba(0,0,0,0.5);
	margin-bottom: 0;
	align-self: flex-end;
	padding: .3em 1.25em;
}

.barra_fixa_inscricao{
	position: fixed; background: #2a2f54; color: #FFF; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; bottom: 0; right: 10%; border-top-left-radius: 1em; border-top-right-radius: 1em; z-index: 999;
}
.barra_fixa_inscricao a{
	border: 4px solid #FFF; color: #FFF; border-radius: 2em;
}

@media screen and (max-width: 991px){
	.w-sm-100{
		width: 100%!important;
	}
}

@media screen and (max-width: 658px){
	.apres-ana h2{
		font-size: 1.5em;
	}
	.apres-ana h2 + p{
		font-size: .9em;
	}
}
@media screen and (min-width: 768px) and (max-width: 867px){
	.apres-ana h2{
		font-size: 1.8em;
	}
	.apres-ana h2 + p{
		font-size: 1em;
	}
}
@media screen and (max-width: 575px){
	#projetos_pilotos .card-group .col-6{
		width: 100%!important;
		max-width: 100%!important;
		flex: 0 0 100%;
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.com-legenda .legenda{
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		width: 100%;
		transform: unset;
		top:unset;
	}
	.barra_fixa_inscricao{
	    padding-top: .3em;
	    padding-bottom: .3em;
	    padding-left: .3em;
	    padding-right: .3em;
	    right: unset!important;
	    left: 5%;
	    border-top-left-radius: .5em;
	    border-top-right-radius: .5em;
	}
	.barra_fixa_inscricao a{
		border-width: 1px;
		font-size: .9em;
	}
}
@media screen and (max-width: 390px){
	.com-legenda .legenda{
		position: relative;
	}
}