/* CSS Document for the digital sign templates 

Created: June 2015
Author: Christina Hall

Updated: April 2019

*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css);

body {
    background-image: url("https://www.montana.edu/cpa/digital-signs/img/msu-digital-bkg.png ");
	background-repeat: no-repeat;
   /* background-color: #f1f1f1;*/
	width:1920px;
	height:1080px;
	font-family: "Open Sans";
}

.main {
	margin-top: 65px; /* was 80px before adjustment */
	font-family: "Open Sans", sans-serif;
}

h1 {
  color: #013C7B;
  font-family: Georgia,serif;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: -8px;
  font-weight:400;
}

h3 {
  line-height: 22px;
  margin-bottom: 5px;
  margin-top: 0;
}	

section {
  margin-left: 40px;
  }

/* slick slider */

.slick-slider {
  margin-left: -40px !important;
  margin-right:  40px !important;
}

.slickslide .dateblock {
  display: none;
}

.slick-event > img {
   height: 480px;
}

.slick-news > img {
  height: 480px;
}

.slick-asset > img {
   height: 480px;
}

li.slick-asset {
  height: 480px;
}

.slickslide img {
  float: left;
}

.slick-content {

  display: inline;
  font-size: 15px;
  line-height: 22px;
  padding-bottom: 18px;
  padding-right: 28px;
  padding-left: 24px;
  position: absolute;
  bottom: 0px;
}

/*.slick-content .datetime .date {
  bottom: 0;
  font-size: 15px;
  line-height: 22px;
  margin-left: 640px;
  padding: 16px;
  position: absolute;
}*/

.slick-content  .dateblock {
  color: #fff;
  font-size: 31px;
  line-height: 18px;
  text-align: center;
}

.slick-content .datetime .date::before  {
	 content: "\f133";
  font-family: FontAwesome;
  margin-right: 4px;
  color: #B2B2B2;
}

.slick-content .datetime .time::before {
	 content: "\F017";
  font-family: FontAwesome;
  margin-right: 4px;
  color: #B2B2B2;
}

.slick-content .location::before  {
	  content: "\f041";
  font-family: FontAwesome;
  margin-right: 4px;
   color: #B2B2B2;
}

.slick-content .location {
	margin-top: -17px;
}

.slick-content > h3 {
  color: #1052a3;
  font-size: 20px;
  font-weight: normal;
  line-height: 23px;
  margin-bottom: 9px;
  margin-top: 0;
  text-transform:capitalize;
}

ul.slickslide {
color: #616161;
}     
        
ul.slickslide li {
background: #e7e7e7;
}

/* title of group or department */

/*.group-name {
  bottom: 0;
  color: white;
  float: left;
  font-family: georgia;
  font-size: 35px;
  font-variant: all-small-caps;
  left: 0;
  line-height: 34px;
  margin-left: 385px;
  position: absolute;
}*/

.group-name {
  color: white;
  font-family: georgia;
  font-size: 35px;
  font-variant: all-small-caps;
  left: 370px;
  line-height: 34px;
  position: absolute;
  top: 41px;
}

/* weather */

#weather-vertical{
	padding-top:4px;
    font-family: Arial, sans-serif;
	position:relative;
}

.weather-container {
    margin-left: 1192px;/*1185px;*/
}

.weather{
	display: inline-block;
  padding-left: 20px;
}
	
.current h1{
	color: #ffffff;
	text-align:center;
}

#dateDiv {
    float: none;
    padding: 42px 0 0 0;
    color: white;
	  display:inline-block;
    font-size: 26px;
    margin-right: 8px;
}

#weather-vertical h1  {
    padding-top: 0px;
    font-size: 30px;
}

#weather-vertical h1 i {
    font-size:50px;
}

ul.weather.forecast {
    padding-top: 3px;
   
    padding-left: 10px;
}

.forecast li h3.temperature-high {
    font-size: 20px;
	display: inline-block;
}

.forecast li h3.temperature-low {
	font-size: 14px;
	display: inline-block;
}

.forecast li h2, .forecast li h3 {
    color: #ffffff;
       margin: 0;
    padding: 0;
	display: inline-block;
}

.forecast li h2 {
    color: #fff;
}

.forecast i {
    font-size: 32px;
}

.forecast li {
display: inline-block;
    margin: 0;
}

.forecast-container {
    padding-left: 25px;
	float: right;
}

