@import 'cas-common.css?v=19090301';

/* Main body font */
body { font-weight: 400; }

/* Main body padding */
.t3-mainbody {
	padding: 20px 38px 30px 38px;
}

/* Background image on most pages (left/right side of content) */
.sections-wrap .section { background: none; }
div.t3-wrapper {
  background: white;
  background-size: contain;
  background-position: 0 147px;
  background-repeat: repeat-y;
}
/* div.t3-mainbody { background: white; } */
div.t3-mainbody { background: #fafafa; }

/* Adjust padding on home page acm-spotlight container */
#section-409 .section-inner { padding: 0; }
#section-409 .section-inner .acm-spotlight { padding: 50px 40px 30px 40px; }

/* New double logos implemented in ACM header style-cas */
.logo a { display: inline-block !important; }

/* White hamburger menu */
.navbar-toggle i.fa-bars { color: white; }

/* Section padding top & bottom global */
.sections-wrap .section .section-inner, .sections-wrap .t3-module .section-inner {
  padding-bottom: 30px;
  padding-top: 50px;
}

/* News headings home page */
.home-university ul.item-list-view li h.item-title {
  font-size: 18px;
  font-weight: 600;
}

/* Header - Logos, Search, Menu */
header.uber-header.header-6.dark-color {
	padding-top: 0;
}
header.uber-header {
	padding-bottom: 6px;
}
header.uber-nav.uber-header.header-6.dark-color {
	padding-bottom: 0;
	border-top: 1px solid #ff6600;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}
div.logo-image a img { max-height: 128px !important; }
@media (max-width: 767px) {
	div.logo-image { width: 100%; }
	div.logo-image > a:nth-child(2) { display: block; white-space: normal; }
	div.logo-image a span.logo-sitename { padding: 10px 0; }
	div.logo-image > a:first-child img { max-height: 128px !important }
}

.logos {
	text-align: center;
	padding-bottom: 0;
}
.logos a {
	display: inline-block;
}
.search-desktop {
	margin-top: 44px;
}
.search-mobile {
	margin-top: 6px;
}
/* Mobile menu */
.t3-mainnav .t3-navbar-collapse {
	width: 240px;
	max-height: inherit;
}
#mod-search-searchword {
	background-color: #555;
	border: 0;
	color: white;
}
#mod-search-searchword::placeholder {
	content: " Search ...";
	font-family: "FontAwesome", sans-serif;
}


/* Overlapping flag logo in tablet and desktop sizes */
@media (min-width: 768px) {
	.logos a { display: inline; }
	header.uber-header { z-index: 100; }
	header.uber-nav { z-index: 50; }
	.search-desktop { margin-top: 36px; }
	.logo-image > a:nth-child(1) img { margin-bottom: -44px; }
	.logo-image > a:nth-child(2) img { width: 570px; margin-left: 10px; margin-bottom: -30px; }
}

/* Search results page */
.search fieldset.phrases legend { display: none; }

