body {
    background-color: #eaeaea;
}

.search#search-content .title {
    color: #92328b;
    font-family: 'gilroy', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.search#search-content .input-group, .search#search-content .input-group .input-group-text, .search#search-content .input-group .form-control {
    height: 30px;
    color: #7e3b8a;
    font-family: 'gilroy', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.search#search-content .input-group .input-group-text {
    border-radius:  0 25px 25px 0!important;
    background-color: #fff;
    border: none;
}

.search#search-content .input-group .form-control {
    border-radius: 25px 0 0 25px;
    border: 0;
}

.search#search-content .position-fixed{
    position: fixed;
    left: 0;
	right: 0;
    background-color: #eaeaea;
    top: 0;
    z-index: 99;
}


.box-message{
    border-radius: 25px;
    background-color: #fff;
    height: 50px;
    padding: 3px 10px 3px 3px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.box-message .profile-message{
    border-radius: 25px;
    background-color: #fff;
    height: 45px;
    margin: 0 5px 0 0;
    width: 45px;
    flex: none;
    background-image: url(../../img/padrao/girl.jpg);
    background-position: center;
    background-size: cover;
}

.box-message h6 {
    font-size: 14px;
    margin: 0;
    color: #7b3888;
}

.box-message p{
    font-family: 'gilroy','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    font-size: 12px;
    color: #767676;
}

.search#search-content .result-search.seguindo, .search#search-content .result-search.seguidores {
	padding-top: 82px!important;
	padding-left: 0;
	padding-right: 0;
}

.search#search-content .result-search.busca {
	/*padding-top: 130px!important; */
	padding-left: 0;
	padding-right: 0;
    margin-top: 150px;
}

.search#search-content .row-initial {
	margin-left: 0;
	margin-right: 0;
}

.dropdown-menu{
    position: absolute!important;
    top: 50px!important;
    overflow-y: auto!important;
    max-height: 450px;
	width: 100%;
}

.dropdown-search{
    border-bottom: 2px solid #7e3b8a!important;
    border-left: 0px!important;
    border-right: 0!important;
    border-top: none;
    border-radius: 0;
}

.dropdown .dropdown-menu .cityOption:hover{
    transition: 0.5s!important;
    padding-left: 50px!important;
}

.dropdown .dropdown-menu .cityOption{
    transition: 0.5s!important;
}

.search#search-content .result-search.busca.with-lives {
	margin-top: 265px;
}

.div-live-pulse::before {
    content: "LIVE EM ANDAMENTO";
    position: absolute;
    border-radius: 0.3rem!important;
    border: 4px solid #dc3545!important;
    width: 70%;
    /* height: 25%; */
    padding: 0.5rem;
	color: transparent;
	font-size: 1.75rem;
	z-index: 0;
    animation: 1s pulse infinite linear;
	margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

@keyframes pulse {
	0% { opacity: 0; transform: scale(0.9); }
	50% { opacity: 1.5; }
	100% { opacity: 0; transform: scale(1.5); }
}

.carousel-item {
    position: relative;
}

.carousel-item :is(.title.div-blur, .div-live-pulse) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-item .title.div-blur .live-text {
    width: 70%;
    justify-content: center;
    align-items: center;
    display: flex;
}

@media(min-width: 767px){
	.search#search-content .position-fixed{
		left: 47%;
		margin-left: -30%;
        width: 65%;
		top: 0;
        z-index: 9;
	}
    .search#search-content .row-initial {
        margin-top: 100px;
		/* margin-left: 3rem; 
	    margin-right: 3rem; */
    }

    .search#search-content .row-initial:first-child{
        padding-bottom: 1rem;
    }

    .search#search-content .result-search.busca {
		padding-left: 3rem;
		padding-right: 3rem;
        margin-top: 290px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
	
	.search#search-content .result-search.busca.with-lives {
		margin-top: 373px;
	}
	
	.search#search-content .result-search.seguindo, .search#search-content .result-search.seguidores {
        margin-top: 155px!important;
		padding-left: 3rem;
		padding-right: 3rem;
    }
}