@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

	/**
	 * HTML
	 */
	body {
		font-family: "Inter", sans-serif;
		word-wrap: break-word;
		color: rgb(51, 51, 51);
		background-color:#FEFBE8 !important;
	}
	main {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	a {
		font-family: "Inter", sans-serif;
		color: rgb(51, 51, 51);
		text-decoration:none;
	}
	a:hover {
		font-family: "Inter", sans-serif;
		color: rgb(51, 51, 51);
		text-decoration:underline;
	}
	h1 {
		font-family: "Fredoka", sans-serif;
		color: rrgb(255, 138, 159);
	}
	h2 {
		font-family: "Fredoka", sans-serif;
		color: rrgb(255, 138, 159);
	}
	h3, h4 {
		font-family: "Fredoka", sans-serif;
		color: rrgb(255, 138, 159);
	}
	p, label {
		font-family: "Inter", sans-serif;
		color: rgb(51, 51, 51);
	}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	select::-ms-expand {
	    display: none; 
	}


	/**
	 * Bootstrap
	 */	 
	.btn {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-top:2px;
	}
	.alert, .form-control {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.progress-bar {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.form-control {
		padding-bottom:10px;	
	}
	.col-form-label {
	}
	.alert-primary, .alert-secondary {
	}
	.alert-success, .alert-information {
	}
	.alert-error {
	}
	.alert-warning {
	}
	.alert a {
	}
	
	/**
	 * Navigation
	 **/
	#page-navigation {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		background-color: rgb(255, 218, 218) !important;
	}
	#page-navigation-logo {
	}

	.page-navigation-menu a {
		color:rgb(56, 56, 56);
		text-decoration: none;
		font-weight:500;
	}
	.page-navigation-menu a:hover {
		color:rgb(102, 102, 102);
		font-weight:500;
		text-decoration: none;
	}


	/**
	 * Section title
	 */
.section-title {
	-webkit-border-top-left-radius: 10px !important;
	-moz-border-top-left-radius: 10px !important;
	border-top-left-radius: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-moz-border-top-right-radius: 10px !important;
	border-top-right-radius: 10px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-bottom-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-bottom-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.section-content {
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important;
	border-top-left-radius: 00px !important;
	-webkit-border-top-right-radius: 0px !important;
	-moz-border-top-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-bottom-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	-moz-border-bottom-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.section, .section-alt, #page-title, #home-page-section {
	-webkit-border-top-left-radius: 10px !important;
	-moz-border-top-left-radius: 10px !important;
	border-top-left-radius: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-moz-border-top-right-radius: 10px !important;
	border-top-right-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-bottom-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	-moz-border-bottom-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
	.section-title {
		background-color:rgb(255, 218, 218);
	}

	/**
	 * Section content
	 */ 
	.section-content, .section-alt {
		background-color:rgb(255, 218, 218);
		border: 1px solid rgb(255, 218, 218);
	}

	/**
	 * Section
	 */
	.section {
		background-color:rgb(255, 218, 218);
		border:1px solid rgb(255, 218, 218);
	}


	.btn-standard {	 
		min-width:220px;
		width:220px;
		box-sizing:content-box;
	}

	#page-title-row {
    background:
        linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
        ),
        url("https://saveastray.uk/wp-content/uploads/2026/02/iStock-616254240-scaled.jpg")
        center / cover no-repeat;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;	}


	#page-header h1 {
		color:white !important;
	}

	#page-title-row {
		padding-top: 12rem;
		padding-bottom: 12rem;
		font-weight:700;
	}
	#page-title-row h1 {
		font-weight:700;
	}

	#page-title {
	}

	.shadow, .btn {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	.card-header {
		background-color:rgb(255, 138, 159);
	}


	/**
	 * Buttons
	 **/
	#header-button, #page-button {
		background-color: rgb(255, 138, 159) !important;
		border-color: rgb(255, 138, 159) !important;
		color: white;
		font-family: "Fredoka", sans-serif;
		text-decoration: none !important;
	}

	.btn-primary, .btn-outline-primary  {
		background-color: rgb(255, 138, 159) !important;
		border-color: rgb(255, 138, 159) !important;
		color: white !important;
		font-family: "Fredoka", sans-serif;
		text-decoration: none !important;
	}
	.btn-secondary, .btn-outline-secondary, .btn-danger, .btn-warning  {
		background-color: rgb(255, 138, 159) !important;
		border-color: rgb(255, 138, 159) !important;
		color: white !important;
		font-family: "Fredoka", sans-serif;
		text-decoration: none !important;
	}
		
	/**
	 * Footer
	 */
#page-footer {
    position: relative;
    background-color: #ffdada;
    margin-top: 100px;
}

#page-footer::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 100px;

    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmRhZGEiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=");
    background-position: center bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

	#page-footer {
		background-color:rgb(255, 218, 218);
		margin-top:6rem;
		padding-top:3rem;
	}

	#page-footer hr, #page-footer-languages-row {
		visibility: hidden;
		display: none;
	}	
	
	#footer-strapline {
		visibility: hidden;
		display: none;
	}
	
	/**
	 * Media queries
	 */
	@media (min-width: 0px) {
		#logo {
			min-width:100px;
			max-width:100px;
		}
	}
	
	@media (min-width: 576px) {
		#logo {
			min-width:100px;
			max-width:100px;
		}
	}

	@media (min-width: 768px) {
		#logo {
			min-width:120px;
			max-width:120px;
		}
	}

	@media (min-width: 992px) {
		#logo {
			min-width:120px;
			max-width:120px;
		}
	}

	@media (min-width: 1200px) {
		#logo {
			min-width:120px;
			max-width:120px;
		}
	}