/* Narrow spacing between main menu items so they don't wrap around */
.uber-header .navbar-default .navbar-nav > li > a,
.uber-header .navbar-default .navbar-nav > li > span {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Adjust font styling on menu items */
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

/* Give button on main menu */
.navbar-default .navbar-nav > li > a.give-button {
	padding: 0 !important;
}
a.give-button .image-title {
	display: none;
}
a.give-button img {
	height: 40px;
	margin: 8px 8px;
}

/* Remove thin border around main menu items */
.uber-header.header-6 .t3-mainnav { border: none !important; }
.uber-header.header-6 .navbar-default .navbar-nav > li { border: none !important; }

/* Main menu items white, active item orange */
.uber-header.header-6 .navbar-default .navbar-nav > li > a,
.uber-header.header-6 .navbar-default .navbar-nav > li > span {
	font-weight: 700 !important;
	color: #eee !important;
}
.uber-header.header-6 .navbar-default .navbar-nav > .active > a,
.uber-header.header-6 .navbar-default .navbar-nav > .alias-parent-active > a,
.uber-header.header-6 .navbar-default .navbar-nav > .active > span,
.uber-header.header-6 .navbar-default .navbar-nav > .alias-parent-active > span {
	color: #ff6600 !important;
}
/* Caret dropdown icon */
.navbar-default .navbar-nav > li > a .caret,
.navbar-default .navbar-nav > li > span .caret {
	border-top-color: #505656;
	border-bottom-color: #505656;
}
.t3-mainnav .t3-navbar-collapse .navbar-nav li > a .caret,
.t3-mainnav .t3-navbar-collapse .navbar-nav li > span .caret {
	position: absolute;
	top: 40%;
	right: 12px;
}


/* Areas of Interest navigation */
ul.areas-nav { padding: 0; list-style-type: none; }
ul.areas-nav li {
  display: inline-block;
  float: left;
  vertical-align: baseline;
}
ul.areas-nav li a {
  display: inline-block;
  background: #ff6600; 
  width: 270px;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 20px;
  margin: 1px;
  color: white;
}
ul.areas-nav li a:hover {
  background-color: #ff7700;
}

/* Menu headings/separators */
li span.separator {
	color: #ccc;
	font-weight: bold;
}

/* Style of title text for News & Events on main page */
.acm-spotlight .t3-module .module-title span
{
	background: #ffffff !important;
    color: #ff6600 !important;
    display: inline-block;
    padding: 0px !important;
    font-size: 22pt;
    font-family: Montserrat, "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif;
}

/*******************************************************************************************************
Info box - the map module on the main page
*******************************************************************************************************/

.section-contactbox .info.top-right {
    border-radius: 16px;
}

.section-contactbox .info.top-right dt {
    font-weight: 600;
    font-size: 20px;
    font-family: Montserrat, sans-serif;
}

.section-contactbox .info.top-right dd {
    margin-left: 28px;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .section-contactbox .info { top: 0px !important; right: 0px !important; margin: 20px; }
}


/*******************************************************************************************************
  Line Link - the links at the bottom of News and Events
*******************************************************************************************************/

.line-link {
    width: 100%;
    background-color: rgba(255, 102, 0, .4);
    text-align: center;
    vertical-align: middle;
    line-height: 1px;
    height: 1px;
}

.line-link a {
    background-color: white;
    padding: 0px 10px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16pt;
}

.line-link a:hover {
  padding: 0px 30px;
}

  
/*******************************************************************************************************
  Find Your Major Search
*******************************************************************************************************/
label.major-search {
  font-size: 1.4em;
  margin-right: 10px;
}

/*******************************************************************************************************
  Navigation - Photos
*******************************************************************************************************/

/* Areas of Interest navigation - Photo version */
.areas-nav-photo > a, .areas-nav-photo a:hover, .areas-nav-photo a:active, .areas-nav-photo a:visited {
  display: block;
  text-align: center;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
}
.areas-nav-photo > a > div > span {
  display: block;
  line-height: 1;
  padding: 10px;
  background: rgba(0,0,0,0.5);
}
.areas-nav-photo > a > div {    
  height: 150px;
  border: 1px solid white;
  padding: 0;
  background-size: cover;
  background-position: center center;
}
.areas-nav-photo > a:hover > div {
  background-size: 110% auto;
}
.areas-nav-photo > a:hover > div > span {
  background: rgba(0,0,0,0.8);
}


/*******************************************************************************************************
  Home Page Slideshow
*******************************************************************************************************/

.carousel .hero-content {
  background: rgba(0,0,0,0.5);
  padding: 30px 40px;
}
.carousel .hero-content .hero-heading {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 0px;
}
/* Lower font size in carousel on mobile */
@media (max-width: 767px) {
.carousel .hero-content .hero-heading {
	font-size: 24px;
	line-height: 1.2em;
}
}
.carousel .acm-hero { padding: 0 !important; }
.carousel div.hero-content {
  position: absolute;
  bottom: 60px;
  width: auto;
  min-width: 400px;
  max-width: 560px;
  border-radius: 0px 20px 20px 0px;
}
/* Larger circle icons at the bottom of the home page slideshow */
.carousel-indicators li { width: 20px; height: 20px; border-width: 2px; }
.carousel-indicators .active { width: 22px; height: 22px; }
.carousel-control { top: inherit; bottom: 30px; }
@media (max-width: 767px) {
  .carousel div.hero-content {
    width: 100%;
    position: relative;
    bottom: 0;
    background: #333;
    padding: 10px 20px;
    min-width: auto;
	max-width: 100%;
    border-radius: 0px 0px 0px 0px;
  }
  .acm-container-slide .carousel .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: #333;
  }
  .acm-container-slide .carousel .carousel-control { 
    font-size: 40px;
    z-index: 20;
    bottom: 12px;
  }
  .carousel .acm-hero .hero-content {
    text-align: center;
  }
  .carousel .acm-hero .hero-content .hero-heading {
    margin-bottom: 10px;
  }
  .carousel .acm-hero .hero-content .hero-btn-actions {
    margin-top: 10px;
  }
  .carousel .acm-hero .hero-content .hero-btn-actions .btn {
    margin: 0 0 5px 0;
  }
  .acm-container-slide .carousel .carousel-control .fa {
    top: 25%;
  }
}

