/* Correcções mobile */
body {
	min-width: 320px;
}

/* Caixa de pesquisa */
input#big-search-box {
	color: #000;
}

/* Remove border de topo */
.main-wrapper, .header-wrapper.navbar-fixed {
	border: 0;
}

/* Remove border do header e menu */
.header-top-menu, .header-wrapper-floating.menu-style-version1 .main-menu {
	border: 0;
}

/* Frase do menu e logotipo Astellas */
.top-menu-blog-description {
	color: #693f91 !important;
	letter-spacing: 1px !important;
}
.top-menu-blog-description a {
	color: #693f91 !important;
}
.top-menu-blog-description:before {
	display: inline-block;
	content: '';
	background-image: url('../images/logo-astellas.png');
	width: 84px;
	height: 31px;
	margin: 0 10px -8px 0;
}

/* Menu */
.menu-style-version1 .main-menu > li + li {
	margin-left: 35px;
}

.navbar-fixed .header {
	background-color: #ffc61e;
}
.navbar-fixed .main-menu a {
	color: #000;
}
.navbar-fixed #menu-search-button a {
	color: #000;
}

/* Menu lateral - Mobile */
.puravida-side-menu {
	background-color: #ffc61e;
}
.puravida-side-menu .menu-item a {
	color: #000;
}
.puravida-side-menu input[type="text"] {
	border: 2px solid #000;
}


/* Bullets a separar opções de menu */
.menu-style-version1 .main-menu > li > a::before {
	content: '•';
	font-size: 22px;
	color: #ffc61e !important;
	margin-right: -25px;
}


/* Cartões */
.card-image {
	width: 100%;
	height: auto;
}
.card-category {
	font-size: 14px !important;
}
.card-title {
	font-size: 16px !important;
}

/* CTA */
.call-to-action {
	padding: 80px 40px;
	text-align: center;
	background-color: #713689;
	font-family: 'Droid Serif', serif;
	font-size: 20px;
	font-weight: bold;
}
.call-to-action .button {
	display: block;
	border: 2px solid #fff;
	color: #fff;
	font-family: 'Open Sans', serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 5px;
	margin-top: 30px;
}

/* CTA Homepage */
.homepage-cta .call-to-action {
	height: 100%;
	min-height: 100%;
}
.homepage-cta::before {
	display: none;
}

/* Banner Homepage */
.banner-homepage {
	padding: 40px 15px;
	text-align: center;
	background-color: #ffc832;
	font-family: 'Droid Serif', serif;
	font-size: 20px;
	font-weight: bold;
}
.banner-homepage .button {
	display: inline-block;
	border: 2px solid #fff;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 50px;
	margin-left: 20px;
}


/* Etapas */
.etapas h3 {
	text-align: center;
	font-family: "Droid Serif", serif;
	font-size: 20px;
	font-weight: bold;
	margin: 60px 0;
}
.etapas .box {
	display: block;
	text-align: center;
	background-color: #f9f9f9;
	color: #808080;
	font-size: 14px;
	margin: 0 10px;
	padding: 20px;
	min-height: 240px;
}
.etapas .box h4 {
	text-align: center;
	font-size: 15px;
	margin: 10px 0;
}


/* Post */
.post-inner {
	padding-bottom: 0;
}


/* Artigos relacionados */
.related-articles .title {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 1.2rem;
}


/* Widget de especialista */
.puravida-specialist .specialist-image {
	margin: 0 auto;
	display: inherit;
	border-radius: 50%;
}
.puravida-specialist .specialist-desc {
	text-align: center;
	margin-top:20px;
}


/* Botão ver mais */
.load-more-posts {
	width: 100%;
	text-align: center;
}
.load-more-posts .puravida-post-read-more {
	cursor: pointer;
}
.load-more-posts-error {
	display: none;
	padding: 5px 20px;
	border-left: 3px solid #e6a120;
	color: #333;
	font-size: 14px;
}


/* Spinner */
.spinner {
	position: relative;
	margin-top: 20px;
	opacity: 0;
}

.whirlpool,
.whirlpool::before,
.whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(255,255,255);
	border-left-color: rgb(113,54,137);
	border-radius: 599px;
}

.whirlpool {
	margin: -15px 0 0 -15px;
	height: 30px;
	width: 30px;
	animation: rotate 1450ms linear infinite;
}

.whirlpool::before {
	content: "";
	margin: -14px 0 0 -14px;
	height: 26px;
	width: 26px;
	animation: rotate 1450ms linear infinite;
}

.whirlpool::after {
	content: "";
	margin: -17px 0 0 -17px;
	height: 34px;
	width: 34px;
	animation: rotate 2900ms linear infinite;
}



@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}



/* Powered by */
.powered-by {
	margin-top: 10px;
}

/* Footer */
.footer {
	padding: 0 !important;
}
.credits.section {
	display: none;
}
.zinc-code-container p {
	display: none;
}
.zinc-code {
	float: right;
	color: #919396;
	font-size: 11px;
	padding-top: 25px;
}

/* Desktop */
@media all and (min-width: 1024px) {

	/* Logotipo */
	.menu-style-version1 #main-logo {
		position: absolute;
		left: 0;
		margin: 0;
		padding-top: 25px;
		background-color: #ffc61e;
		width: 100vw;
		height: 144px;
	}

	/* Menu principal */
	.header-wrapper-floating.menu-style-version1 .main-menu {
		margin-top: 144px; /* Altura do cabeçalho */
	}

}


@media all and (max-width: 480px) {
	.search-title-mobile {
		font-size: 28px !important;
	}
	.search-title-mobile-wrapper {
		padding: 20px 10px;
		margin-bottom: 20px;
	}
}