/* ================
	GLOBAL STYLING
   ================ */




/* ----- ROOT SETUP ----- */
 :root {
 	/* COLORS */
	--cp: #b99777;
	--cs: #6A4C32;
	--cc: #7D9C85;
	--cd: #382D26;
	--ct: #54685E;
	--cg: #86918C;
	--cl: #F5F0EB;
	--cw: #ffffff;

	/* WIDTH */
	--w2: 20%;
	--wq: 25%;
	--w3: 30%;
	--w4: 40%;
	--w6: 60%;
	--w8: 80%;
	--wf: 100%;

	/* TRANSITIONS */
	--tr: 0.3s all ease;

	font-size: 18px;
 }


/* ----- SPACING ----- */
 body.navbar-is-fixed-top {
 	margin-top: 80px;
 }

 .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
 }

 :focus,
 :active,
 input:focus,
 .form-control:focus {
 	box-shadow: none;
 	outline: none;
 	border-color: inherit;
 }


/* ----- TYPOGRAPHY ----- */

 body {
 	font-family: 'Oxygen', sans-serif;
 	font-size: 1rem;
 	color: var(--ct);
 }

 h1 {
 	all: unset;
 	font-size: 3.5rem;
 	color: var(--cp);
 	text-align: center;
 	font-weight: 400;
 	margin: var(--st) var(--sm);
 	font-family: 'Pacifico', cursive;
 }

 .h1-cust {
 	font-size: 3.5rem;
 	color: var(--cp);
 	text-align: center;
 	font-weight: 400;
 	margin: var(--st) var(--sm);
 	font-family: 'Pacifico', cursive;
 }

 .page-header {
 	all: unset;
 	width: 100%;
 	font-size: 3.5rem;
 	color: var(--cw);
 	text-align: center;
 	margin: 0px 0px 40px;
 	padding: 25px 0px;
 	font-weight: 400;
 	background-color: var(--cp);
 	display: inline-block;
 	font-family: 'Pacifico', cursive;
 }

 h2 {
 	all: unset;
 	font-size: 2rem;
 	color: var(--cp);
 	text-align: center;
 	font-weight: 700;
 	margin: var(--st) var(--ss);
 }

 h3 {
 	font-size: 1.5rem;
 	color: var(--cd);
 	text-align: center;
 	font-weight: 700;
 	margin: var(--st) var(--st);
 }

 a {
 	color: var(--cp);
 	text-decoration: none;
 	transition: all 0.3s ease;
 }

 a:hover, a:focus, a:active {
 	color: var(--cs);
 	text-decoration: none;
 }


/* ----- BUTTONS ----- */
 .btn {
 	padding: 15px 50px;
 	margin: 10px;
 	border: none;
 	border-radius: 4px;
 	font-size: 1rem;
 	cursor: pointer;
 }

 .btn-primary {
 	background-color: var(--cp);
 	color: var(--cw);
 	transition: var(--tr);
 }

 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active {
 	background-color: var(--cs);
 	color: var(--cw);
 }

 .btn-default {
 	background-color: var(--cl);
 	color: var(--cd);
 	transition: var(--tr);
 }

 .btn-default:hover,
 .btn-default:focus,
 .btn-default:active {
 	background-color: var(--ct);
 	color: var(--cw);
 }

 .btn-danger {
 	background-color: #840029;
 	color: var(--cw);
 	transition: var(--tr);
 }

 .btn-danger:hover,
 .btn-danger:focus,
 .btn-danger:active {
 	background-color: #60112E;
 	color: var(--cw);
 }

 .btn-success {
 	background-color: #008442;
 	color: var(--cw);
 	transition: var(--tr);
 }

 .btn-success:hover,
 .btn-success:focus,
 .btn-success:active {
 	background-color: #16633B;
 	color: var(--cw);
 }

 .btn-warning {
 	background-color: #BFB341;
 	color: var(--cw);
 	transition: var(--tr);
 }

 .btn-warning:hover,
 .btn-warning:focus,
 .btn-warning:active {
 	background-color: #897D25;
 	color: var(--cw);
 }

 .btn-info {
 	background-color: #005587;
 	color: var(--cw);
 	transition: var(--tr);
 }

 .btn-info:hover,
 .btn-info:focus,
 .btn-info:active {
 	background-color: #003057;
 	color: var(--cw);
 }

 