.carousel div.hero-content .no-box {
	background: rgba(0,0,0,0);
}

/* Reduce width of main slideshow */
#acm-slideshow-397 {
  max-width: 1170px;
  margin: 0 auto;
}
/*
}
.carousel-inner {
	max-width: 1170px;
	margin: 0 auto;
}
*/
/* Dark background around slideshow */
#section-397 { background: #27292e; }


/* Slide links (from custom Villain acm module) */
a.slide-heading-link,
a.slide-heading-link:hover,
a.slide-heading-link:active,
a.slide-heading-link:visited { color: inherit; text-decoration: none; }
img.slide-image-link {}


/*******************************************************************************************************
  Statistics module larger icons
*******************************************************************************************************/

.cas-stats .uber-stats.style-2 .stats-list span.stats-item-icon {
  font-size: 40px;
  border: none;
}
.cas-stats span.stats-subject {
  font-size: 1.4em;
}
.cas-stats .features-item > h3 {
  font-size: 40px;
  font-weight: 600;
}
.cas-stats .features-item > p {
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 1.3;
}

/* News blog remove height restriction on article feature image */
.news-blog .item-image { max-height: inherit !important; }

/* Home page Latest News larger article icons/images */
.latest-news li .item-image { width: 120px !important; }
.latest-news li .item-image img { height: 120px !important; }
.latest-news li .item-inner { padding-left: 140px !important; }
.latest-news li { min-height: 145px !important; padding-bottom: 0px !important; margin-bottom: 0px  !important; }

/* Make latest news items hide intro text on mobile */
@media (max-width: 767px) {
.latest-news .mod-articles-category-introtext {
    visibility: hidden;
    display:none;
}
}


/* Leadership team page */
.acm-teams .style-2 .item h4 { font-size: 20px; }
.acm-teams .style-2 .item .member-title {
  font-size: 16px;
  font-weight: normal;
  color: inherit;
  line-height: 1.4em;
}

/* Fix margins for breezing forms */
.bfFormDiv .row-fluid {
  margin-left: 0;
  margin-right: 0;
}

/* Major articles - center icon & title in default and mobile views */
.major-title > h1 {
	font-size: 50px;
	line-height: 1em;
	margin-top: 0;
}
@media (max-width: 991px) {
  .major-icon { float: none; margin: 0; }
  .major-icon img { margin-left: auto; margin-right: auto; width: 200px; height: auto; }
  .major-title { display: block; text-align: center; }
}

