/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 16 2019 | 20:09:16 */
/*** slideshow ***/

body .slideshow_container {
	}

body .slideshow_container_style-light .slideshow_description_box {
	background-color:transparent;
	background-image:url('https://www.raincoast.org/wp-content/themes/raincoast/images/overlay.png');
	height:100%;
	}

body .slideshow_container_style-light .slideshow_transparent {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}

/** slideshow buttons **/

body .slideshow_container .slideshow_button {
	top: 0%;
	}

body .slideshow_container .slideshow_button {
	width: 8%;
	background-image:none;
	height:90%;
	margin: 2% 0;
	}
	
body .slideshow_container .slideshow_next {
	background-image:url('https://www.raincoast.org/wp-content/themes/raincoast/images/button_right.png');
	background-size:60%;
	background-repeat:none;
	background-position: 50% 50%;
	}

body .slideshow_container .slideshow_previous {
	background-image:url('https://www.raincoast.org/wp-content/themes/raincoast/images/button_left.png');
	background-size:60%;
	background-repeat:none;
	background-position: 50% 50%;
	}

body .slideshow_container .slideshow_button {
	border: 0px solid #fff;
	}

body .slideshow_container .slideshow_button:click {
	border: 1px solid transparent;
	}

/* reponsive part */

body h2.slideshow_title  {
	padding:10px;
	font-size:16px;
	}

.slideshow_description {
}

/* ===== == = === (480px) === = == ===== */

@media only screen and (min-width : 480px) {

body h2.slideshow_title {
	font-size:20px;
	padding:30px 10px 0;
	}

.slideshow_container h4.slideshow_description {
	padding:10px;
  }
}

/* ===== == = === (600px) === = == ===== */

@media only screen and (min-width: 600px) {

body h2.slideshow_title  {
	font-size:28px;
	padding:80px 10px 0;
	}

.slideshow_container h4.slideshow_description {
	padding:20px;
	}
}

/* ===== == = === (920px) === = == ===== */

@media only screen and (min-width : 920px) {

body h2.slideshow_title  {
	font-size:32px;
	padding:200px 100px 0;
	}

.slideshow_container h4.slideshow_description {
	padding:20px 100px 0;
	}

}