/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .displays-template-default {
   overflow: hidden;
 }

 .smart-slider-container {
 	z-index: 99999999;
 	position: fixed;
 	width: 100%;
 	height: 100vh;
 	left: 0;
 	top:0;
 	background-color: #ffffff;
 }

 .smart-slider-container div#n2-ss-6 .n2-full-screen-widget {
 	z-index: 9999999999;
 	display: none !important;
 	opacity: 1 !important;
 }

 .widgets {
 	position: fixed;
 	width: 100%;
 	z-index: 99;
 	left: 0;
 	top: 0;
 	font-size: 40px;
 	color: white;
 	text-align: center;
 	font-size: 0;
 	padding: 20px 0;
 }



 @media only screen and (max-width : 400px) {
 	 .widgets {
 	 	padding: 0 5px;
 	 }
}


  .widgets .left, .widgets .center, .widgets .right {
  	display: inline-block;
  	vertical-align: middle;
  	width: 33.3%;
  	text-align: center;
  	font-size: 20px;
  	align-items: center;
  }

  .widgets .widget-logo {
  	display: inline-block;
  	height: 90px;
  	width: auto;
  	margin: auto;
  }

  @media only screen and (max-width : 1300px) {
    .widgets .widget-logo {
      height: 90px;
    }
  }

  .widgets .date-time-container {
      text-transform: uppercase;
  	text-align: center;
  	display: block;
  	width: 100%;
  }

  .widgets .date-time-container .date {
  	font-size: 20px;
    text-align: center;
  }

  @media only screen and (max-width : 1300px) {
    .widgets .date-time-container .date {
      font-size: 20px;
    }
  }

  @media only screen and (max-width : 400px) {
  	.widgets .date-time-container .date {
	  	font-size: 14px;
	  }
  }

  .widgets .date-time-container #time {
  	font-weight: bold;
  	font-size: 50px;
  	margin-top: 25px;
    text-align: center;
  }

  @media only screen and (max-width : 1300px) {
    .widgets .date-time-container #time {
      font-size: 40px;
      margin-top: 15px;
    }
  }

  @media only screen and (max-width : 400px) {
  	.widgets .date-time-container #time {
	  	font-size: 20px;
	  	margin-top: 5px;
	  }
  }

  .widgets .weather-container {
  	width: 230px;
    display: inline-block;
  }

 @media only screen and (max-width : 400px) {
 	.widgets .weather-container {
	  	transform: scale(0.5);
	  	width: 100px;
	  }
 }

 #divi-sticky-header {
 	position: relative;
 	z-index: 999999999;
 }

  .newsfeed {
 	position: fixed;
 	width: 100%;
 	z-index: 9999999999999999999998;
 	left: 0;
 	bottom: 0;
 	font-size: 18px !important;
 	color: white;
 	text-align: center;
 	font-size: 0;
 	padding: 20px 0;
 }

 @media only screen and (max-width : 400px) {
  	 .newsfeed {
	 	font-size: 14px !important;
	 }
 }


  .newsfeed-logo {
 	height: 90px;
 	width: auto;
 	position: absolute;
 	left: 5%;
 	top: 30%;
 	margin-top: -27px;
 	z-index: 9999999999999999999999;
 }

 @media only screen and (max-width : 800px) {
 	.newsfeed-logo {
	 	left: 2%;
	 	top: -18px;
	 	margin-top: 0;
	 }
 }
 
 .spectroaudio {
     
 	position: relative;
 	width: 100%;
 	z-index: 9999999999999999;
 	left: 0;
 	justify-content: space-around;
    margin-bottom: 0px;
 	
 }
  
  .spectroaudio-logo {
 	
 	width: auto;
 	position: absolute;
 	
 	margin-top: -25px;
 	z-index: 999999999;
 }