/* Apply Now button at top of major articles */
a.btn-applynow {
  background: #ff6600;
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: white;
  margin: 20px 0;
  font-family: Montserrat, sans-serif;
}
a.btn-applynow:hover { background-color: #ff7700; }

/* Calendar */
div.dp-upcoming-text-month {
  font-size: 11px;
  line-height: 12px;
}
div.dp-upcoming-text-day {
  font-size: 17px;
  line-height: 20px;
  margin: 0;
}
div.dp-upcoming div[itemprop="event"] > p {
  line-height: 1.2em;
}
div.dp-upcoming div[itemprop="event"] {
  background-color: #f2f2f2;
  margin: 5px 0 0;
  padding: 10px 10px 1px;
}

/* Footer - social button styling (OLD)
.uber-footer a.social-button,
.uber-footer a.social-button:hover,
.uber-footer a.social-button:active,
.uber-footer a.social-button:focus {
  text-decoration: none;
  border: none;
  margin-right: 5px;
}
.uber-footer a.social-button i {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
}
*/

/*******************************************************************************************************
   Footer: Custom module, module class suffix of "-footer", assigned to "acm-footer" module position.
*******************************************************************************************************/

.custom-footer {
    padding: 0px 16px;
    /* background: linear-gradient(135deg, rgba(230,222,215,1) 0%,rgba(255,255,255,1) 50%,rgba(230,222,215,1) 100%); */
    background: rgb(255, 253, 251);
    box-shadow: inset 0px 8px 18px -11px rgba(0, 0, 0, 0.4);
    color: rgb(160, 150, 145);
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 9pt;
}

.custom-footer h3 {
	margin: 0px;
    padding: 24px 0px 4px 0px;
    letter-spacing: 6px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18pt;
}

.custom-footer p.address {
	margin-bottom: 7px;
	font-size: 12pt;
	letter-spacing: .5pt;
}

.custom-footer p.copyright {
	margin-bottom: 13px;
}

.custom-footer a.social-button,
.custom-footer a.social-button:hover,
.custom-footer a.social-button:active,
.custom-footer a.social-button:focus {
  text-decoration: none;
  border: none;
  margin: 0px 6px;
}

.custom-footer a.social-button i {
  background: rgb(160, 150, 145);
  border-radius: 50%;
  color: white;
  font-size: 18px;
  line-height: 36px;
  height: 36px;
  width: 36px;
}

.custom-footer a.social-button i:hover {
  background: #ff6600;
}

.custom-footer p.hashtag {
    color: #ff6600;
    font-size: 14pt;
    letter-spacing: 4pt;
    margin-top: -8pt;
}

/*******************************************************************************************************
   Reflowable tables
*******************************************************************************************************/

table.reflow-table {
  width: 100%;
}
table.reflow-table th, table.reflow-table td {
  padding: 0 10px;
}
@media (min-width: 768px) {
  table.reflow-table thead {
    border: 1px solid #ff6600;
  }
  table.reflow-table tbody {
    border: 1px solid #dddddd;
  }
  table.reflow-table thead th {
    background-color: #ff6600;
    color: white;
    padding: 10px;
  }
  table.reflow-table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  table.reflow-table th:nth-child(odd), table.reflow-table td:nth-child(odd) {
    display: none;
  }
}
@media (max-width: 767px) {
  table.reflow-table thead {
	display: none;
  }
  table.reflow-table tbody tr {
    border-top: none;
    border-bottom: 16px solid rgba(0,0,0,0);
  }
  table.reflow-table td {
    border: none;
  }
  table.reflow-table tbody td:nth-child(odd) {
    display: inline-block;
    float: left;
    clear: left;
    width: 35%;
    font-weight: bold;
    border-left: 1px solid #dddddd;
  }
  table.reflow-table tbody td:nth-child(even) {
    display: inline-block;
    float: left;
    width: 65%;
    border-right: 1px solid #dddddd;
  }
  table.reflow-table tbody td:nth-last-child(1), table.reflow-table tbody td:nth-last-child(2) {
    border-bottom: 1px solid #dddddd;
  }
  table.reflow-table tbody td:nth-child(4n+1), table.reflow-table tbody td:nth-child(4n+2) {
    background-color: #f2f2f2;
  }
  table.reflow-table tbody td:nth-child(1) {
    display: none;
  }
  table.reflow-table tbody td:nth-child(2) {
    font-size: 1.5em;
    background-color: #ff6600;
    color: white;
    padding: 0 10px;
    width: 100%;
    border: 1px solid #ff6600;
  }
  
}

/* Staff Directory */
.staff-directory {
  column-count: 2;
  column-gap: 0;
}
.staff-directory .block {
  break-inside: avoid;
  page-break-inside: avoid;
  padding: 10px;
}
.staff-directory .block .content table {
  width: 100%;
}
@media (max-width: 767px) {
  .staff-directory {
    column-count: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .staff-directory {
    column-count: 2;
  }
}
.staff-directory .block .content h3 {
  background-color: #ff6600;
  border: 1px solid #ff6600;
  color: white;
  font-size: 1.5em;
  margin-bottom: 0;
  padding: 10px 20px;
  border-radius: 10px 10px 0px 0px;
}
.staff-directory .block .content h3 i {
  margin-left: 10px;
  font-size: 22px;
}
.staff-directory .block .content > p {
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.staff-directory .block .content > table {
  border: 1px solid #dddddd;
  border-top: none;
}
.staff-directory .block .content > table td,
.staff-directory .block .content > table th{
  padding: 0 10px;
}
.staff-directory .block .content > table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.staff-directory .block .content > table tr td:last-child,
.staff-directory .block .content > table tr th:last-child{
  text-align: right;
  white-space: nowrap;
}

/* Advisor Directory */
.advisor-directory {
/*
  column-count: 2;
  column-gap: 0;
*/
}
.advisor-directory .block {
  break-inside: avoid;
  page-break-inside: avoid;
  padding: 10px;
}
.advisor-directory .block .content table {
  width: 100%;
}
/*
@media (max-width: 767px) {
  .advisor-directory {
    column-count: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .advisor-directory {
    column-count: 2;
  }
}
*/
.advisor-directory .block .content h3 {
  background-color: #ff6600;
  border: 1px solid #ff6600;
  color: white;
  font-size: 1.5em;
  margin-bottom: 0;
  padding: 10px;
}
.advisor-directory .block .content h3 i {
  margin-left: 10px;
  font-size: 22px;
}
.advisor-directory .block .content > p {
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.advisor-directory .block .content > table {
  border: 1px solid #dddddd;
  border-top: none;
}
.advisor-directory .block .content > table td,
.advisor-directory .block .content > table th{
  padding: 0 10px;
}
.advisor-directory .block .content > table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.advisor-directory .block .content > table tbody tr:first-child {
	background: #ff6600;
}
.advisor-directory .block .content > table tr td:last-child,
.advisor-directory .block .content > table tr th:last-child{
  text-align: right;
  white-space: nowrap;
}

/* Resize text under icons being displayed using gallery module */
.document-icons h4 {
  margin-top: 16px;
}

.document-icons h4, .document-icons a {
  font-size: 16px;
  text-align: center;
}

/* CAS Magazine module - Add drop shadow and adjust text */
.magazine-thumbs .item .item-image {
    border-radius: 10px;
    box-shadow: 6px 6px 24px #ccc;
}

.magazine-thumbs h4, .magazine-thumbs a {
    text-align: center;
    font-size: 24px;
}

/* CAS Magazine module - Increase padding between magazines, shrink magazines slightly */
.magazine-thumbs .item-1 {
  padding: 0px 40px 40px !important;
}

/*******************************************************************************************************
  Footer
*******************************************************************************************************/
.uber-footer .footer-left a, .uber-footer .footer-right a {
  border: none;
}

/*******************************************************************************************************
  Sliders
*******************************************************************************************************/
.nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
  color: #ff6600;
  font-weight: bold;
  text-decoration: none;
}
.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
  background-color: #eee;
  color: #ff6600;
}

/*******************************************************************************************************
  Bios
*******************************************************************************************************/
.bio-contact h1, .bio-contact h2, .bio-contact p {  margin: 0; }
.bio-contact h1 {
  font-size: 52px;
  margin-left: -2px; /* Fix slight offset from title and other text below */
}
.bio-contact h2 {
  font-size: 30px;
  margin-bottom: 16px;
}
.bio-contact i { width: 1.2em; }
.bio-contact p { line-height: 1.4em; }
.bio-details {
  margin-top: 24px;
}

/*******************************************************************************************************
  Responsive embedded video
*******************************************************************************************************/
.video-responsive-embed {
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 0 0 56.25% 0;
}
.video-responsive-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/*******************************************************************************************************
  University Quicklinks - above search bar
*******************************************************************************************************/
.quicklinks {
  font-size: 14px;
  text-align: right;
  height: 35px;
  margin-bottom: -35px;
  line-height: 35px;
}
.quicklinks a {
  color: #ccc;
  margin: 0 4px;
}
.quicklinks a:last-child {
  margin-right: 0;
}
.quicklinks a:hover {
  text-decoration: underline;
}

/*******************************************************************************************************
  Outreach Landing Page - course module
  - DJ Media Tools
*******************************************************************************************************/
 
#dj-galleryGrid11m723 .dj-extra {
    float: none;
    margin: 0px;
}

#dj-galleryGrid11m723 .dj-slide-desc-text {
	text-align: center;
	font-size: 14px;
}

#dj-galleryGrid11m723 .dj-slide-desc-bg {
    background: none;	
}

#dj-galleryGrid11m723 .dj-slide-title {
	font-size: 14pt;
    font-weight: 600;
    font-family: Montserrat, Roboto, sans-serif;
}

#dj-galleryGrid11m723 .dj-slide-desc-text a {
    color: #505656;
}

/*******************************************************************************************************
  Study Abroad Image Module
  - DJ Media Tools
*******************************************************************************************************/
#dj-galleryGrid6m685 .dj-slide-desc-bg {
background: none;
}

#dj-galleryGrid6m685 .dj-slide-title {
  color: #505656;
  text-align: center;
  font-size: 14pt;
  font-family: Montserrat;
  font-weight: 500;
}

#dj-galleryGrid6m685 .dj-slide-desc-text {
    padding: 0px 10px;
}

/* Hover effect: Rotate on mouseover */
#dj-galleryGrid6m685 .dj-slide-image:hover {
    transform: rotate(3deg);
    transition: all 0.4s ease-in-out;
}

/*******************************************************************************************************
  Short & Online Courses Image Module
  - DJ Media Tools
*******************************************************************************************************/
#dj-galleryGrid7m714 .dj-slide-desc-bg {
     background: none;
}

#dj-galleryGrid7m714 .dj-slide-title {
    color: #505656;
    margin-top: 6px;
    text-align: center;
    font-size: 14pt;
    font-family: Montserrat;
    font-weight: 500;
}

