* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
img {max-width: 100%; height:auto !important;}
.box .imageContainer img {min-width:100%;}
iframe {max-width:100% !important;}
.bannerImage img {min-width: 100%; height:auto !important;}
#search input {width:100%; -webkit-appearance:none;}
#primaryNav li {
  width:16.6666667%;
}
input, .styled-select {height:2.5em;line-height: 2.5em;padding:0 5px;}
.inputHolder {margin-right:0;}
.styled-select {width:auto; background-position: right 10px center;margin-bottom: 5px;}
.styled-select select {
  width: 120% !important;
  -webkit-appearance:none;
}
input.radioButton, input.checkbox {width:auto;height:auto;}
.formElementShadow {background-size:cover;}
#courseFinderKeyword, #courseFinderAtoZ {float: none;}
#keywordSearchBox {width:100%;}
#courseFinderTopic {float: none;}
#courseFinderTopic .styled-select,
#courseFinderAtoZ .styled-select
{
  background-position: right 10px center;
  width:auto;
}

.radio-group {float: left;}

#rightSidebar {width:29.1%;}
#rightSidebar div[class^="grid_"] {
  width:100%;
  margin:0;
}

.twit-box{background:#fff; margin-top:6%;}
.twit-box iframe{margin:0px;}


/* t4 homepage proj added */
/*#carousel-container{display:none;}*/
#photo-gallery .item, #video-gallery .item{display:none;}
#video-gallery .item img{}

.secondary-navigation{width:100%; position: relative; margin-top:-20px; margin-bottom:20px;}
.secondary-navigation nav{position:absolute; background:#DF0052;  z-index:100; width:97.8%; margin-left:1.1%;}
.secondary-navigation ul{display:none; font-size:1.2em; }
.secondary-navigation ul.active{display:block;}
.secondary-navigation li{display:inline; text-align: center; border-right:1px solid #fff;word-break:keep-all;}
.secondary-navigation li:last-child{border-right:none;}
.secondary-navigation li a{ display:inline-block;  color:#fff; padding:0.4%;word-break:keep-all;}

.spotlight{padding-bottom:6px; margin-bottom:14px;}

#headerLinks .toplinks{float:right; width:97%;}
#headerLinks .toplinks li{float:right;  margin-right:1%;}
#headerLinks .toplinks li:hover{cursor: pointer; }
#headerLinks .toplinks li{ padding:0.8% 1% 1% 3.3%;}

.first-toplink,.second-toplink, .show-on-small-only .first-toplink{display:block; text-align:left;}
.first-toplink, .show-on-small-only .first-toplink{background: url(/media/liverpoolhope/styleassets/cssimages/media,43530,en.gif) 3% -3% #123E5A no-repeat;}
.second-toplink{background: url(/media/liverpoolhope/styleassets/cssimages/media,43530,en.gif) 6% 15.5% #123E5A no-repeat;}
.toplinks a{color:#fff;}
.toplinks a:hover{text-decoration: none}
.show-on-small-only .first-toplink{background-position: 3% -9%;}
.first-toplink:hover{background-position: 3% 58%; background-color:#df0051; }
.second-toplink:hover{background-position: 6% 37%; background-color:#df0051;}


.call-to-action{background:#123E5A; border-left:5px solid #DF0052;padding:1.4% 0%; margin-bottom:10px; }
.call-to-action span{vertical-align: top}
.call-to-action:hover{background: #002541; cursor: pointer; color:#fff;}
.call-to-action {color:#fff; font-size: 1.3em;  display: inline-block; }
.call-to-action:hover, .call-to-action:visited, .call-to-action:active{text-decoration: none}
.call-to-action .fa{font-size: 1.2em; margin-left:5%; margin-right: 5%; vertical-align: bottom;}

.call-to-action, .depts-nav-content li{background:#123E5A; border-left:5px solid #DF0052;padding:1.4% 0%; margin-bottom:10px; }
.call-to-action span{vertical-align: top}   .call-to-action span, .depts-nav-content li span{vertical-align: top}
.call-to-action:hover{background: #002541; cursor: pointer; color:#fff;}    .call-to-action:hover, .depts-nav-content li:hover {background: #002541; cursor: pointer; color:#fff;}
.call-to-action {color:#fff; font-size: 1.3em;  display: inline-block; }    .call-to-action,.depts-nav-content li {color:#fff; font-size: 1.3em;  display: inline-block; }
.call-to-action:hover, .call-to-action:visited, .call-to-action:active{text-decoration: none}   .call-to-action:hover, .call-to-action:visited, .call-to-action:active, .depts-nav-content li:hover, .depts-nav-content li:visited, .depts-nav-content li:active{text-decoration: none}
.call-to-action .fa{font-size: 1.2em; margin-left:5%; margin-right: 5%; vertical-align: bottom;}    .call-to-action .fa, .depts-nav-content li .fa{font-size: 1.2em; margin-left:5%; margin-right: 5%; vertical-align: bottom;}



.homepage-news, .landing-news{border:1px solid #d0d2d2; background:#fff; }
.homepage-news a{color:#123E5A; font-weight: bold; display:block;}    .homepage-news a,.landing-news a{color:#123E5A; font-weight: bold; display:block;}
.homepage-news a:hover{text-decoration: none; color: #DF0052}   .homepage-news a:hover,.landing-news a:hover{text-decoration: none; color: #DF0052}
.largerNewsItem .newsImage{margin:2% 3% 2% 0%; border:none; box-shadow: none; width:25%;}
.largerNewsItem h3{font-size:1.3em; padding:1% 2% 0% 0%; margin-bottom:1%;}
.largerNewsItem a.read-more{color:#7a7a7a; margin-top:2%; display:block;}
.largerNewsItem a.read-more:hover{text-decoration: underline}
.largerNewsItem .article-info{float:right; width:72%;}
.largerNewsItem span{color:#7a7a7a; padding-top:2%; display: block}
.smaller-newsItem{width:49%; float:left;  margin-right:1%;}
.smaller-newsItem article{border-left:5px solid #DF0052; padding:2%;}

#homepage-news, #landing-news{margin-bottom:10px;}
.homepage-news ul{width:95%; margin:auto;}    .homepage-news ul, .landing-news ul{width:95%; margin:auto;}
.homepage-news .readAllNews{width:95%; margin:auto; clear:both; color: #fff; display:block; background: url(/media/liverpoolhope/styleassets/cssimages/media,43522,en.gif) no-repeat 3% 50% #123E5A; margin-bottom: 2%; margin-top:2%; padding:2% 2% 2% 6%; font-size: 1.2em}   .homepage-news .readAllNews, .landing-news .readAllNews{width:95%; margin:auto; clear:both; color: #fff; display:block; background: url(/media/liverpoolhope/styleassets/cssimages/media,43522,en.gif) no-repeat 3% 50% #123E5A; margin-bottom: 2%; margin-top:2%; padding:2% 2% 2% 6%; font-size: 1.2em}
.homepage-news .readAllNews:hover{color:#fff;text-decoration: none; background: url(/media/liverpoolhope/styleassets/cssimages/media,43522,en.gif) no-repeat 3% 50% #002541;}   .homepage-news .readAllNews:hover, .landing-news .readAllNews:hover{color:#fff;text-decoration: none; background: url(/media/liverpoolhope/styleassets/cssimages/media,43522,en.gif) no-repeat 3% 50% #002541;}
.homepage-news .newsItem{border-bottom:1px solid #d1d3d3;}    .homepage-news .newsItem, .landing-news .newsItem{border-bottom:1px solid #d1d3d3;}

.homepage .spotlight,.landing-page .spotlight{min-height:300px;}
.spotlight img{width:100%;}
.spotlight-info h2{font-size:1.3em;}
.homepage .spotlight-info, .landing-page .spotlight-info{padding:3%; font-size:1.15em; padding-bottom:8%;}
.spotlight-info{padding:3%}
.spotlight .box{padding:0px;}
.spotlight .blue a, .spotlight .red a{color:#fff;}
.spotlight .grey a, .spotlight .white a{color: #123e5a;}

#courseFinderWidget .radioButton{margin-top:3%;}

#courseFinderWidget {margin-bottom:10px;}
.carousel-container{margin-bottom:10px; clear:both;}
.resp-tab-item{background: #dcdede; border: 1px solid #959595; border-bottom:none; }
.resp-tab-active{border-bottom:none;}
.carousel-container .item{position:relative;}
.carousel-container .item a{display: list-item; list-style: none;}
.carousel-container .item span.item-title{display:none; position:absolute; top:20%; color:#fff; padding:10%; opacity: 1}
/*.carousel-container .item:hover span.item-title, */.carousel-container .item.active span.item-title{display:block; font-weight: bold}

#video-gallery .vid-play-btn{position:absolute; top:0%; right:0%; background: url(/media/liverpoolhope/styleassets/cssimages/media,43531,en.gif) no-repeat; width:22px; height:22px; display:block;}
#video-gallery .vid-time{position:absolute; bottom:0%;right:0%; background: #123E5A; color:#fff; font-size: 0.9em; padding:1% 2%;}

/*.item a:hover{opacity: 0.15;}*/
/*.item:hover a, */.item.active a{opacity: 0.15;}
.item{background:#123E5A;}
/* 
   *  Core Owl Carousel CSS File & theming
   *  v1.3.3
 */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:93%; margin:auto;}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.demo{width:980px;margin:0 auto}.demo h1{margin:33px 0 25px}.demo h3{margin:10px 0}pre{background:#fff}@media only screen and (max-width:780px){.demo{margin:5%;width:90%}.how-use{float:left;width:300px;display:none}}#tabInfo{display:none}#photo-gallery .item,#video-gallery .item{margin:3px}#photo-gallery .item img,#video-gallery .item img{display:block;width:100%;height:auto}

.owl-theme .owl-controls .owl-buttons div{display:inline-block;zoom:1;margin:5px;padding:6.3% 1.8%; height:100%;font-size:0px; }
.owl-prev,.owl-next{position:absolute; top:-1%;}
.owl-prev{left:-1%;background: url(/media/liverpoolhope/styleassets/cssimages/media,43523,en.gif) 50% no-repeat #123E5A;}
.owl-next{right:-1%;background: url(/media/liverpoolhope/styleassets/cssimages/media,43524,en.gif) 50% no-repeat #123E5A;}

.owl-item.loading{min-height:150px;background:url(/media/liverpoolhope/styleassets/cssimages/media,43521,en.gif) center center no-repeat}
/* 
   *  Easy Responsive Tabs Plugin
   *  Author: Samson.Onna <Email : samson3d@gmail.com>
 */
ul.resp-tabs-list{margin:0;padding:0}.resp-tabs-list li{font-size:1.2em;color:#123E5A;font-weight:bold;display:inline-block;padding:0.5% 2%;margin:0;list-style:none;cursor:pointer;float:left}.resp-tabs-container{padding:0;background-color:#fff;clear:left}h2.resp-accordion{cursor:pointer;display:none; background:#dcdede;}.resp-tab-content{display:none;padding:1%}.resp-tab-active{border:1px solid #c1c1c1;margin-bottom:-1px!important;padding:6px 24px 7px!important;border-bottom:none;background-color:#fff}.resp-accordion-active,.resp-content-active{display:block}.resp-tab-content{border:1px solid #c1c1c1}h2.resp-accordion{font-size:0.9em;border:1px solid #c1c1c1;border-top:0 solid #c1c1c1;margin:0;padding:10px 15px}h2.resp-tab-active{border-bottom:0 solid #c1c1c1!important;margin-bottom:0!important;}h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:#00f}.resp-vtabs ul.resp-tabs-list{float:left;width:30%}.resp-vtabs .resp-tabs-list li{display:block;padding:15px!important;margin:0;cursor:pointer;float:none}.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}.resp-vtabs .resp-tab-content{border:none}.resp-vtabs li.resp-tab-active{border:1px solid #c1c1c1;border-right:none;background-color:#fff;position:relative;z-index:1;margin-right:-1px!important;}.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797}h2.resp-tab-active{background:#fff!important}.resp-easy-accordion h2.resp-accordion{display:block}.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}.resp-jfit{width:100%;margin:0}.resp-tab-content-active{display:block}h2.resp-accordion:first-child{border-top:1px solid #c1c1c1!important}@media only screen and (max-width:768px){ul.resp-tabs-list{display:none}h2.resp-accordion{display:block; font-size:1.2em;}.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:initial;clear:none}.resp-accordion-closed{display:none!important}.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important}}


.show-on-small-only .first-toplink{float:right; display:block; width:100%; text-align:right; font-size: 1.25em;}
.show-on-small-only .first-toplink a{padding:5% 8% 5% 8%; display:block;}


.courseFinderWidget .select-grouping input, .courseFinderWidget .select-grouping .styled-select{margin-bottom: 0.8em}
.courseFinderWidget .select-grouping .styled-select, .inputHolder{font-size:1.15em;}
.inputHolder

.twitter-timeline{margin-top:8%;}

#courseFinderWidget:hover{background:#DF0052}
#courseFinderWidget .radioButton{margin-top:3%; }
#courseFinderWidget button{margin-top:6%;}
#courseFinderWidget button:hover{cursor: pointer}
.radio-grouping .radioLabel{font-size:1.2em; margin-top:1.5%;} 


.courseFinderWidget .select-grouping .styled-select.last-in-list{margin-bottom:0.55em;}


/* T4 Landing Pages Project */
h1.landing-header{background:#123e5a; color:#fff; border-bottom:4px solid #df0052; border-right: 4px solid #df0052; padding:3% 1% 1% 1%; margin:0% 0% 1% 0%; text-align: left; width:83%; float:left;height:76px;}
.isotope{margin-top:10px;}
.landing-page #breadcrumb{padding-top:1%; font-size:1.2em;}
.landing-inner #breadcrumb{font-size:0.9em;}
.depts-nav-content{ clear:both;}
.depts-nav-content ul{margin-left:0px; padding-left:0px;}
.depts-nav-content li{width:31.4%; margin-right:2.5%;}
.depts-nav-content li:last-child, .landing-inner .depts-nav-content li:last-child{margin-right: 0px}
.depts-nav-content li a{color:#fff; padding-left:4%;}
.landing-inner .depts-nav-content li{width:24%; margin-right:1%;}
.depts-nav{background:#c5c6c6;float:right; padding:2.1% 0% 1.7% 0%; margin-bottom:1%; width:16%; cursor: pointer; height:76px;}
.depts-nav:hover{background:#123e5a; color:#fff;}
.depts-nav a{color:#123e5a; text-transform: uppercase; display:block; padding:3% 5%; line-height:1.3em;}
.depts-nav a:hover, .depts-nav:hover a{text-decoration: none; color:#fff;}
.depts-nav i{color:#123e5a; margin-right:3%;font-size:1.8em; line-height:0.4em; float:right;}
.depts-nav>a.open i.fa-sort-down,.depts-nav>a i.fa-sort-up{display:none;}
.depts-nav>a.open i.fa-sort-up{display:block; margin-top:0.48em;}
.depts-nav:hover i{color:#fff;}
.depts-nav-content{display:none;}
.landing-page #slideshow{margin-bottom:0px;}
.landing-nav{margin-bottom:1%;}
.dept-overview {width:47.9166667%; float:left; position:relative;height:290px;  /*news list plugin puts in at 285px*/}
.dept-overview h2{font-size:1.5em; font-weight:bold;}
.showMoreOverview, .hideMoreOverview{position:absolute; bottom:0px; width:100%; background:#123e5a; padding:2.5% 3%; color:#fff;}
.showMoreOverview:hover, .showMoreOverview:visited, .showMoreOverview:active, .hideMoreOverview:hover, .hideMoreOverview:visited, .hideMoreOverview:active {color:#fff;}
.hideMoreOverview{position: static; margin-top:2%; display:block}
.dept-news{width:47.9166667%; float:right;}
.dept-news + .spotlight{clear:both;}
.accordion-block{overflow:auto; clear:both;}
.accordion-block>a{background: #46728e; display:block; color:#fff; padding:1% 3%; font-size:1.3em; margin-top:1%;}
.accordion-block>a.open, .accordion-block>a:hover{background:#123e5a;}
.accordion-block>a i{line-height:0.4em; font-size:1.5em;}
.accordion-block>a i.fa-sort-up, .accordion-block>a.open i.fa-sort-down{display:none;}
.accordion-block>a.open i.fa-sort-up{display:block; margin-top:0.48em;}
.acc-content{display:none;background:#fff; padding:2%; overflow:auto; width:98%; margin:auto;}
.acc-content tr:first-child {border-bottom:2px solid #df0052;}
.department-staff img{border-radius:80px;}
.staff-profile{width:24%; float:left; overflow:auto; border-left:4px solid #df0052; padding:2%; text-align: center; margin-top:1%; min-height:30%;}
.staff-profile .staffSpan{width:100%;}
.staff-profile:nth-child(4n+1){clear:both;}
.stackableImgs{float:left; margin:1% 1% 0% 0%;}
.course-list {margin-left:0px; padding-left:0px;  width:40%; float:left;}
/*.course-list li:first-child{font-weight:bold; font-size:1.2em; float:none; border-bottom:1px solid #df0052; margin-bottom:2%; border-left:none; padding-left:0px;}
.course-list li{list-style-type:none; float:left;margin-right:2%; border-left:3px solid #df0052; padding-left:2%; margin-bottom:1%;}*/
.course-list li:first-child{font-weight:bold; font-size:1.2em;}
.course-list li{list-style-type:none;}
.course-list li a:before{
  padding-left:10px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  color:#df0052;
  margin-right:10px;
}
.landing-page .bannerImage{margin-bottom:0px;}
a.filter-showMore,a.allNewsLink,a.allNewsLinkOrig{background: #123E5A; display: block; padding: 2%; color: #fff; width:48%; margin-right:2%; float:left;}
a.filter-showMore:hover,a.allNewsLink:hover,a.allNewsLinkOrig:hover{background: #002541}
a.allNewsLinkOrig{width:100%;}
/* end t4 landing pages proj */




@media (max-width: 1250px){
#slideshow{width:72.8%}
#headerLinks .toplinks li{ padding:0.8% 1% 1% 4%;}


.second-toplink{background-position: 6% 15.5%;}
.first-toplink:hover{background-position: 3% 58%; background-color:#df0051; }
.second-toplink:hover{background-position: 6% 37%; background-color:#df0051;}



.secondary-navigation nav{width:97.7%; margin-left:1.1%;}
}

@media (max-width: 973px){
.call-to-action{font-size:1.2em; display:block; width:100%;}
#headerLinks .toplinks li{ padding:0.8% 1% 1% 4.5%;}
}




















@media (max-width: 880px){

.homepage .spotlight{min-height:316px}
 .landing-page .spotlight{min-height:385px}
.featured-box, .featured-box-container{height:auto}




.secondary-navigation li{padding-right:0.3%;}

.smaller-newsItem article{min-height:81px;}
  .resp-tabs-list li{padding:0.8% 2%;}

.first-toplink:hover{background-position: 3% 57%; }
.second-toplink:hover{background-position: 6% 37%;}
.owl-theme .owl-controls .owl-buttons div{height:100%; width:5%;}
.container_16.reflow .courseFinderWidget,#homepage-news, .dept-news{width:98%;  margin-bottom:10px;}
#homepage-news{margin-top:10px; }   #homepage-news, #landing-news{margin-top:10px; }
#homepage-news{margin-top:10px; }
#slideshow,#carousel-container{width:98%;}
.largerNewsItem .article-info{float:none; width:98%;}

#courseFinderWidget{overflow:hidden;}

.courseFinderWidget .radio-grouping{float:right; width:49%;}
.courseFinderWidget .select-grouping{float:left; width:47%;margin-right:2%;}
.courseFinderWidget .select-grouping input, .courseFinderWidget .select-grouping .styled-select{ margin:1em 0 1.5em 0;}
.courseFinderWidget .radioLabel{line-height:2em; width:70%; font-size:1.2em; margin-bottom: 0.5em}
#courseFinderWidget button{width:47%; margin-top:1%; clear:both; float:left;}
#courseFinderWidget .radioButton{margin-top:4%;}

/*.spotlight img, .featured-box img{display:block;}*/
.featured-box a{position:static}
/*.featured-box img{display:block}
  .featured-box-container{margin-bottom:10px;}*/
  .featured-box h2{padding:3% 4% 2% 4.3%;}
.container_16.reflow .featured-box-container{width:98%; float:none;}
.show-image-on-medium img{display:block;}
.spotlight{min-height:123px; float:left}
.container_16 .grid_4.call-to-action{width:47.5%; float:left;}
  .homepage .spotlight .imageContainer, .landing-page .spotlight .imageContainer{display:block;}
  .container_16 .grid_4.grid-sizer{width:47.8%;}
  .homepage .spotlight .imageContainer{display:block;}
  .container_16.reflow .featured-box-container{float:left; margin-bottom:10px;}


}

@media (max-width: 851px){
#headerLinks .toplinks li{padding:0.8% 1% 1% 6.7%; }
.second-toplink{background-position: 6% 16%}
#headerLinks .first-toplink{background-position:3% -2%;}
#headerLinks .first-toplink:hover{ background-position: 3% 57.5%}

 .show-on-small-only .first-toplink{width:70%; font-size: 1.2em;}
}

@media (max-width: 754px){
.second-toplink{background-position: 6% 16%}
.first-toplink{background-position: 3% -2%}

  }

@media (max-width: 680px){

  .secondary-navigation nav{width:97.9%; margin-left:1%;}
  .container_16 .grid_4.call-to-action{width:47.5%; float:left;}
.first-toplink{background-position: 3% -2%;}
.second-toplink{background-position:6% 16% }
.courseFinderWidget .radio-grouping,.courseFinderWidget .select-grouping{float:none; width:100%;}
.courseFinderWidget .select-grouping input, .courseFinderWidget .select-grouping .styled-select{ margin:0.5em 0 1em 0;}
 #courseFinderWidget button{width:100%; margin-top:1%; clear:both; float:none;}
#courseFinderWidget .radioButton{margin-top:3%;}

}

@media (max-width: 549px){

.featured-box h2{border-left:none;}
.featured-box {border-left: 5px solid #DF0052; margin:0%;}

  .container_16 .grid_4.call-to-action{padding:3% 0%; display:table; width:98%;float:none;}

  .first-toplink{background-position: 3% -1%}
  .second-toplink{background-position: 6% 16%}
  .smaller-newsItem{width:100%; float:none;}
#headerLinks .show-on-small-only{width:90%; float:right;}
#headerLinks .show-on-small-only .first-toplink{width:100%;display:block; margin-top:3%; margin-bottom:7%; background-position: 3% -4%}
#headerLinks .show-on-small-only .first-toplink:hover{ background-position: 3% 58%}
#headerLinks{padding:0px;}
.owl-theme .owl-controls .owl-buttons div{display:none;}
.owl-carousel .owl-wrapper-outer{width:100%;}
.homepage .spotlight, .landing-page .spotlight{min-height:10px}
.homepage .spotlight-info{padding:3% 3% 4%}   .homepage .spotlight-info, .landing-page .spotlight-info{padding:3% 3% 4%}
.spotlight img,.featured-box img{display:none;}
/*.show-full-on-small .box .imageContainer img{display:block}*/
.show-full-on-small .featured-box a{position:static}
.show-full-on-small .featured-box img{display:block}

.spotlight.show-full-on-small img{display:block}
.largerNewsItem .article-info{float:none; width:98%;}
 .show-on-small-only .first-toplink{font-size: 0.95em; padding:0.5% 2% 0.5% 2%; margin-bottom:2px; }
 #headerLinks .show-on-small-only{padding-left:0px;}

 #courseFinderWidget button{width:100%; margin-top:1%; clear:both; float:none;}

#courseFinderWidget .radioButton{margin-top:3.5%;}
.resp-tab-content{padding:0;}

  .container_16 .grid_4.grid-sizer{width:98%;}
  .featured-box-container{margin-bottom:10px;}


  a.filter-showMore,a.allNewsLink{width:100%; margin-top:2%;}
 }

  @media (max-width: 465px){
    #headerLinks .show-on-small-only{width:100%;}
#headerLinks .show-on-small-only .first-toplink{width:100%; }
  }


  @media (max-width: 445px){
#headerLinks .show-on-small-only{width:100%; float:right; padding-left:0px;}
#headerLinks .show-on-small-only .first-toplink{font-size:0.8em; padding:0.1% 1% 0.1% 1%; margin-bottom:3px; background-position: 3% -3%;}
#headerLinks .show-on-small-only .first-toplink:hover{background-position: 3% 57%;}
#courseFinderWidget .radioButton{margin-top:2.5%;}

  }
 @media (max-width: 400px){
#headerLinks .show-on-small-only .first-toplink{ width:100%; }
#headerLinks .show-on-small-only .first-toplink{background-position: 3% -3%;}

.container_16 .grid_4.call-to-action{padding:5% 0%;}
 }
  @media (max-width: 340px){
#headerLinks .show-on-small-only .first-toplink{ width:100%; background: #123E5A ;}
 }


  /* END t4 homepage proj added */





/* Course details */
.grid_12 .grid_8.tab {
  width:64.5%;
}

#slideshow {
  height: auto;
}

.rslides img {width:100% !important;}
.rslides li {padding: 0;}
.rslides_tabs {
  position: absolute;
  right: 0px;
  bottom: 15px;
  z-index: 100;
  padding:3px 10px 3px 0px;
  background:#DF0052;
}

.rslides_tabs li {
  display: inline-block;
  margin-left: 10px;
}

#slideshow .rslides_here a {color: #CCCCCC}

.idTabs li {width:20%;}

/* Less than 880px */
.omega {margin-right: 1.041667%;}
.alpha {margin-left: 1.041667%;}
.show-on-medium-only, .show-on-small-only, .show-on-medium-down {
  display: none;
}

  .landing-page #slideshow{width:98%;}
#pageContent .spot.has-image {min-height:275px;}
@media all and (max-width: 1204px) {
h1.landing-header,.depts-nav{height:80px;}
h1.landing-header{width:74%;}
.depts-nav{width:25%;}
.depts-nav i{ margin:-0.3% 4% 0% 0%; }
}
@media all and (max-width: 1100px) {
.landing-inner .depts-nav-content li{width:48.5%;}
}


/* Initial Tablet View */
@media all and (max-width: 879px) {
  .show-on-medium-only {display:block;}
  .show-on-medium-down {display:block;}
  .hide-on-medium-only {display: none;}
  .hide-on-medium-down {display: none;}
  [class^="grid_"] .boxShadow {background-size: cover;}
  .reflow div[class^="grid_"] {
    width: 47.8%;
  }
  /*#rightSidebar div[class^="grid_"] {
    display:none;
  }*/
  
  .rslides_tabs li {font-size: 1.3em;}
  
  #footerLinks li {margin-bottom: 0.6em;}
  
  /* Inner Pages */
  .inner-content > .grid_4 {
    width:29%;
  } /* Secondary Navigation container */
  .inner-content > .grid_12 {
    width:66%;
  }
  .inner-content > .grid_12 > .grid_8, #rightSidebar {
    width:100%;
  }
  /* Course Finder */
  #courseFinderWrapper div[class^="grid_"] {width: 98%;}
  #courseFinderWrapper h3 {margin-top: 1em;}
  .radio-group {margin-bottom: 1em;}
  #levelContainer input.radioButton {width: auto;height: auto;}
  
  /* Course Details tabs */
  .idTabs li {
    width:49.5%;
    margin-bottom: 3px;
    float: none;
    display: inline-block;
  }
  .idTabs {margin-bottom: 20px;}
  .grid_12 .grid_8.tab {
    width:98%;
  }
  .reflow .grid_4.course-secondary-info {
    width:98%;
  }
  #courseDetails {
    top:1em;
    font-size: 0.9em;
  }
  #courseDetails h1 {font-size: 1.5em;margin-bottom: .2em;}

   /* landing */
  .container_16 .dept-overview{width:98%;}
  .depts-nav-content li{width:100%}
  .container_16.accordion-block{width:98%;}
  .staff-profile{width:48%;}
  .course-list {float:none; width:100%;}
  h1.landing-header,.depts-nav{height:70px;}
  .landing-page .slideshowCaption {position: static;max-width: 100%;width:100%;}
  
}
  

@media all and (max-width: 780px) {
   /*h1.landing-header,.depts-nav{height:70px;}*/

  .depts-nav{font-size:1em;}

  }

/* Smaller Tablet Views */
@media all and (max-width: 699px) {
  #headerLinks {font-size: 1.2em;}
  #headerLinks li {margin-left:0px;padding-left: 3px;}
  #primaryNav a {font-size: 1.3em;}
  #slideshow h2 {font-size: 1.7em;}
  #slideshow p {font-size: 1.1em;}
  #footer {text-align: center;}
  #footer .grid_4 {width:47.9166667%}
  #footer div > div:last-child {
    width: 98%;
    margin-top: 1em;
  }
  #footerLinks li {
    display: inline-table;
    width:40%;
    padding:0.5em;
    margin:0 0.3em 1em 0.3em;
    background:#fff;
    
  }
  #footerLinks li a {display: block;color: #123E5A}
  #footerLinks li:hover {
    background: rgba(255,255,255,0.5);
  }
  
  /* Course Details */
  .idTabs li {width:49.6%;}
  #staffImage {display:none}
  .staffLabel {float:none;display:block;text-align:left}
  .staffSpan {float:none;display:block}


  /* landing */
  .depts-nav-content li{width:98%;}
  .accordion-block>a{padding:2% 3%;}
  .depts-nav,h1.landing-header{width:100%; padding:1% 0%; height:auto;}
  h1.landing-header{padding:3% 2%; }
  .depts-nav a{padding:1%}
  .landing-inner .depts-nav-content li{width:100%;}
#pageContent .spot{min-height:initial;}
 





}

/* Even smaller Tablet Views */
@media all and (max-width: 579px) {
  #headerLinks {font-size: 1.2em;}
  #primaryNav a {font-size: 1.2em;}
  .slideshowCaption {padding:8px;}
  #slideshow h2 {font-size: 1.4em;}
  #slideshow p {font-size: 0.9em;margin:0;}
  .idTabs li {width: 48.9%;}


  /* Landing */

}

/* Mobile View */
@media all and (max-width: 539px) {
  #stSegmentFrame, #stwrapper {display: none;}
  .hide-on-medium-only {display: block;}
  .show-on-medium-only {display: none;}
  .show-on-small-only {display: block;}
  .hide-on-small {display: none !important;}
  
  #primaryNav .show-on-small-only i {margin-top: 12px;margin-left: 10px;}
  .secondaryNavigation ul li a {position: relative;font-size: 1.4em;}
  .secondaryNavigation ul li a i {position: absolute;top:10px;right: 0.5em;}
  a#showLeftPush {text-align: right; padding-right: 1em;}
        
  /* Landing */


  /*.depts-nav,.depts-nav-content{display:none;}*/
  #breadcrumb{width:95%;}
  .depts-nav i{font-size:1.2em; vertical-align: top}
  .depts-nav a{font-size:0.9em;}
  .staff-profile{width:98%;}
  
  /* Stack the grid*/     
  

  .container_16.reflow {
    /*width: 98%;*/
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;           /* TWEENER - IE 10 */
    display: -webkit-flex;          /* NEW - Chrome */
    display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction:column;
    -moz-flex-direction:column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -ms-flex-direction:column;

    /*flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -moz-box-lines:multiple;
    -webkit-flex-wrap: wrap;*/
  }
  
  /* Content ordering in lower resolutions */
.order_1 {order:1;-ms-flex-order:1;-webkit-order:1;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;}
.order_2 {order:2;-ms-flex-order:2;-webkit-order:2;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;}
.order_3 {order:3;-ms-flex-order:3;-webkit-order:3;-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;}
.order_4 {order:4;-ms-flex-order:4;-webkit-order:4;-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;}
.order_5 {order:5;-ms-flex-order:5;-webkit-order:5;-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;}
.order_6 {order:6;-ms-flex-order:6;-webkit-order:6;-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;}
.order_7 {order:7;-ms-flex-order:7;-webkit-order:7;-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;}
.order_8 {order:8;-ms-flex-order:8;-webkit-order:8;-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;}
.order_9 {order:9;-ms-flex-order:9;-webkit-order:9;-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;}
.order_10 {order:10;-ms-flex-order:10;-webkit-order:10;-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;}

  
  .reflow div[class^="grid_"], div[class^="grid_"].reflow {
    display: block;
    float: none;
    width:94%;
    margin-right: auto;
    margin-left: auto;
    position: static; /* Stops overflowing content when on mobile */
    left:auto;
    top:0 !important;
  }
  
  #header {
    height: auto;
    padding-bottom: 1em;
    }
  #header img {
    max-width: 40%;
    min-width: 115px;
    height:auto;
    float: left;
    position: static;
  }
  
  #headerLinks {
    width: 50%;
    float: right;
    position: static;
    /*padding-top: 1em;
    padding-bottom: 1em;*/
  }
  
  #header form {
    width:50%;
    float: right;
  }
  
  #search {
    position: static;
    width: 100%;
    right:0em;
    top:2em;
  }
  
  .slideshowCaption {
    position: static;
    max-width: 100%;
    width:100%;
  }
  #slideshow img {border: none;}
  .rslides_tabs {display: none;}
  
  .newsItem img {display: none;}
  .newsItem:first-child {margin-top:1em;}
  
  /* Spotlight boxes on mobile */
  .box h2 {margin-bottom: 0;}
  .box i {
    position: absolute;
    right:0.5em;
    top:13px;
  }
  .box.white i {color: black;}
  .box .imageContainer, .box p {display: none;}
  .box {position: relative;}
  .show-full-on-small .box .imageContainer, .show-full-on-small .box p {display: block;}
  .show-full-on-small h2 {margin-bottom: 10px;}
  .show-full-on-small i {display: none;}

  #footer div[class^="grid_"] {
    width:98%;
  }
  #footerLinks li {padding:0.8em;}
  
  /* Course details sections */
  .course-section-container h2.section-heading {
    background:#123E5A;
    color: white;
    padding: 0.5em;
    position: relative;
  }
  .course-section-container p {
    margin:0;
    padding:.5em 0;
  }
  h2.section-heading i {
    font-size: 0.8em;
    display: block;
    padding-top: 0.8em;
  }
  h2.section-heading:hover {
    background: #DF0052;
    cursor: pointer;
  }
  div.collapsable {display: none;}
  
  #cookie-text-container {
    width:100% !important;
  }
  
} /* End of mobile view CSS */

  @media all and (max-width: 400px) {
  .stackableImgs{text-align: center; width:48%;}
}  

/* changes to default font-awesome styles */
.fa {color: white;}

/* Font awesome icons in side menu */
.fa-chevron-up, .fa-chevron-down, .fa-arrow-circle-o-left {
  position: absolute;
  top:0px;
  right:0px;
  font-size: 1.3em;
  height:3em;
  width: 3em;
  padding-left: 1em;
  padding-top: 1.2em;
}
.fa-chevron-up:hover, .fa-chevron-down:hover, .fa-arrow-circle-o-left:hover {cursor: pointer;}

.fa-arrow-circle-o-left {
  font-size: 1.5em;
  height: 1.8em;
  width: 2em;
  padding-left: 0.5em;
  padding-top: 0.5em;
}

.cbp-spmenu ul {
  padding: 0;
  margin:0;
}
.cbp-spmenu li {padding:0;margin:0;list-style: none; position: relative;}
.cbp-spmenu > ul > li {font-size: 1.2em;}

.cbp-spmenu ul ul {background: rgb(206,0,65);background:rgba(0,0,0,0.3);}
.cbp-spmenu ul ul ul {background: rgb(190,0,60);background:rgba(0,0,0,0.3);}
.cbp-spmenu ul ul ul ul {background: rgb(175,0,45);background:rgba(0,0,0,0.3);}
.cbp-spmenu ul ul ul ul ul{background: rgb(160,0,30);background:rgba(0,0,0,0.6);}
.cbp-spmenu ul ul ul ul ul ul{background: rgb(145,0,15);background:rgba(255,255,255,0.5);}

.cbp-spmenu ul ul li a {padding-left: 1.5em;}
.cbp-spmenu ul ul ul li a {padding-left: 2em;}
.cbp-spmenu ul ul ul ul li a {padding-left: 2.5em;}
.cbp-spmenu ul ul ul ul ul li a {padding-left: 3em;}
.cbp-spmenu ul ul ul ul ul ul li a {padding-left: 3.5em;}

/* General styles for all menus */

a.dismiss-menu {
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
  display: none;
}
a.dismiss-menu.active {
  background: rgba(255,0,0,0.2);
  display: block;
}

.cbp-spmenu {
    /*background: #5F8BA7;*/
    background:#46728E;
    position: fixed;
    -webkit-overflow-scrolling: touch; /* this makes the div (or nav) element scrollable for iOS5+ */
    overflow-y: scroll;
}
 
.cbp-spmenu h3 {
    color: white;
    font-size: 1.9em;
    padding: 15px 10px;
    margin: 0;
    font-weight: 300;
    background: #123E5A;
}
 
.cbp-spmenu a {
    display: block;
    color: #eee;
    font-size: 1.3em;
    font-weight: 300;
}
 
.cbp-spmenu a:hover {
    background: #f0f0f0;
    color: black;
    text-decoration: none;
}
 
.cbp-spmenu a:active {
    background: #f0f0f0;
    color: black;
    text-decoration: none;
}
 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
    width: 80%;
    height: 100%;
    top: 0;
    z-index: 1000;
}
 
.cbp-spmenu-vertical a {
    border-bottom: 1px solid rgba(0,0,0,0.075);
    padding: 1em;
}
 
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}
 
.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}
 
.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
 
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
    left: -80%;
}
 
.cbp-spmenu-right {
    right: -240px;
}
 
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}
 
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
 
.cbp-spmenu-push-toright {
    left: 80%;
}
 
.cbp-spmenu-push-toleft {
    left: -240px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s 
}

.secondaryNavigation ul li ul li ul li ul li a:hover {
  background:url("../cssimages/media,971,en.gif") no-repeat 20px 2px #123E5A;
}

.secondaryNavigation ul li ul li ul li ul li ul li a {
  padding-left:50px;
}


.secondaryNavigation .currentbranch1 a,
.secondaryNavigation .currentbranch2 a,
.secondaryNavigation .currentbranch3 a
{
  font-weight: 700;
  }
.homepage-news .noBullets .smaller-newsItem:nth-of-type(2) {
    display: none;
}