/* NEW STYLES FOR FACULTY OF THE FUTURE VIDEO PAGES */

#watch-fof-video{
  margin: 0;
  background: #181c25;
  width: 250px;
  padding: 5px 15px;
  position: absolute;
  left: 25%;
  bottom: 30px;
}
#learn-more-fof{
  margin: 0;
  background: #181c25;
  width: 180px;
  padding: 5px 15px;
  position: absolute;
  left: 55%;
  bottom: 30px;
}
#watch-fof-video span, #learn-more-fof span {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
 .full-width {
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-right: -50vw;
   background-color:#40434b;
   margin-top:20px
 }

 .video-featured h3 a, .video-featured h3 a:visited{
   color: white;
  font-weight: bold;
}

 #fof-title span{
   text-align:center;
   margin-bottom: 0;
   color: #e490a3;
   color: #fff;
   font-size: 28px;
   font-weight:700
 }
 #fof-title{
   text-align:center;
   margin-top: 0;
   color: #fff;
   font-size: 21px;
   font-weight:400;
 }
 #fof-slogan{
   float: left;
   background: #181c25;
   width: 405px;
   padding: 0px 20px;
   margin: 60px 0 30px 350px;
 }
 #fof-slogan h3{
   color: #fff; font-size: 26px;
 }
 .fof-grey-box{
   float: left;
   padding: 3px 23px;
   border-radius: 3px;
   background: #efefef;
   border: 2px solid #e6e6e6;
 }
 @media only screen and (max-width: 39em){
   .flex-item2 a{ font-size: 15px;}
   #fof-title span{ font-size: 23px;}
   #fof-title{ font-size: 18px;}
   #fof-slogan{  width:50%; margin: 0px 0 30px 0px; float: right;}
   #fof-slogan h3{ font-size: 19px;}
   #pg-6337-1 > #fof-slider{  background-position: 10% center; }
   #watch-fof-video{ width: 195px;bottom: 40px; }
   #learn-more-fof{ width: 150px;bottom: 5px; }
   #watch-fof-video span, #learn-more-fof span { font-size: 16px; }
   #watch-fof-video img, #learn-more-fof img { height: 20px;width: 20px;}
 }
 @media only screen and (max-width: 768px) and (min-width: 40em) {
     #fof-slogan{  width:50%; margin: 0px 0 30px 0px; float: right;}
     #pg-6337-1 > #fof-slider{  background-position: 0% center; }
 }
@media only screen and (max-width: 780px){
   #watch-fof-video{ width: 195px;bottom: 40px; }
   #learn-more-fof{ width: 150px;bottom: 5px; }
   #watch-fof-video span, #learn-more-fof span { font-size: 16px; }
   #watch-fof-video img, #learn-more-fof img { height: 20px;width: 20px;}
}
 #core-categories .cat_box{ background: white; height: 163px; overflow: hidden; margin-bottom: 18px;}
 #core-categories .cat_box:hover{ -webkit-box-shadow: 9px -9px 0px -5px rgba(230,230,230,1); -moz-box-shadow: 9px -9px 0px -5px rgba(230,230,230,1); 	box-shadow: 9px -9px 0px -5px rgba(230,230,230,1); }
 #core-categories .cat_box:focus{ -webkit-box-shadow: 9px -9px 0px -5px rgba(168,123,133,1); -moz-box-shadow: 9px -9px 0px -5px rgba(168,123,133,1); 	box-shadow: 9px -9px 0px -5px rgba(168,123,133,1); }
 #core-categories .cat_box .entry-header{ height: 50px; padding: 4px 10px; margin-top: 0; position: absolute; top: 80px; left: 0; display: block; }
 #core-categories .cat_box .entry-title{  font-size: 1.1em; margin-top: 10px; font-weight: 400; font-size: 19px; color: #9d5b6a; line-height: 1.5; background: white; padding: 10px 10px; }
 #core-categories .cat_box .entry-title:hover { color: #191818; }
 #core-categories .cat_box .entry-meta{ text-transform: uppercase; color:#000; }
 #core-categories .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; }
 #core-categories .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 65px 20px; cursor: pointer; }
 #core-categories .hovereffect img { display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 #core-categories .hovereffect:hover img { opacity: 0.2; filter: alpha(opacity=20); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); cursor: pointer; }
 #core-categories .hovereffect a, .hovereffect p { color: #782F40; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); font-family: "Open Sans"; font-size: 16px; font-weight: 600; }
 #core-categories .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

 @media only screen and (max-width: 39em){
   #core-categories .cat_box .entry-title { font-size: 1.5em; font-weight: 400;}
   #core-categories .hovereffect { background: none; }
   #core-categories .hovereffect a{  opacity: 100; }
   #core-categories .hovereffect:hover img { opacity: 1; filter: alpha(opacity=100); }
   #core-categories .hovereffect .overlay { display: none; }
   #core-categories .hovereffect .overlay {  padding: 115px 20px; }
   #core-categories .hovereffect a, .hovereffect p { font-size: 21px; }
 }

 /* END NEW STYLES FOR FACULTY OF THE FUTURE PAGES */