/*
 * Página Inicial
 */

:root {
	--b8-color-primary: #000000;
	--b8-color-primary-light: #bdcbcc;
	--b8-color-secondary: #537375;
	--b8-color-secondary-light: #8B0000;
	--b8-color-thirdary: #f2e30f;
}

body {
	font-family: 'Helvetica', 'Arial', sans-serif;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAGfElEQVR4nI2bUXLiMBAFdZbgXGBD7n+07Jcpueke80EBxpJGb95rpVh2ff37+juex589P34el+fjefw9fh6Xz4/n8Xp/3nPed17bP9vn5H3ne362z8+aWDdr3K9znuN5/K29wHNxK5wTVXGcg6/3zdX7fY79nn0Tj5/H3/fv99s1irzPtYtzXl/WYS5MJc0N7A6F5ObMDSYE1+M1E9lq4Hrn82I3WWBtmK/N0izYuswO3VnWGlaxNKfSXWva/CcFmyB7ASzGOno3tzHJ5rbolLtOYdeUt8p9WYxd40aNCxavyrzluu5lQ03QlwDcEGFhAyvP7PBkYQpSALu730Q2gJvbFi/cZZ4O4bjv32/dcDmIwk2u4XUTqO6ji18CTJtjdkzRKS5labMjx5UgjN3krCnG5+t1lzcWS7EMfpY9szHdY0LbextTrrSm7DWux8/1D4qJ3rSXCXRn7+rO1OkSoWJQ/LG4L6pSQKs8G6yqA9yQccfsbPNNJ9EUV15fVjw7RtuYIwx8zBuLK1eZsJ9EtQTmtQsE+UHZuKxkQGJnTUwTlcKa06rThPWn+1kcaIURXgWVgqDZj0VaHAyYJliJYhxhI5ZtwOxeXS6QsduV0zp1Cq4lnMWqjsv9/eKGqLy5oUBUC5H8JhoFMMcVo9hZ443VcRGANiklzZa1uQIsbcu1pnEVz4kbEwiXKWyTlZKEl3WkbFt5rhoKfJbt799vjSLduWzRUsw2xQnLFdY1c81ZPJti91v0+FyQPGtZzMRU5N2pYLAy8JS7qsMUnLa2Tdtr48fb9wE1wNxRmzJoVeHmEMvwndA8UdggNvPFgALgRFYbU4pbPqvgcgaLLjBOrjTOvQSgNditonVZnlAzMBY77L2BsU6Dgq659Xge178EzT4UwiC3b8g2a12zeawGdrJAXI2pWs/rb1+IFPFpQcKxnGLFUYSpq3ymGNYc676B+AXB43m8vsqyDVeBlikrkHEgIybG2AanGqdG8fH4eVz/EuSizCWLsM+5MRPIomGfk+J8b+wym1fkXhEwqlfWJorbCTHBjbY2oBUILSLmRKtvF2rxwmTdT9S2Irg566J1eb9u91nNpPwUs0sEKISJwSLYLYNMAcogyY4VWCfSl2B0wvn5oorMp9mrFC3Q3cGzAEZg1doU6o4j+2PZpgtytTH73LpIB9g9ZWvr3uQGc49xbZXaxQKDzadWL+Cyk1bHPt6iYPG1U4Bzrn2QdW+ybQlg7rGNWX7NGQY5c4OJbo3b710snHYtq5vi7JK55S6/5b7iELt9B1eusWqwWc46bJPeQY9OsE1Ytwqqd3NO4y+/EbKBzLOBzABH61v+2H2r4y6SNb6ASWEv3wdYZ43YZn2DmNndusS1qsMm8jSea5mb9VdiHPyJzfj6UxKbqNXhGs+NTacBXfAGQRYzZZ9qGjApogG3oGq1TZGcTo/99dspwMWsELO+ZZLF1Hx3pwBBWE2anGjOo5BvP5Ozzk+Zs/HlBnaBNjW7c22uy40ZlCd+XL4VrmOGqhrRTSyzoQGTIpm4rIe1WaRKwH3dZQO4WT4bpSsGLLbWM5DRFeVMZr4iY/UuDrLF706Agg83WzS3vN+tS8eYM2ov+xxvApSFS0Fms3jBDdl85QyOtwhY9uvzvW79rbApVRuoHBsnDEzV0epyNcuEobBs6vE8rgzYN1eKTlY1ik+ZLqpboXfO5JzWMHOFMsC6UbYy29ZnFiET1dY295mtLR527QLBOi444O5YmThgEaHo1UFzhNl7qq3qWfsFo+5E7MqunQyTbQ2YBcO9DnueeGLCjl+Ll9XsWLmz5D6v/StUxYCOKbYYT1iDce7yb4NmLS5gkTAr876pyGIJxS130eITZyiM/lS28j1ZtRQ3cY3mLLiEtJgZaKuBFO7th5JmQ2bXumnCGHzKRbWpMy7nj56MRyUW5+T8X/++3n8mR4sa8Gwic5EVanNPUTBRrFkW1V28qn1RPSOlHS3FjOnEsPmL2vv/PDEeTE6zz7j2+VicmJ2doMIcV0zMupb14kwJb1Ct2JlrXwxglqfC6pkPCmUwMmiawAU2y7pFr1x4PIffCrNLZiETyfJunZpAaHZnPVar2d7G7wIt23jdbLa1TRiJC4LVMcahYmRAPcfsP5e1U+MVATsmitC0uRVR2d/nrk5RbD4K2uWK4sF5/e0fRgwiRvgax3tKoGKGxcZyXiKbGNNe/gOoEIH2tLLU7QAAAABJRU5ErkJggg==");
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

.color-primary { color: var(--b8-color-primary); }
.background-color-primary { background-color: var(--b8-color-primary); }

.color-primary-light { color: var(--b8-color-primary-light); }
.background-color-primary-light { background-color: var(--b8-color-primary-light); }

.color-secondary { color: var(--b8-color-secondary); }
.background-color-secondary { background-color: var(--b8-color-secondary); }

.color-secondary-light { color: var(--b8-color-secondary-light); }
.background-color-secondary-light { background-color: var(--b8-color-secondary-light); }

.color-thirdary { color: var(--b8-color-thirdary); }
.background-color-thirdary { background-color: var(--b8-color-thirdary); }

.header-links {
	color: var(--b8-color-secondary) !important;
	font-family: "Kalam", "Chalkboard", "Comic Sans", script;
}
.header-links:hover {
	color: var(--b8-color-secondary-light) !important;
	font-family: "Kalam", "Chalkboard", "Comic Sans", script;
}
.header-separator {
	height: 5px;
}
.header-main-title {
	padding-top: 25px;
	font-size: 32px;
	font-weight: 900;
	font-family: "Lato", "Helvetica Neue", helvetica, arial, sans-serif;
	/*text-shadow: 1px 1px 2px rgba(0,0,0,.2);*/
	text-shadow: 2px 1px 1px rgba(0,0,0,.3);
}
.header-main-subtitle {
	padding-bottom: 5px;
	font-size: 25px;
	font-family: "Kalam", "Chalkboard", "Comic Sans", script;
}

.home-spacing-big {
	margin-top: 45px;
	margin-bottom: 45px;
}

.home-spacing-small {
	margin-top: 45px;
	margin-bottom: 45px;
}
.home-title {
	font-size: 42px;
}
.home-sub-title {
	font-size: 32px;
}

.home-banner-text {
	font-size: 14px;
}
.home-people-text{
	font-size: 14px;
	padding-top: 10px;
}
.home-people-img-space {
	padding-top: 20px;
}
.home-materias-read {
	padding-top: 20px;
}

.equipe-social-space {
	padding-right: 10px;
}

.materia-top-space {
	padding-top: 25px;
	margin-top: 20px;
	box-shadow: -3px 3px 5px 0.2rem rgba(0, 0, 0, 0.5);
}
.materia-title {
	font-size: 20px;
}
.materia-single-title {
	font-size: 30px;
	font-family: "Kalam", "Chalkboard", "Comic Sans", script;
}
.materia-img-space {
	padding-top: 20px;
}
.materia-content-space {
	padding-top: 20px;
	padding-bottom: 30px;
}
.materia-social-space {
	padding-top: 10px;
}

.sidebar-space {
	margin-top: 45px;
}
.sidebar-space-first {
	margin-top: 20px;
}
.sidebar-space-inner {
	padding: 20px;
	box-shadow: -3px 3px 5px 0.2rem rgba(0, 0, 0, 0.5)
}
.sidebar-space-item {
	padding-bottom: 10px;
}
.sidebar-space-title-bottom {
	padding-bottom: 10px;
}
.sidebar-links {
	color: #FFFFFF !important;
}
.sidebar-links:hover {
	color: #FFFFFF !important;
}
.sidebar-links-posts {
	color: var(--b8-color-secondary) !important;
}
.sidebar-links-posts:hover {
	color: var(--b8-color-secondary-light) !important;
}
.sidebar-links-font {
	font-size: 18px;
	font-family: "Kalam", "Chalkboard", "Comic Sans", script;
}

.blog-item-space {
	padding-top: 45px;
}
.blog-single-title {
	font-size: 24px;
}

.footer-space {
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-copyright {
	font-size: 14px;
	padding-bottom: 10px;
}

@media (min-width: 576px) { 

}

@media (min-width: 768px) { 
	.home-banner-text {
		font-size: 22px;
	}
	.home-people-text{
		font-size: 14px;
	}
	.header-main-title {
		font-size: 50px;
	}
}

@media (min-width: 992px) { 
	.home-banner-text {
		font-size: 32px;
	}
	.home-people-text{
		font-size: 16px;
	}
	.header-main-title {
		font-size: 60px;
	}
	.header-main-subtitle {
		padding-bottom: 15px;
		font-size: 35px;
	}
}

@media (min-width: 1200px) { 
	.home-banner-text {
		font-size: 38px;
	}
	.home-people-text{
		font-size: 16px;
	}
	.header-main-title {
		font-size: 80px;
	}
}