#dj-galleryGrid7m714 .dj-slide-desc-text a {
     color: #505656;
}


/*******************************************************************************************************
  Applies to ALL DJ Media Tools modules
*******************************************************************************************************/
/* Disable hover effect from DJ Media Tools Gallery Grid module */
.dj-galleryGrid .dj-slide {
  opacity: 1 !important;
}

/* Hover effect: Scale on mouseover */
.dj-galleryGrid .dj-slide-image img:hover {
    transform: scale3d(1.1, 1.1, 1);
    transition: all 0.2s ease-in-out;
}

/*******************************************************************************************************
  Pete article layout
*******************************************************************************************************/
.pete-header {
	height: 260px;
	margin: 0 -38px 60px -38px;
	background-size: cover;
}
.pete-glyph {
	float: left;
	width: 420px;
	vertical-align: top;
	text-align: center;
}
.pete-glyph img {
	height: 340px;
	margin-top: -40px;
}
.pete-title-inside {
	float: left;
	display: table;
	width: 750px;
	height: 100%;
}
.pete-title-inside h1 {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-weight: 600;
    letter-spacing: 1.6px;
    line-height: 1.1;
}
@media (min-width: 1170px) {
	.pete-title-outside { display: none; }	
}
@media (max-width: 1169px) {
	.pete-title-inside { display: none; }
}
@media (max-width: 767px) {
	.pete-header { height: 128px; }
	.pete-glyph { width: 100%; }
	.pete-glyph img { height: 200px; }
    .pete-title-outside { text-align: center; }
}


/*******************************************************************************************************
 Coursethumbs
 - "Featured Courses" on Outreach pages, wrapper for DJ-MediaTools Galleries
*******************************************************************************************************/

.coursethumbs {
    margin-bottom: 24px;
    padding: 1px 36px 18px 36px;
}

.moduletable-coursethumbs-inside #dj-galleryGrid7m714 .dj-slide {
	width: auto !important;
    margin-bottom: 0px;
}

.coursethumbs h3 {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20pt;
}

.coursethumbs .subtitle {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14pt;
    padding-top: 10px;
}


/*******************************************************************************************************
 Floatbox
 -- TWO VERISONS: normal and 'flat'
  - Use in conjunction with Coursethumbs,
  - or use by itself
*******************************************************************************************************/

.floatbox {
    background-color: #eee;
    border-radius: 10px;
    box-shadow: 6px 6px 24px rgba(0,0,0,0.15);
}

.floatbox-flat {
    background-color: #eee;
    background: radial-gradient(ellipse at center, rgb(253, 253, 253) 50%,rgb(220, 216, 212) 100%);
    border-radius: 2px;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.16);
}

.floatbox:after, .floatbox-flat:after {
    content: "";
    display: table;
    clear: both;
}

/*******************************************************************************************************
 Enroll Button
 - Used with 'Enroll Now' module, links to my.okstate.edu, placed on Outreach course list pages
*******************************************************************************************************/

.enroll-button {
    width: 240px;
    height:  64px;
    background: #ff6600;
    padding: 14px 30px;
}

img.enroll-image {
    max-height: 50px;
    float: right;
    transform: rotate(90deg);
    margin-top: -9px;
    margin-right: -12px;
}

.enroll-button a {
    display: block;
    color: white;
    font-family: Montserrat;
    font-size: 18pt;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2pt;
}

