/* SCSS Document for Storm Services 2018 slideshows */
/*Resets for Safari Fonts*/
html {
  font-size: 16px;
  overflow-y: scroll;
  -webkit-text-size-adjust: 16px;
  -ms-text-size-adjust: 16px; }

/* Variables for SS */
/* Mixins for page */
/*--- Page Style ---*/
body {
  font-family: "Century Gothic", Arial, sans-serif;
  background-color: #101011;
  font-size: 18px;
  font-weight: 400; }

a {
  color: #a4a6ac; }

a:hover, a:focus {
  color: #fcfcff; }

/* Font Families */
.font-serif {
  font-family: "kepler-std-display", serif; }

.font-sans {
  font-family: "Century Gothic", Arial, sans-serif; }

.font-euro {
  font-family: "eurostile", Helvetica, Arial, sans-serif; }

/* Background Colors */
.SS-gray-background {
  background: #a4a6ac; }

.SS-enggray-background {
  background: #b6b7ba; }

/*--- Slideshow Page specific styles ---*/
h1.SlidePageHeader {
  font-family: "Century Gothic", Arial, sans-serif;
	font-weight:700;
  color: #fcfcff; }

.SlidePageSubHeader {
  color: #fcfcff;
  font-style: italic; }

.SlideGallery {
  max-width: 1600px;
  margin: 0 auto; }

.goBackButton {
  background: #fcfcff;
  color: #101011;
  border: none;
  border-radius: 2px;
  width: 250px;
  padding: 10px 25px;
  font-size: 1.2em; }

.goBackButton:hover, .goBackButton:focus {
  background: #63656a;
  color: #fcfcff;
  border: none;
  border-radius: 2px;
  width: 250px;
  padding: 10px 25px; }

/*--- Responsive Video Resizing ---*/
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }