@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&display=swap");

body {
	font-family: "Raleway", sans-serif !important;
	background: #f3f3f3;
}

@media (min-width: 1200px) {
	/*Disable 4th breakpoint of bootstrap CSS*/
	.container {
		/* width: 970px; */
	}
}

.footer {
	width: 225px;
	height: 500px;
	display: block;
	margin: auto;
}

@media (min-width: 992px) {
	.footer {
		width: 940px;
		height: 190px;
	}
}
/* SHARING BUTTONS */

.social-share {
	vertical-align: middle;
	color: white;
	padding: 1rem;
	border-radius: 10px;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.social-share .title {
	font-size: 2rem;
	font-weight: 600;
}
.social-share .at-resp-share-element {
	min-heigth: 47px;
}
.social-share .at-share-btn-elements {
	display: flex;
}
.social-share .at-share-btn-elements > a {
	flex: 1;
}

.alvarum-secure {
	background-color: #3545ee;
	color: white;
	padding: 1rem;
	/* border-top-left-radius: 10px;
	border-top-right-radius: 10px; */
	border-radius: 10px;
	font-size: 1.2rem;
	margin-bottom: 2rem;
}
.alvarum-secure .lock {
	margin-bottom: 1rem;
}
.alvarum-secure .text {
	margin-bottom: 2rem;
}

.box {
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 2rem;
	margin-bottom: 2rem;
	box-shadow: 0px 1px 3px #ddd;
}

.mb-1 {
	margin-bottom: 1rem;
}
.mb-2 {
	margin-bottom: 2rem;
}
.mb-3 {
	margin-bottom: 3rem;
}

.btn:not(.btn-link):not(.tab-btn) {
	border-radius: 2.2rem;
	padding: 0.8rem 1.6rem;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	font-weight: 600;
}

.btn:not(.btn-link):not(.tab-btn):hover {
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	opacity: 0.6;
}

body a.button,
body .buttons a,
body .buttons label.btn.active,
body .buttons label.btn:active,
body .buttons button,
body .submit button,
body a.button:visited,
body .buttons a:visited,
body .btn-primary,
.button-background-color {
	color: white;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}

body a.button:hover,
body .buttons a:hover,
body .buttons label.btn.active:hover,
body .buttons label.btn:active:hover,
body .buttons button:hover,
body .submit button:hover,
body a.button:visited:hover,
body .buttons a:visited:hover,
body .btn-primary:hover,
.button-background-color:hover {
	color: white;
}

.alert-danger {
	color: #d9120f;
	background-color: #f7f3f3;
	border-color: #d9120f;
}

.donate,
.fundraise {
	background-color: #fff;
	padding: 2rem 1rem;
	margin-bottom: 1rem;
	border-radius: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.donate {
		height: 270px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}
.donate svg,
.fundraise svg {
	width: 40px;
	margin-bottom: 1.5rem;
}
.donate .title,
.fundraise .title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 2rem;
}
.donate .button,
.fundraise .button {
	border-radius: 2rem;
	max-width: 240px;
	margin: 0 auto;
	display: block;
}

.btn:active, .btn.active {
	box-shadow: none;
}

.input-group .input-group-btn .btn {
	padding: 6px 12px;
	border-radius: 0 2rem 2rem 0;
}

.custom-logo {
	display: none;
}

.glyphicon.main-background-color:before {
	color: white;
}

body {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.container.page-content,
.page-full-height {
	min-height: calc(100vh - 241px);
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: #eeeeee !important;
}

@media (max-width: 767px) {
	.row {
		margin-right: -8px;
		margin-left: -8px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 8px;
		padding-left: 8px;
	}
}