/* This Stylesheet for Surf Cam Page and  Surf Cam Images */
/* Main Slider */
.carousel-control-next{
	height: 90px;
    width: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000000;
    color: #ffffff;
    text-shadow: none;
    line-height: 90px;
    font-size: 38px;
    opacity: 1;
}
.carousel-control-prev{
	height: 90px;
    width: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000000;
    color: #ffffff;
    text-shadow: none;
    line-height: 90px;
    font-size: 38px;
    opacity: 1;
}
.carousel-control-next span,.carousel-control-prev span{
	background: transparent;
	color: #ffffff;
}
.carousel-control-next:hover,.carousel-control-prev:hover{
	background: #000000;
}
.carousel-control-next:hover span,.carousel-control-prev:hover span{
	color: #ffffff;
}
.carousel-control-next-icon, .carousel-control-prev-icon{width: auto; height: auto;}
.carousel-caption{
	bottom: auto;
	top: 200px;
}
/* Surf Cam Banner */
@import url("https://unpkg.com/video.js/dist/video-js.css"); 
.surf-cam-cards{padding-bottom:80px;}
.surf-cam-header h3{
	font-size: 24px;
	margin-bottom: 30px;
}
.surf-cam-cards .card .card-title{
	font-size: 16px;
	color: #524e4e;
}
.surf-cam-cards .card .card-text{font-size: 15px; color:#524e4e;}
.surf-cam-cta{
	background:#eeeeee;
	padding: 60px 0px;
}
.surf-cam-cta h2{
	font-size: 30px;
}
.surf-cam-cta h3{
	font-weight: 500;
	font-size: 24px;
}
.surf-cam-cta a{font-size: 20px; text-transform: uppercase; margin-top: 10px;}
/* Image */
.view-hd-stream{
	padding-bottom: 60px;
}
.view-hd-stream a{
	font-size: 18px;
}
.narragansett-beach-parallax{
	height: 467px;
	background: #ffffff url('../img/suf-cam-img/about-ganny.png') no-repeat bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding-top: 60px;
}
.narragansett-beach-parallax h2{margin-bottom: 10px;}
.narragansett-beach-parallax h4{
	font-size: 18px;
	margin-bottom: 15px;
}
.narragansett-beach-parallax p{
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 35px;
}
.narragansett-beach-parallax .btn{font-size: 18px;}

/* Extra large devices (Extra large desktops, 1680 and Down) */
@media (max-width: 1679.98px) {
	.carousel-caption{top:150px;}
}
/* Extra large devices (Extra large desktops, 1440px and Down) */
@media (max-width: 1439.98px) {
	.carousel-caption{top:100px;}
}
/* Extra large devices (large desktops, 1200px and Down) */
@media (max-width: 1199.98px) {
	/*  Main Slider */
	.carousel-caption h2{font-size: 36px;}
	.carousel-caption p{font-size: 20px;}
	.carousel-caption{top:50px;}
	.carousel-caption p{font-size: 18px;}
	.carousel-caption .btn{font-size: 14px;}
	/* End of Main Slider */
	.narragansett-beach-parallax{
		padding-top: 40px;
	}
}
/* Extra large devices (large desktops, 1200px and Down) */
/* Large devices (desktops, 992px and Down) */
@media (max-width: 991.98px) {
	.surf-cam-cta{
		text-align: center;
		padding: 40px 0px;
	}
	.surf-cam-cta h2 {
	    font-size: 24px;
	}
	.surf-cam-cta h3 {
	    font-size: 16px;
	}
	.surf-cam-cta a{font-size: 14px;}
	.surf-cam-cards{padding-bottom: 40px;}
	/* Main Slider */
	.carousel-caption {
	    top:60px;
	}
	.carousel-control-next, .carousel-control-prev{display: none;}
	.carousel-caption h2{font-size: 22px; margin-bottom: 15px;}
	.carousel-caption p{font-size: 14px;}
	.carousel-caption .btn {
	    font-size: 12px;
	}
	/* End of Main Slider */
}

/* Medium devices (tablets, 768px and Down) */
@media (max-width: 767.98px) {
	.surf-cam-cards .card{margin-bottom: 35px;}
	.surf-cam-cards .h-100{height: auto !important;}
	/* Main Slider */
	.carousel-indicators{margin-bottom: 0;}
	/* End of Main Slider */
}

/* Small devices (landscape phones, 576px and Down) */
@media (max-width: 575.98px) {
	.narragansett-beach-parallax{padding-bottom: 40px; height: auto;}
	.narragansett-beach-parallax p{font-size: 16px; line-height: 24px;}
	.narragansett-beach-parallax .btn,.view-hd-stream a{font-size: 16px;}
}
@media (max-width: 480px){
	.breadcrum-nav h1{font-size: 20px;}
	.surf-cam-header h1{font-size: 20px;}
	.surf-cam-header h3{font-size: 16px; line-height: 24px;}
}
.vjs-icon-placeholder{display: block !important;}