.enroll-button:hover {
    background: linear-gradient(to bottom, #ff8800 0%,#ff6600 100%);
}

.enroll-button:hover > a span.default {
    display: none;
    transition: all 0.2s ease .2s;
}

.enroll-button:hover > a
 span.website {
     display: inline;
     transition: all 0.2s ease .2s;
 }

 .enroll-button > a
 span.website {
    display: none;
    font-size: 12pt;
    letter-spacing: .4px;
    font-weight: 500;
 }

/*******************************************************************************************************
  Advising Landing Page
  - Adjust spacing on module
*******************************************************************************************************/

.moduletable-advising .item,
.moduletable-research .item {
    padding: 0px 16px !important;
}

.moduletable-advising .acm-teams .style-2 .item h4 {
    font-size: 24px;
}

.moduletable-advising {
    padding: 0px 80px;
}

@media (max-width: 767px) {
 .moduletable-advising {padding: 0px;} 
}

/*******************************************************************************************************
Outreach and Advising Landing Page - add orange boxes behind headers in cards
*******************************************************************************************************/
.moduletable-outreach-cards .card-content {
    padding: 0px 24px;
    color: black;
}

.moduletable-outreach-cards h4.card-title a,
.moduletable-advising h4.card-title a,
.moduletable-research h4.card-title a,
.moduletable-ce h4.card-title a{
    color: white;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    /* text-transform: uppercase; */
    background: #ff6600;
    /* box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.28); */
    border-radius: 2px;
    /* margin: 0px 24px; */
    padding: 8px;
    display: inline-block;
    width: 100%;
    min-height: 78px;
}

.moduletable-outreach-cards .acm-cards .card-items .item .card-details {
    padding: 24px 0px;
    text-align: center;
}

.moduletable-outreach-cards .acm-cards .card-items .item .card-icon img {
    border: 2px solid #ff6600;
}

.moduletable-cas2mba .card-title {
    background: #ff6600;
    padding: 24px;
    color: white;
    position: relative;
    border-radius: 7px 7px 0px 0px;
}

.moduletable-cas2mba .card-details {
padding: 0px 0px 24px 0px !important;
margin-top: 16px !important;
}

.moduletable-cas2mba .card-line {
    display: none;
}

/*******************************************************************************************************
Students Landing Page - custom boxes
*******************************************************************************************************/

.student-menu {
    background: #ff6600;
    padding: 16px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 0px 0px 10px 10px;
    color: white;
    width: 100%;
    font-size: 16pt;
    text-align: center;
}

.student-menu p {
    float:left;
    /* background: #ff6600; */
    padding: 10px 20px;
    color:  white;
    font-size: 16pt;
    /* border: 1px solid white; */
    text-align:center;
    margin-bottom: 0px;
    border-radius: 10px;
}

.student-menu p a,
.student-menu a {
  color:  white;
  font-weight: 600;
  font-family: Montserrat, Roboto, sans-serif;
}

.student-menu p:hover {
    background-color:  #ff9900;
    font-size: 16pt;
}


/*******************************************************************************************************
  Research Pages
*******************************************************************************************************/

/* Main slideshow - extend margins to full width, add gray behind slideshow in mobile view */
div#acm-slideshow-739 {
    margin: 0px -38px 0px -38px;
    background: #333;
}

/*******************************************************************************************************
  About Page
*******************************************************************************************************/

.about-welcomebox h1 {
    text-align: center;
    font-weight: 800;
    font-style: italic;
    font-size: 7vw;
    padding: 10vw 0vw;
    color: #888;
}

.about-stats {
    background-color: #3d4045;
    padding: 50px 0px 30px 0px;
    color: #ddd;
    margin: 36px -38px;
}

.custom-about-center-stat p {
    padding: 34px 16px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ff6600;
    text-align: center;
    margin: 0px 8px;
}

@media screen and (min-width: 1200px) {
  .about-welcomebox h1 {
     font-size: 84px;
     padding: 128px 0px;
  }
}

/*******************************************************************************************************
  Intro Box, Intro-Box-Head and Thin Title:
  Shaded box of text, with a thin header, align left.
  
  Simple thin title --
  <h3 class="thin-title"></h3>

  Intro Box with thin title and caps --
  <h3 class="thin-title intro-box-head caps"></h3>
  <div class="intro-box"><p></p></div>
*******************************************************************************************************/

