/*
Home Page Styling
Theme URI: https://dandelionelc.com.au
Author: NDX Creative Agency
*/

.panel-3 svg { font-size: 3rem; color: var(--text-primary-3); filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));}

.panel-5 img { border-radius: 100%; width: 10rem; }

.panel-6 .icon {
	width: 6rem; padding-top: 1.2rem; font-size: 2.5rem;
	border-top-left-radius: 3rem; border-top-right-radius: 3rem;
	background-color: var(--bg-light-1);
	position: absolute; top: -2.5rem; left: 50%; transform: translateX(-50%);
}

.panel-6 .fa-leaf { transform: translateX(-0.05em); }


@media only screen and (max-width: 599px) {
	.panel-1 { border-bottom: 1px solid rgba(0,0,0,0.1); }

	.panel-1.panel-fade-left-green .info {
		background: var(--bg-light-1);
	}
	.panel-1.panel-fade-left-green .fade {
		background: linear-gradient(0deg, var(--bg-light-1) 0%, rgba(255,255,255,0) 30%);
	}
	.panel-1 .heading { text-shadow: none!important; color: var(--text-dark-6); font-size: 2rem; }
	.panel-1 .sub-heading { text-shadow: none!important; color: var(--text-primary-5); }
	.panel-1 .btn-learn-more { background-color: var(--bg-primary-4)!important; }
	.panel-1 .btn-learn-more svg { color: var(--text-primary-1)!important; }

	.btn-book-tour { display: none; }
	.panel-2 { padding-top: var(--layout-unit); }
	.panel-2 .bubble-heading {
		position: relative; padding: 0; transform: none; left: auto; text-align: center;
	}
	.panel-5 img { width: 8rem; }
	.panel-5 h4 { margin-top: 1rem; }
	.panel-3 .grid > div { width: 100%; }
	.panel-3 h5 { margin: 0.7rem 0 1rem; }
	.panel-5 .grid > div { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}

@media only screen and (min-width: 600px) and (max-width: 1099px) {
	.panel-3 .grid > div { width: 50%; }
}

@media only screen and (max-width: 849px) {
	.panel-5 .grid > div,
	.panel-6 .grid > div { width: 100%; }
}

@media only screen and (min-width: 850px) {
	.panel-5 .grid > div,
	.panel-6 .grid > div { width: 33.33%; }
}

@media (min-width: 600px) and (max-width: 1023px) {
	.panel-1 .info { padding-bottom: 4rem; }
	.panel-2 { padding-top: 2rem; }

}

@media only screen and (max-width: 1023px) {
	.panel-4 .info { padding-bottom: 2rem; }
}

@media only screen and (min-width: 1024px) {
	.panel-1 .btn:first-child { margin-right: 0.3rem; }
}

@media only screen and (min-width: 1100px) {
	.panel-3 .grid > div { width: 25%; }
}