/* This Stylesheet for Surf Lessons FAQ Page */
.surf-lessons-faq-banner{
	height: 400px;
	background: url('../img/surf-lessons-faq/town-beach-surf-lesson.jpg') no-repeat;
	background-position: 85%;
}
#accordion .mb-0 > a {
  display: block;
  position: relative;
}
#accordion .mb-0 > a:after {
  content: "\f055"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  font-size: 20px;
  top: -3px;
}
#accordion .mb-0 > a[aria-expanded="true"]:after {
  content: "\f056"; /* fa-chevron-up */
}
#accordion .card-header{
	background: #607d8b;
	padding: 15px 15px;
}
#accordion .card-header a{color:#ffffff; font-size: 14px;}
#accordion .card{border-radius:0px; border:none; margin-bottom: 5px;}
#accordion .card-header{border-radius: 0px;}
#accordion .card-body{border:1px solid #607d8b;}
#accordion .card-header:hover{background:#4b626d;}
.camp-pro h2{margin-bottom: 30px; margin-top: 25px;}
.camp-pro p{
	font-size: 18px;
}
.faq-bottom-img{margin: 40px 0px;}
.summer-camp-header{margin-bottom: 25px;}
.book-dates-info{padding-bottom: 60px; text-align: center;}
.book-dates-info p,.book-dates-info a{font-size: 18px;}
.book-dates-info-header{margin-bottom: 50px;}
.gray-scale:hover{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
/* Extra large devices (Extra large desktops, 1920 and up) */
@media (min-width: 2000px) {
	.surf-lessons-faq-banner{background-position: center;}
}
/* Large devices (desktops, 992px and Down) */
@media (max-width: 991.98px) {
	.surf-lessons-faq-banner{height: 250px; background-position: 85%;}
	.gray-scale{margin-bottom: 30px;}
	.book-dates-info{padding-bottom: 30px;}
}
/* Small devices (landscape phones, 576px and Down) */
@media (max-width: 575.98px) {
	.surf-lessons-faq-banner{height: 200px;background-position: 75%;}	
}