.thin-title {
    font-size: 36px;
    color: #ff6600;
    font-weight: 400;
    letter-spacing: 4px;
}

.caps {
    text-transform: uppercase;
}

.intro-box {
    top: -18px;
    position: relative;
    padding: 26px 40px 32px 80px;
    margin: 0px 16px 0px -38px;
    letter-spacing: 0.6px;
    background: rgb(247, 237, 234);
}

/* Modifier with thin-title -- class="thin-title intro-box-head" */
.intro-box-head {
    position: relative;
    z-index: 1;
    letter-spacing: 6px;
    display: inline;
    background: none;
    padding-left: 40px;
}

@media (max-width: 767px) {
.intro-box-head {
        padding-left: 0px;
        font-size: 24px;
  }
.intro-box {
       margin: 0px 0px 0px -38px;
  }
}

/*******************************************************************************************************
  Research
*******************************************************************************************************/

.research-news img {
    width: 150px;
    float: left;
    margin-right: 16px;
    margin-top: 8px;
}

.research-news li {
    clear: both;
    list-style-type: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    padding-top: 10px;
    padding-bottom: 18px;
}

.research-news a.mod-articles-category-title {
    color: #3d4045;
    font-size: 18px;
}

.research-news .row li:last-child {
    border-bottom: none;
}

/*******************************************************************************************************
  Numlist - Using DL and DT objects to create a numbered list
*******************************************************************************************************/
.numlist {
	counter-reset: my-counter;
	margin-bottom: 48px;
}
.numlist dt {
	position: relative;
	font-size: 20px;
}
.numlist dt:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	position: absolute;
	left: 12px;
	top: 3px;
	font: bold 36px/1 Roboto;
	/* color: #ff6600; */
}
.numlist dd {
	margin: 0 0 30px 0;
}	
.numlist dt, .numlist dd {
	padding-left: 50px;
}

/*******************************************************************************************************
  'In The News' - Listing external URLs in a module. Use Module Class Suffix: -in-the-news
*******************************************************************************************************/

.moduletable-in-the-news .item-inner {
    line-height: 1.3; }
}

.moduletable-in-the-news ul.row.item-list-view {
list-style-type: none;
}

.container-in-the-news li {
    display: flex;
}

.container-in-the-news a.mod-articles-category-title {
    font-size: 16px;
}

.container-in-the-news .item-inner.has-image {
    padding: 12px;
    padding-top: 0px;
    border-radius: 8px;
    font-size: 14px;
    width: 100%;
}

.container-in-the-news .item-source {
    font-weight: 600;
    padding-top: 4px;
}

.container-in-the-news .item-inner.has-image img {
    width: 75px;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    padding: 6px;
}

.container-in-the-news .item-inner.has-image:hover {
    background: #f5f3f0;
}


/*******************************************************************************************************
  People blog
*******************************************************************************************************/

div.people-blog .item-image { max-height: inherit !important; }
div.blog.people-blog .pull-left { margin: 0; }
div.people-blog header { padding: 0; }
div.people-blog header h2 { font-size: 20px; margin: 24px 0 12px 0; text-align: center; }
div.people-blog .bio-position { text-align: center; line-height: 1.2em; }
div.people-blog .article-header .article-title a { color: #ff6600; }


/*******************************************************************************************************
  DJMediaTools home slideshow
*******************************************************************************************************/
.section-homeslideshow .dj-mslider {
	margin: 0 auto !important;
	background: #27292e;
	max-height: 480px;
}
.section-homeslideshow .dj-slide-desc {
	bottom: 40px !important;
	width: auto !important;
}
.section-homeslideshow .dj-slide-desc-bg {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0 10px 10px 0 !important;
}
.section-homeslideshow .dj-slide-desc-text {
	padding: 20px 20px !important;
	color: #aaa;
}
.section-homeslideshow .dj-slide-desc-text .dj-slide-title {
	font-size: 1.4em !important;
}
@media (max-width: 767px) {
	.section-homeslideshow .dj-slide-desc {
		position: initial !important;
		bottom: unset !important;
	}
}


/*******************************************************************************************************
  Fix vertical alignment of labels in BreezingForms
*******************************************************************************************************/
.bfQuickMode .controls label.control-label {
	vertical-align: top;
}


/*******************************************************************************************************
  Remove border from table cells
*******************************************************************************************************/
td, tr td {
	border: none;
}