/* Firefox */
@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: light;
	}
}

  /* Chrome */
@media (forced-colors: active) {
	:root {
		color-scheme: light;
	}
}

:root {
	color-scheme: only light;
}

.br { display: inherit; }

@media screen and (max-width: 736px) {
	.br { display: none; }
}

ul.nobullet {
	list-style-type: none;
/* 	padding: 0; */
}

ul.first-letter-larger > li::first-letter {
/* 	color: Yellow; */
	font-size: larger;
}

/* Para forcar que  vídeo seja carregado independentemente do viwport (display) */
@media screen and (max-width: 1280px) {
    #banner video { display: inline; }
}

/* A classe que contem todas a secções */
@media screen and (max-width: 1280px) {
	.wrapper {
		padding-top: 3.6rem;
		padding-bottom: 1.5rem;
	}
}
@media screen and (max-width: 736px) {
	.wrapper {
		padding-top: 3rem;
		padding-bottom: 1.5rem;
	}
}
@media screen and (max-width: 480px) {
	.wrapper {
		padding-top: 2rem;
		padding-bottom: 0.1rem;
	}
}


/* O header das secções (Sobre nós, Matérias) */
header.special h2 {
	padding-top: 1rem;
}

header.special p {
    max-width: 90%;		/* 75%		Para que o texto ocupe mais largura */
}

/* Vários estilos das fotos  */
.testimonials .content .author .image {
	margin-right: auto;	/* 2rem		Para eliminar um margem que existe */
	width: inherit;		/* 20%		Para aumenter o tamanho das fotos */
}

/* Para centrar as fotos */
.testimonials .content .author .image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.testimonials .content .author .image img {
	max-width: 100%;
}

@media screen and (max-width: 1680px) {
.testimonials .content .author .image { max-width: 100%; }
}
@media screen and (max-width: 980px) {
.testimonials .content .author .image { max-width: 75%; } 
}
@media screen and (max-width: 480px) {
.testimonials .content .author .image { max-width: 50%; }
}


/* .credit originalmente era para o credito (nome) do testemunho */
/* para nós é o nome do tutor */
.testimonials .content .credit {
    font-size: inherit;		/* 0.75rem	A letra estava diminuída */
	text-align: center;
	margin-bottom: 0.5rem;	/* Para diminuir o margem que parece ser 1rem */
}

.testimonials .content .author {
	margin-bottom: 1em;		/* Para dar separação entre a foto e o nome */
}

.testimonials .content {
	padding: 2rem 2rem;		/* Originalmente 3rem */
}

/* Para alinhar a lista de matérias à esquerda */
.highlights .content ul { text-align: left; }


/* Temos que ajustar o copyright porque fica mal após termos ocultado o conteúdo acima dele */
#footer { padding: 0}		/* 8rem 0 6rem 0 */

#footer .copyright {
	border-top: none;
	padding-bottom: 0.1rem;
}

#footer a { text-decoration: underline; }