.weather-day {
	padding-left: 16px;
	margin-bottom: -6px;
}

[class*="icon-weather"] {
    color: #efefef;
    display: inline-block;
    font-size: 1.5em;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
}
[class*="icon-weather"]:before {
    font-family: "MeteoconsRegular";
}
[class*="icon-weather-2"] {
    color: #ff7a00;
}
[class*="icon-weather-2"]:before {
    content: "P";
}
[class*="icon-weather-3"] {
    color: #949494;
}
[class*="icon-weather-3"]:before {
    content: "Q";
}
[class*="icon-weather-5"] {
    color: #949494;
}
[class*="icon-weather-5"]:before {
    content: "R";
}
[class*="icon-weather-6"]:before {
    content: "W";
}
[class*="icon-weather-611"]:before {
    content: "X";
}
[class*="icon-weather-7"]:before {
    content: "E";
}
[class*="icon-weather-8"]:before {
    content: "H";
}
[class*="icon-weather-800"] {
    color: #ffff00;
}
[class*="icon-weather-800"]:before {
    content: "B";
}
[class*="icon-weather-803"]:before, [class*="icon-weather-804"]:before {
    content: "Y";
}
[class*="icon-weather-9"]:before {
    content: "%";
}

/* rule - horizontal and verticle */

.hz-rule{
	background-image:url(../img/template-horiz-rule.png);
	background-repeat: repeat-x;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}
	
.vert-rule{
	background-image:url(../img/template-vert-rule.png);
	background-repeat: repeat-y;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}

/* news  */

.news {
  }

.news-block {
  /*   background-color: #e5e5e5;
	 padding:15px;	
*/
	padding:0px;
}

.news-item{
	font-size:14px;
	margin-bottom: 15px;
	color: #2D2C2C;       
    overflow: hidden;
    list-style: none;
	}
	
.news-date {
  font-size: 12px;
  margin-bottom: 7px;
  font-style: italic;
}

.news-short-title {
 color: #1052a3;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 1px;
  margin-top: 0;
}

.news-short-summary {
  font-size: 14px;
   color: #616161;
}

/* announcements */

.announcement-block {
  background-color: #e5e5e5;
	padding:15px;
}

/* boxes */

.box25-block{
	background-color: #e5e5e5;
	padding:15px;
}
	
.box50-block{
	background-color: #e5e5e5;
	padding:15px;
}


.box70-block{
	background-color: #e5e5e5;
	padding:15px;
}

/* Calendar Events */

.events{}

.events-block {
/*   background-color: #e5e5e5;
	 padding:15px;	
*/	padding:0px;	
}

.event-item {
  margin-bottom: 15px;
  overflow: hidden;
	font-size: 14px;
  margin-bottom:24px;
  color: #616161;
}

.event-item h3 {
  color: #616161;
  display: inline;
  font-size: 14px;
  font-weight: normal;
}

.event-item .dateblock {
  background: #2d66ad none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 31px;
  height: 70px;
  line-height: 18px;
  margin-bottom: 25px;
  margin-right: 10px;
  margin-top: 6px;
  padding: 0 3px 3px 2px;
  text-align: center;
  text-decoration: none;
  width: 70px;
}
		 
.event-item .dateblock .month {
        display: block;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 7px;
		margin-top: 12px;
}
	
.event-short-title {
  color: #1052a3;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 1px;
  margin-top: 0;
}

.event-short-summary {
   font-size: 14px;
   margin-bottom: 4px;
}

.event-item .event-dates::before{
	
	content: "\F017";
  font-family: FontAwesome;
  margin-right: 2px;
  color: #B2B2B2;
}

.event-item .event-locations::before {
  content: "\f041";
  font-family: FontAwesome;
  margin-right: 4px;
  color: #B2B2B2;
}

/* social media */

.socialmedia-block {
  background-color: #e5e5e5;
  height: 782px;
  padding: 15px;
}

/* horizontal instagram feed */

.insta-feed{
height:210px;
}
	
.insta-text {
  font-size: 15px;
   color: #616161;
}

/* what is this? Dont think i need any of it */

.bxslider {
    padding: 0;
    margin: 0;
}

#bus > div {
    height: 185px;
    overflow: hidden;
}

.b-col{
	width: 390px !important;
}

.bx-viewport {
		height:470px !important;
}
	
.pagexofy{
		padding-top: 10px;
		font-size: 18px;
	}