/* Fontes */

@font-face {
    font-family: 'Bree';
    src: url('../fonts/Bree-Light.eot');
    src: url('../fonts/Bree-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bree-Light.woff2') format('woff2'),
        url('../fonts/Bree-Light.woff') format('woff'),
        url('../fonts/Bree-Light.ttf') format('truetype'),
        url('../fonts/Bree-Light.svg#Bree-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('../fonts/Bree-Regular.eot');
    src: url('../fonts/Bree-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bree-Regular.woff2') format('woff2'),
        url('../fonts/Bree-Regular.woff') format('woff'),
        url('../fonts/Bree-Regular.ttf') format('truetype'),
        url('../fonts/Bree-Regular.svg#Bree-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('../fonts/Bree-Bold.eot');
    src: url('../fonts/Bree-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bree-Bold.woff2') format('woff2'),
        url('../fonts/Bree-Bold.woff') format('woff'),
        url('../fonts/Bree-Bold.ttf') format('truetype'),
        url('../fonts/Bree-Bold.svg#Bree-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationLight.eot');
    src: url('../fonts/SansationLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SansationLight.woff2') format('woff2'),
        url('../fonts/SansationLight.woff') format('woff'),
        url('../fonts/SansationLight.ttf') format('truetype'),
        url('../fonts/SansationLight.svg#SansationLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationBold.eot');
    src: url('../fonts/SansationBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SansationBold.woff2') format('woff2'),
        url('../fonts/SansationBold.woff') format('woff'),
        url('../fonts/SansationBold.ttf') format('truetype'),
        url('../fonts/SansationBold.svg#SansationBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationRegular.eot');
    src: url('../fonts/SansationRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SansationRegular.woff2') format('woff2'),
        url('../fonts/SansationRegular.woff') format('woff'),
        url('../fonts/SansationRegular.ttf') format('truetype'),
        url('../fonts/SansationRegular.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Definições básicas do Bootstrap */

:root {
  --primary: #694F84 !important;
  --secondary: #38383a !important;
  --font-family-sans-serif: 'Sansation', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  --font-family-monospace: 'Bree', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

body {
	background: url("./../images/assets/background-home.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Scroll Bars */
::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

::-webkit-scrollbar-track {
  box-shadow: -2px 2px 5px 2px rgba(90,71,110,0.5);
  border-radius: 5px;
}
 
::-webkit-scrollbar-thumb {
  background: #694F84; 
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5a476e; 
}

/* Containers */

.container-login {
	width: 50% !important;
	min-width: 330px;
	margin-top: 40px;
	margin-bottom: 100px;
	border-radius: 25px;
}

.container-home {
	width: 90% !important;
	min-width: 330px;
	margin-top: 40px;
	margin-bottom: 100px;
	border-radius: 25px;
}

.container-cadastro {
	width: 90% !important;
	min-width: 330px;
	margin-top: 40px;
	margin-bottom: 100px;
	border-radius: 25px;
}

/* Font sizes */

.text-small {
	font-size: .75rem;
}

/* Horizontal Rulers */

hr.degrade {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.degraderoxo {
	background-color: transparent;
	border: 0;
	height: 2px;
	background-image :linear-gradient(to right, rgba(105, 79, 132, 0), rgba(105, 79, 132, .75), rgba(105, 79, 132, 1), rgba(105, 79, 132, .75), rgba(105, 79, 132, 0));
}

/* Cookies */

.cookiealert {
	z-index:9999;
}

/* Cores */

.cinza {
	color: #38383a;
}

.roxo {
	color: #694F84;
}

a.roxo {
	color: #694F84;
}

.roxo:hover, .roxo:focus {
	color: #5a476e;
}

/* Footer */

a.linkfooter {
	color: #694F84;
	text-decoration: none;
}

a.linkfooter:visited {
	color: #694F84;
	text-decoration: none;
}

a.linkfooter:hover {
	color: #5a476e;
	text-decoration: none;
}

a.linkfooter:focus {
	color: #5a476e;
	text-decoration: none;
}

a.linkfooter2 {
	color: #694F84;
}

a.linkfooter2:visited {
	color: #694F84;
}

a.linkfooter2:hover {
	color: #5a476e;
}

a.linkfooter2:focus {
	color: #5a476e;
}

.bg-footer {
	background-color: #38383a;
}

/* Header */

.bg-header {
	background-color: rgba(56, 56, 58, 0.85);
}

/* Dropdown */

.dropdown-menu {
	background-color: rgba(56, 56, 58, 0.85);
}

.dropdown-item {
	color: #fff;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #694F84;
	color: #ffffff;
}

/* Botões */

.btn-primary {
  color: #fff;
  background-color: #694F84;
  border-color: #694F84;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #5a476e;
  border-color: #5a476e;
  box-shadow: 0 0 0 0.25rem rgba(105, 79, 132, .75);
}

.btn-default {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #694F84;
	padding: 8px 20px 5px 20px;
	border: 0;
	text-decoration: none;
	border-radius: 25px;
	box-shadow: #000000 0.1em 0.1em 0.1em;
	text-transform: uppercase;
}

.btn-default:hover,
.btn-default:active,
.btn-default:visited,
.btn-default:focus {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #5a476e;
	padding: 8px 20px 5px 20px;
	border: 0;
	text-decoration: none;
	border-radius: 25px;
	box-shadow: #000000 0.1em 0.1em 0.1em;
	text-transform: uppercase;
}

/* Quebras */

.brakeright10 {
  padding-right: 10px;
}

.brakeright20 {
  padding-right: 20px;
}

.brakeright40 {
  padding-right: 40px;
}

.brakeright60 {
  padding-right: 60px;
}

.brakeright80 {
  padding-right: 80px;
}

.brakeleft10 {
  padding-left: 10px;
}

.brakeleft20 {
  padding-left: 20px;
}

.brakeleft40 {
  padding-left: 40px;
}

.brakeleft60 {
  padding-left: 60px;
}

.brakeleft80 {
  padding-left: 80px;
}

.braketop10 {
  padding-top: 10px;
}

.braketop20 {
  padding-top: 20px;
}

.braketop40 {
  padding-top: 40px;
}

.braketop60 {
  padding-top: 60px;
}

.braketop80 {
  padding-top: 80px;
}

.brakebottom10 {
  padding-bottom: 10px;
}

.brakebottom20 {
  padding-bottom: 20px;
}

.brakebottom40 {
  padding-bottom: 40px;
}

.brakebottom60 {
  padding-bottom: 60px;
}

/* Validação */

.valid-feedback {
	color: #694F84;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #694F84;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23694F84' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #694F84;
  box-shadow: 0 0 0 0.25rem rgba(105, 79, 132, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #694F84;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23694F84' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #694F84;
  box-shadow: 0 0 0 0.25rem rgba(105, 79, 132, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #694F84;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #694F84;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(105, 79, 132, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #694F84;
}

/* Card */

.card {
	border: none;
	border-radius: 1.5rem;
	box-shadow: 0px 2px 10px 5px rgba(26, 0, 45, .75);
	transition: .3s transform ease;
	cursor: context-menu;	
}

.card:hover{
	transform: scale(1.05);
	box-shadow: 0px 2px 15px 10px rgba(105, 79, 132, .75);
}

.card:focus{
	transform: scale(1.05);
	box-shadow: 0px 2px 15px 10px rgba(105, 79, 132, .75);
}

.card img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.card:hover img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.card:focus img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.card-img, .card-img-top {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.card-footer {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
}

/* Alerts */
.alert-primary {
    color: #5a476e;
    background-color: rgba(105, 79, 132, .25);
    border-color: rgba(105, 79, 132, .25);
	border-radius: .75rem;
	box-shadow: 0px 0px 2px 2px rgba(105, 79, 132, .25);
}