@font-face {
  font-family: "Museo Sans Rounded";
  src: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/fonts/MuseoSansRounded100.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans Rounded";
  src: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/fonts/MuseoSansRounded300.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans Rounded";
  src: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/fonts/MuseoSansRounded500.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans Rounded";
  src: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/fonts/MuseoSansRounded700.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Skippy Sharpie";
  src: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/fonts/Skippy+Sharpie+Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

#footer-content > .row:first-of-type {
  display: flex;
}

#page-footer-column-4 {
  order: -1;
}

#logo {
	background-color: rgb(115, 201, 46);
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
}

#page-navigation, #page-header, #page-navigation-inner {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.display-2 {
	font-family: "Skippy Sharpie", cursive;
	color: rgb(115, 201, 46) !important;
}

#footer-content > .row:nth-of-type(2) {
  justify-content: flex-end;
  text-align: right;
}

#footer-content > .row:nth-of-type(3) {
  justify-content: flex-end;
  text-align: right;
}

	/**
	 * HTML
	 */
	body {
		font-family: "Museo Sans Rounded";
		word-wrap: break-word;
		color: rgb(0, 0, 0);
		background-color:rgb(239, 239, 239) !important;
	}
	main {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	a {
		font-family: "Museo Sans Rounded";
		color: rgb(0, 0, 0);
		font-weight:300;
		text-decoration:none;
	}
	a:hover {
		font-family: "Museo Sans Rounded";
		color: rgb(0, 0, 0);
		font-weight:300;
		text-decoration:underline;
	}
	h1 {
		font-family: "Skippy Sharpie", cursive;
		color: rgb(0, 0, 0);
	}
	h2 {
		font-family: "Skippy Sharpie", cursive;
		color: #73c92e;
	}
	h3, h4 {
		font-family: "Skippy Sharpie", cursive;
		color: #73c92e;
	}
	p, label {
		font-family: "Museo Sans Rounded";
		color: rgb(0, 0, 0);
		line-height: 1.75;
		font-weight:300;
	}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	select::-ms-expand {
	    display: none; 
	}


	/**
	 * Bootstrap
	 */ 
	.btn {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.card-body .btn, .offcanvas-body .btn {
		background-image: none;
		background-color: rgb(115, 201, 46) !important;
		color: white !important;
		margin: 0px;
	}
	.alert, .form-control {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.progress-bar {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.form-control {
		padding-bottom:10px;
	}
	.alert, .alert p {
		background-color: rgb(0, 161, 130);
		border: 1px solid rgb(0, 161, 130);
		color: white !important;
	}
	
	/**
	 * Navigation
	 **/
	#page-navigation {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		background-color: rgba(0, 0, 0, 0.3) !important;
	}

	#page-navigation-logo {
	}

	.page-navigation-menu a {
		color:white !important;
		text-decoration: none;
		font-weight:300;
		height:113px;
  display: flex;
  align-items: center;
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.page-navigation-menu a:hover {
		color:white !important;
		text-decoration: none;
		font-weight:300;
		background-color:rgb(115, 201, 46) !important;
		height:113px;
  display: flex;
  align-items: center;
		padding-left:15px !important;
		padding-right:15px !important;
	}

	#page-navigation-sub-menu {
		border: none;
		margin: 0px;
		padding: 10px;
		background-color: white;
	}

	/**
	 * Section title
	 */
.section-title {
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important;
	border-top-left-radius: 0px !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: 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: 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, .section-alt, #page-title, #home-page-section {
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important;
	border-top-left-radius: 0px !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: 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-title {
		background-color:#73c92e;
	}
	.section-title h1, .section-title h2, .section-title h3, .section-title h4  {
		font-family: "Museo Sans Rounded";
		color:white !important;
	}

	/**
	 * Section content
	 */ 
	.section-content, .section-alt {
		background-color:white;
		border: 1px solid rgb(115, 201, 46);
	}
	.section-content h1, .section-content h2, .section-content h3, .section-content h4 {
		color: rgb(0, 0, 0);
	}
	.section-content p {
		color:rgb(0, 0, 0);
	}	
	.section-content a {
		color:rgb(0, 0, 0);
	}	
	.section-content a:hover {
		color:rgb(0, 0, 0);
	}


	/**
	 * Section
	 */
	.section {
		background-color:rgb(7, 96, 49);
		border:1px solid rgb(7, 96, 49);
		color: white;
	}
	.section h1, .section h2, .section h3, .section h4, .section p, .section svg, .section strong {
		color:white !important;
	}


	.btn-standard {	 
		min-width:220px;
		width:220px;
		box-sizing:content-box;
		border:none;
	}

	#page-header {
		background-color: #73c92e !important;
		background-image:
    			linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    			url("https://www.islelisten.im/wp-content/uploads/2024/10/Texture-1.jpg.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}


	#page-header h1 {
		color:white !important;
	}

	#page-title-row {
		padding-top: 7rem;
		padding-bottom: 4rem;
		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;
		padding: 10px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0px;
		margin-top:10px;
		margin-right:10px;
	}
	.card-header {
		background-color:rgb(7, 96, 49);
		border:1px solid rgb(7, 96, 49) !important;
	}
	.card-header a, .card-header h4:hover, .card-header h4, .card-header h2 {
		color:white !important;
		text-decoration:none;
	}
	.card-body, .card {
		background-color:white;
		border:1px solid rgb(7, 96, 49) !important;
	}
	.card-body h2, .card-body h3, .card-body a, .card-body p {
		color: rgb(33, 37, 41) !important;
	}

	/**
	 * Buttons
	 **/

	#header-button, #page-button, .btn-primary, .btn-outline-primary  {
		background-color: transparent !important;
		border: 0px solid black !important;
		color: rgb(115, 201, 46) !important;
		text-decoration:none !important;
		font-weight:900 !important;
		background-image: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/images/white-button-border.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	.btn-secondary, .btn-outline-secondary, .btn-danger, .btn-warning, .section-content .btn-primary  {
		font-family: "Museo Sans Rounded";
		background-color: transparent !important;
		border: 0px solid black !important;
		color: white !important;
		text-decoration:none !important;
		font-weight:900 !important;
		background-image: url("https://isle-listen-production.s3.eu-west-2.amazonaws.com/images/green-button-border.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
		
	/**
	 * Footer
	 */
	#footer-content {
	}
	#page-footer {
		background-color:rgb(51, 51, 51);
		margin-top:0rem;
		padding-top:3rem;
	}
	#page-footer, #page-footer p {
		font-family: "Museo Sans Rounded";
		color:white;
	}
	#page-footer h2, #page-footer h4, #page-footer a {
		font-family: "Museo Sans Rounded";
		color:white;
	}

	#page-footer a {
		text-decoration:none;
	}

	#page-footer a:hover {
		text-decoration:underline;
	}

	#footer-strapline, #page-footer-languages-row, #page-footer hr {
		visibility: hidden;
		display: none;
	}
	
	/**
	 * Media queries
	 */
	@media (min-width: 0px) {
		#logo {
			min-width:150px;
			max-width:150px;
		}
	}
	
	@media (min-width: 576px) {
		#logo {
			min-width:150px;
			max-width:150px;
		}
	}

	@media (min-width: 768px) {
		#logo {
			min-width:150px;
			max-width:150px;
		}
	}

	@media (min-width: 992px) {
		#logo {
			min-width:150px;
			max-width:150px;
		}
	}

	@media (min-width: 1200px) {
		#logo {
			min-width:150px;
			max-width:150px;
		}
	}