/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
.lity-content>h3, .lity-content>p {color: #fff;}

.hdr-main {
  min-height: 200px;
  background-image: url('https://www.uvu.edu/newsroom/images/newsroom-header_2800px.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 40vh;
}
.hdr-main-sub {
  position: absolute;
  bottom: -24px;
  left: -10px;
}
.hdr-main h1 {
    /*position: absolute;*/
  display: block;
  bottom: 0;
  font-weight: 900;
  font-family: "Montserrat", arial, sans-serif;
  font-size: 9vw;
  text-transform: uppercase;
  margin-bottom: 67px;
  line-height: 0;	
}
.hdr-main-secondary {
    min-height: 150px;
    background-image: url(https://www.uvu.edu/newsroom/images/newsroom-header_2800px.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.hdr-main-secondary h1 {
    /* position: absolute; */
    display: block;
    bottom: 0;
    font-weight: 900;
    font-family: "Montserrat", arial, sans-serif;
    font-size: 4vw;
    text-transform: uppercase;
    margin-bottom: 43px;
    line-height: 0;
}
.header-green {
  font-size: 24px;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
}

.header-green::before {
  margin-right: 40px;
}

.header-green::after {
  background-color: #2E623F;
}
.header-green::after {
  margin-left: 40px;
}
.header-green::before, .header-green::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #275d38;
}

h3.secondary-header {
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #666666;
}

.button-border-left {width: 100%;}

.top-subnav-border {border-top: 22px solid #F1F1F1;}

.text-gry {color: #F1F1F1;}
.text-mont {font-family: "Montserrat", arial, sans-serif;}

.news-slider-link {
	margin-top: -22px;
    z-index: 1;
    position: relative;
}
.news-slider-link a:hover {color: #fff;}

.nav-pills>li.active>a {
    color: #fff;
    background-color: #275d38;
}
.nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #275d38;
    background-color: #eee;
}
/* ---- b-roll cards ---- */
.broll-crd-a:hover {text-decoration: none;}
.card-picture-6 {
    background-color: #ededed;
    border-top: 0px solid #275d38;
}
.card-picture-6 .card-picture-title {color:#275d38;}
.card-hover.card-hover-grow .card-hover-img {
    opacity: 1;
}
.card-hover.card-hover-grow:hover .card-hover-img {
    transform: scale(1.1);
    opacity: 1;
}
.card-picture-6:hover:after {
    background-color: rgba(0, 0, 0, 0.09);
}
	
.card-picture-6 .card-picture-title:after {
    content: "\e2c9";
	font-family: "Font Awesome 6 Solid", "Font Awesome 6 Pro";
    opacity: 0;
    transition: ease-in-out 0.15s;
}

.fa-light, .fa-solid {font-family: "Font Awesome 6 Solid", "Font Awesome 6 Pro"; font-style: normal;}

/* ---- stats tableau ---- */
iframe.tableauViz.tableau-view {
    height: 90vh;
    /*width: 94vw;*/
}

/* ---- news button ---- */
a.news-icon-button {
    background-color: #F0F0F0;
    border-radius: 0;
    padding: 20px 70px 20px 20px;
    color: #666666;
    text-transform: uppercase;
    display: block;
    text-align: left;
    position: relative;
    font-size: 12px;
    margin: 5px;
}
.news-icon-button::after {
    background-color: rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: auto;
    width: 50px;
    font-size: 20px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
}
a.news-icon-button.icon-zip::after {
    content: '\f1c6';
}
.news-icon-button.icon-doc::after {
    content: '\f1c2';
}
a.news-icon-button.icon-pdf::after {
    content: '\f1c1';
}
a.news-icon-button.icon-download::after {
    content: '\f019';
}
a.news-icon-button.icon-external::after {
    content: '\f08e';
}
a.news-icon-button.icon-mail::after {
    content: '\f1d8';
}
a.news-icon-button::after {
    background-color: rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: auto;
    width: 50px;
    font-size: 20px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
}
a.news-icon-button:hover {
    background-color: #d8d8d8;
}
a.news-icon-button:hover::after {
    background-color: #275d38;
	color: #fff;
}

/* ---- photo download button ---- */

.nr-card {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #a9a9a9;
  margin: 5px;
  padding: 0px;
  max-width: 380px;
}
.nr-photo::after {
  content:"\f06e";
  font-family:"Font Awesome 5 Solid", "Font Awesome 5 Pro";
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 4px;
  color: #fff;
}
.nr-card>a.news-icon-button {
    background-color: #F0F0F0;
    border-radius: 0;
    padding: 15px 70px 15px 15px;
    color: #666666;
    text-transform: uppercase;
    display: block;
    text-align: left;
    position: relative;
    font-size: 11px;
    margin: 5px;
}

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  margin-bottom: 10px;
  border-radius: 0px;
  color: #275d38;
  font-family: "Lato", arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}

.button:hover {
  background-color: #CDCDCD;
  color: #275d38;
}

.button:active,
.button.is-checked {
  background-color: #275d38;
}

.button.is-checked {
  color: white;
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group {
  margin-top: -15px;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 3px;
  width: 24.75%;
}


/* ---- grid ---- */

.grid {}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  margin: 20px 0px;
  padding: 20px;
  background: #f9f9f9;
  color: #000;
}


.d-shad {box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 40%);}




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.drop-down-news-nav {padding-left: 2px;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {color: #275d38;}
.caret {
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.nav-pills>li>a {
    border-radius: 0px;
}
.nav-pills>li {
    float: left;
    width: 19.83%;
    text-align: center;
    background: #275d38;
    color: #fff;
	margin-top: 0px;
	margin-left: .05%;
}
.nav-pills>li>a {
    color: #fff;
}
.nav-pills>li>a:hover, .nav-pills>li>a:active, .nav-pills>li>a:focus {
    color: #275d38;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #275d38;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dropdown.open .dropdown-menu {
    width: -webkit-fill-available;
}


.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.7s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
    max-height: 300px;
    opacity: 1;
}

/*-------green circle graphic---------*/
.gr-cir:before {
    padding: 8px 19px;
    background: #4ba23f;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    content: "?";
	margin-right: 20px;
}

/* Blog Slider Overrides */

.blog-slider li {
	padding: 0;
}

.blog-slider h2 {
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	font-weight: bold;
	border-left: 7px solid #fff;
	padding-left: 10px;
	color: #fff;
}

.featured-slider a, .featured-slider a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #434344;
}


.featured-content {
	padding: 20px 20px 80px 20px;
}

.featured-content p {
	font-family: "Raleway", sans-serif;
}

.slick-dots {
    padding-left: 0;    
    left: 50%;
	right: auto;
    opacity: 1.0;    
    background-color: #fff;
    padding: 5px;
    border-radius: 50px;
	bottom: 25px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.slick-dots button {
	width: 20px;
	height: 20px;
	box-shadow: none;
	background-color: #ebebeb;
}

.slick-dots li {
	margin: 5px 8px 5px 8px;
}

.slick-dots .slick-active button {
	background: rgb(39,94,55);
	background: radial-gradient(circle, rgba(39,94,55,1) 25%, rgba(235,235,235,1) 25%);
    -webkit-box-shadow: none;
    box-shadow: none;
}



/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	
	
	/* Blog slider overrides */
	
.slick-slider a {
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
}

.featured-content {
	padding: 40px 40px 80px 40px;
}
	
}

/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (max-width: 1025px) {

}
@media only screen and (max-width: 992px) {
	.nav-pills>li {
      float: none;
      width: 100%;
	}
	.dropdown-menu {
      position: relative;
      float: none;
	}
	.card-picture-6 .card-picture-title {
		color: #fff;
		background: #275d38;
	}
	.card-picture-6 .card-picture-title:after {
		opacity: 1;
		margin-left: 20px;
		transition: 0s;
	}
	.card-picture-6 .card-picture-img {
		padding-top: 65px;
	}
}

@media only screen and (max-width: 820px) {
	.drop-down-news-nav {padding-right: 5px;}
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	
	
}

/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/