/* ----- PLACEHOLDERS ----- */
 .form-item input::-webkit-input-placeholder,
 .form-item textarea::-webkit-input-placeholder {
 	color: var(--cg);
 }

 .form-item input:-moz-placeholder,
 .form-item textarea:-moz-placeholder {
 	color: var(--cg);
 }

 .form-item input::-moz-placeholder,
 .form-item textarea::-moz-placeholder {
 	color: var(--cg);
 }

 .form-item input:-ms-input-placeholder,
 .form-item textarea:-ms-input-placeholder {
 	color: var(--cg);
 }
 

/* ----- ALERT STYLING ----- */

 .alert {
	position: fixed;
	top: 80px;
	z-index: 9999;
	right: 15px;
	margin-bottom: 10px;
	width: 20%;
	overflow: hidden;
	animation-name: notify;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1s;
	animation-duration: 10s;
	animation-fill-mode: both;
	border: 0px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5);
	padding: 25px;
	font-size: 14px;
	background-color: #f1f1f1;
 }

 .alert-danger {
	animation-name: stick;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-delay: 1s;
	animation-duration: 10s;
	animation-fill-mode: both;
 }

 .alert:hover {
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
 }

 body.simplelogin .alert {
 	top: 14px;
 }

 @keyframes notify {
	0% {margin-right: -22%;}
	4% {margin-right: 0px; opacity: 1;}
	95% {opacity: 1; margin-right: 0px;}
	100% {opacity: 0; margin-right: -22%; display: none;}
 }

 @keyframes stick {
	0% {margin-right: -22%; background-color: #f1f1f1;}
	4% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	8% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	15% {margin-right: 0px; opacity: 1; background-color: #eac0c0;}
	20% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	25% {margin-right: 0px; opacity: 1; background-color: #eac0c0;}
	30% {margin-right: 0px; opacity: 1; background-color: #f1f1f1;}
	95% {opacity: 1; margin-right: 0px;}
	100% {opacity: 1; margin-right: 0px;}
 }


/* ----- LOGIN STYLING ----- */
 
 body.simplelogin {
 	font-family: 'Poppins', sans-serif;
 }
 .simplelogin-link {
 	display: none;
 }

 .simplelogin-logo svg {
 	max-width: 100%;
 }

 .simplelogin-logo h1 {
 	display: none;
 }

 .simplelogin-form {
 	border: 1px solid var(--cg);
 	border-radius: 4px;
 	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
 	-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
 	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
 	padding: 25px 40px;
 }

 body.simplelogin {
 	background-color: var(--cd);
 	margin-top: 0px;
 }

 .simplelogin-form .page-header {
 	font-size: 2rem;
 	display: block;
 	text-align: center;
 	font-weight: 900;
 	margin: 25px 0px;
 	width: 100%;
 	background-color: transparent;
 	padding: 0px;
 }

 .simplelogin input.form-text, .simplelogin input.form-tel,
 .simplelogin input.form-email, .simplelogin input.form-url,
 .simplelogin input.form-search, .simplelogin input.form-file,
 .simplelogin input.form-number, .simplelogin input.form-color,
 .simplelogin textarea.form-textarea, .simplelogin select.form-select,
 .path-tfa input.form-control {
 	border-radius: 4px;
 	border: 1px solid var(--cg);
 	color: var(--cg);
 	height: auto;
 }

 .simplelogin-form input,
 .form-item-code input {
 	background-color: var(--cw);
 	margin: 0px 0px 10px;
 	padding: 12px;
 }

 .simplelogin-form input:focus,
 .simplelogin-form input:active,
 input:focus, input:active {
 	outline: none;
 	box-shadow: none;
 }

 .simplelogin-form input[type="submit"], .simplelogin-form button.form-submit,
 .path-tfa .btn {
 	text-transform: none;
 	width: auto;
 	border-radius: 4px;
 	border: none;
 	padding: 12px 25px;
 	font-weight: 400;
 }

 .user-login-form .form-actions,
 .path-tfa .form-actions {
 	text-align: center;
 	margin-top: 30px;
 }

 .simplelogin-form .forgot-password {
 	text-align: center;
 	font-size: 12px;
 	color: var(--cg);
 }

 .simplelogin-form .form-actions .btn, .simplelogin-form .form-actions .btn-group,
 .path-tfa .form-actions .btn, .form-actions .btn-group {
 	margin-right: 0px;
 }