/* General CSS for both Main site and IT site */
/*--------------------------------------------*/


/* Prevent arrow span from blocking About Us click */
.c-link .c-arrow.c-toggler {
    pointer-events: auto;  /* allow toggler to be clicked */
    cursor: pointer;
}
.c-link .c-arrow {
    margin-left: 5px; /* keeps arrow tight to text */
}
/* New announcement section */

       
.highlight-section {
    background-color: #f8f9fa;
    padding: 2rem;
    margin: 2rem 0;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.highlight-section h2 {
    color: #003087;
    margin-bottom: 1rem;
}
.button {
    display: inline-block;
    padding: 12px 24px;
    background-color: #ffc107;
    color: #003087;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s;
}
.button:hover {
    background-color: #e0a800;
}
.content {
    margin: 2rem 0;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }
  
  @media (min-width: 1400px) {
    .container {
      max-width: 1440px;
    }
  }
  
  /* Optional: Smaller screens */
  @media (max-width: 1199px) {
    .container {
      max-width: 960px; /* Adjusts for tablets or smaller desktops */
    }
  }
  
  @media (max-width: 767px) {
    .container {
      max-width: 100%; /* Full-width on mobile */
      padding: 0 10px;
    }
  }
/* SIMPLE DEGREE PAGE STUDY (USED FOR EQUALIZING HEIGHTS FOR 2 DIFFERENT SEMESTERS) BY VLAD */
.equal > .equal-child:nth-child(2n+1) {
    clear: left;
}

@media (max-width: 768px) {
    .equal > .equal-child:nth-child(1n+1) {
        clear: left;
    }
}
/* END SIMPLE PAGE STUDY*/

/* ITWEB RESOURCES FOR FACULTY PAGE (USED FOR EQUALIZING HEIGHTS FOR 3 DIFFERENT CATEGORIES) BY VLAD 03/18/19 */
.equal3 > .equal3-child:nth-child(3n+1) {
    clear: left;
}

@media (max-width: 768px) {
    .equal3 > .equal3-child:nth-child(1n+1) {
        clear: left;
    }
}
/* END SIMPLE PAGE STUDY*/



/* TD align attribute deprecated | CSS fix below by Sourov 08/24/2018 */
td.a-left {
    text-align: left;
}

td.a-right {
    text-align: right;
}


/* HOMEPAGE ONLY */
a.dark, .dark a, a.dark:visited, .dark a:visited{color: #363636;}
a.dark:active, .dark a:active, a.dark:hover, .dark a:hover, a.dark:focus, .dark a:focus { color:#296196 !important;}


a.c-font-red-1, .c-font-red-1 a, a.c-font-red-1:visited, .c-font-red-1 a:visited{color: #ff6064;}
a.c-font-red-1:active, .c-font-red-1 a:active, a.c-font-red-1:hover, .c-font-red-1 a:hover, a.c-font-red-1:focus, .c-font-red-1 a:focus { color:#ff6064 !important;}

a.c-font-blue, .c-font-blue a, a.c-font-blue:visited, .c-font-blue a:visited{color: #363636;}
a.c-font-blue:active, .c-font-blue a:active, a.c-font-blue:hover, .c-font-blue a:hover, a.c-font-blue:focus, .c-font-blue a:focus { color:#296196 !important;}

.tparrows:focus{
    transition: all 0.3s !important;
    opacity:1 !important;
  background-color:#F6B72B !important;
  background-image: url('/images/blue0Dark.png') !important;
}
.tparrows.tp-leftarrow {background-position: 0px 3600% !important;background-size: cover !important; }
.tparrows.tp-rightarrow {background-position: 0px 3700% !important;background-size: cover !important; }
/* END HOMEPAGE ONLY */

::selection { background: #F6B72B; color: #17334F;}
::-moz-selection { background: #F6B72B; color: #17334F;}
a, a:active, a:hover, a:visited { color:#296196; font-weight: bolder;}
a .btn:focus { color: #dfebf6 }
a:focus {color: #214971; } 

.c-layout-header .c-topbar.c-topbar-wLine .c-top-menu > .c-links > li > a:not(.btn) {font-size: 12px; padding: 2px; }

/*.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link { font-weight: 800; }*/
.c-layout-header.c-layout-header-2 .c-navbar { background: rgba(0, 0, 0, 0.55); }
.c-layout-revo-slider-8 .c-main-title.testing { background: rgba(208, 159, 39, 0.01);}
.c-layout-revo-slider-8 .c-main-title.testing h3 { text-shadow: 2px 2px 11px rgb(197, 146, 32);color: #fff !important;}

.c-layout-revo-slider-8 .c-main-title.testing2 { background: rgba(208, 159, 39, 0.01);}
.c-layout-revo-slider-8 .c-main-title.testing2 h3 { text-shadow: 3px 3px 5px #214971;color: #fff !important;}

.c-layout-revo-slider-8 .c-main-title.testing3 { background: rgba(208, 159, 39, 0.61);}
.c-layout-revo-slider-8 .c-main-title.testing3 h3 { color: #fff !important;}

.float-img-left{
    float: left;
    padding-right: 30px;
}

h3.barTitle, p.barTitle {   padding: 10px 10px; margin-bottom: 0; background: #185389; color: white; }
h3.barTitleBlue, p.barTitleBlue {   background: #185389; color: white; } /*default color*/
h3.barTitleCityTech, p.barTitleCityTech {   background: #0281a2; color: white; } 
h3.barTitleYellow, p.barTitleYellow {   background: #f6b82b; color: black; }
h3.barTitleGray, p.barTitleGray {background: #d4d4d4; color: black; }
h3.barTitleLightBlue, p.barTitleLightBlue {background: #1291b1; color: white; }
.fl-right { float: right; }

/* For checkbox look before an H3 or P element */
.ch-box { position: relative; left: 25px; }
.ch-box:before { content: "";position: absolute; top: 4px; left: -24px; height: 15px; width: 15px; background-color: #e0e0e0; }
h3.ch-box:before {  top: 1px; }


.ch-box1 { position: relative; left: 25px; }
.ch-box:before { 
    content: "";  
    border-color: transparent #008eef;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 0.9em;  
    position: relative;   }
h3.ch-box:before {  top: 1px; }

@media (min-width: 992px) {
    .c-layout-page{
    margin-top:0 !important;
    }
        .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2 {
            color: #ffffff; }
        .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:hover,
        .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:focus {
            color: #ffffff; } 
        .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2 {
            color: #ffffff; }
        .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:hover,
        .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:focus {
            color: #ffffff; } 
        .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link-2 {
            transition: all 0.2s;
            padding: 23px 15px 21px 15px;
            min-height: 65px; }
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2 {
            letter-spacing: 1px;
            font-style: normal;
            transition: all 0.2s;
            padding: 41px 15px 39px 15px;
            min-height: 100px;
            font-size: 17px; }
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:hover,
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:focus {
            background: none; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link-2 {
            font-size: 15px;
            text-transform: uppercase; } 
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link-2 {
            font-weight: 600; }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a:hover {
            background: none; color: #f6b72b !important; /*7d8691*/ }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a:focus {
            color: #fff !important; background-color: #f6b72b !important;  }
        /*.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line { background-color: #F6B72B; } */
        .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus { background-color: #F6B72B; } 

        /* Dark menu desktop + mobile */
.c-layout-header .c-navbar 
.c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu,
.c-layout-header .c-navbar 
.c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
    color: #f6b72b;
}

/* Light menu desktop + mobile */
.c-layout-header .c-navbar 
.c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu,
.c-layout-header .c-navbar 
.c-mega-menu.c-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
    color: #f6b72b;
}
`
        /* new h3 replacement css in quicklinks */
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            margin: 0; letter-spacing: 1px; padding: 18px 25px 17px 25px; font-size: 16px; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            font-size: 14px; text-transform: uppercase; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            font-weight: 600; /*500*/
            }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            color: #f6b72b;/* 66ADBF cbd2d9 */ }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            color: #f6b72b; }


}

}
@media (max-width: 991px) {
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2 {
            padding: 10px 20px 10px 20px;
            font-size: 15px;
            letter-spacing: 1px; }
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:focus,
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link-2:hover {
            background: none; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link-2 {
            font-size: 13px;
            text-transform: uppercase; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link-2 {
            font-weight: 400; }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link-2 {
            border-bottom: 1px solid #404851;
            color: #ebedf2; }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link-2:focus,
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link-2:hover {
            background: none;
            color: #ebedf2; }
        /* new h3 replacement css in quicklinks */
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            margin: 0; font-size: 15px; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            font-size: 13px; text-transform: uppercase; }
        .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            font-weight: 400; }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            color: #f6b72b; }
        .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light-mobile > .nav.navbar-nav > li .dropdown-menu > li > div.ql_menu {
            color: #f6b72b; }
}
/* ACCESSIBILITY CODE */
/*Make img B&W when tabbing*/
a:focus>img, a:focus>div>img { -webkit-filter: grayscale(99%);  filter: grayscale(99%); }
a:focus>div>div>div>p { text-decoration: underline; }
/* top and bottom logo surround bg */
a.c-logo:focus>img, footer a:focus>img { background-color: rgba(255, 255, 255, 0.15);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
/*Add focus color of yellow instead of default - also for other states like active,hover*/
.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn) { color: #f6b72b !important;  }
footer a:focus { color: #333 !important; background-color: #f6b72b !important; font-weight: bold; }
footer p.pull-right a:focus { background-color: transparent !important; }
a.btn:focus, button.btn:focus { background-color: #f6b72b !important; color: #184a71 !important; border-color: transparent; }
a.btn:focus>i.fa { color: #184a71 !important; }
.c-content-tab-1 .nav.nav-justified > li > a:focus { background-color: #f6b72b !important;  }
.c-content-tab-4.c-opt-3 > .nav > li.active > a,
.c-content-tab-4.c-opt-3 > .nav > li:active > a {
    color: #ffffff;
    background-color: #f6b72b !important; }

/*.c-content-tab-1 .nav.nav-justified > li > a:focus { background-color: #ffffff !important;  }*/

.skip-nav { position: absolute; top: -210px; height: 1px; overflow: hidden; z-index: -7777; color: #444 !important; background-color: #deebf6; }
.skip-nav:focus { top: 7px; height: auto; overflow: auto; z-index: 7777;  }

/* TS added to fix .open issues with background not always showing*/
@media (min-width: 991px) {
    nav.c-mega-menu ul.navbar-nav li.open:not(.c-search-toggler-wrapper):hover>a{color:white !important;}
   .nav .open:not(.c-search-toggler-wrapper)>a,.nav .open:not(.c-search-toggler-wrapper)>a:hover,.nav .open:not(.c-search-toggler-wrapper)>a:focus { background-color: #f6b72b !important; border-color: #5e9cd1 !important; }
   }
.c-link-2:focus:not(.open), .c-search-toggler-wrapper>a:focus { color:#f6b72b !important; }
.c-layout-header .c-topbar-light .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header .c-topbar-light .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header .c-topbar-light .c-top-menu > .c-icons > li > a:not(.btn):focus, .c-layout-header .c-topbar-light .c-top-menu > .c-links > li > a:not(.btn):active, .c-layout-header .c-topbar-light .c-top-menu > .c-links > li > a:not(.btn):hover, .c-layout-header .c-topbar-light .c-top-menu > .c-links > li > a:not(.btn):focus, .c-layout-header .c-topbar-light .c-top-menu > .c-ext > li > a:not(.btn):active, .c-layout-header .c-topbar-light .c-top-menu > .c-ext > li > a:not(.btn):hover, .c-layout-header .c-topbar-light .c-top-menu > .c-ext > li > a:not(.btn):focus { color: #f6b72b; }
.c-layout-header .c-topbar-light .c-top-menu > .c-links > li > a:not(.btn):focus { color: #f6b72b; outline: 1px solid #deebf6 !important;  }
.c-quick-search .c-theme-link:focus, .c-quick-search .c-theme-link:active, .c-quick-search .c-theme-link:hover { color: #f6b72b !important; }
ul.c-page-breadcrumbs>li>a:focus>i.glyphicon { color: #184a71 !important;   }
ul.c-page-breadcrumbs>li>a:focus, ul.c-sidebar-menu>li a:focus, .c-layout-sidebar-content a:focus, .onepage-wrap nav a:focus, .c-layout-page a:focus, a:focus>button, input[type="submit"]:focus, button.btn.c-theme-btn:focus {  text-decoration: underline; color: #bbbbbb !important; background: #F6B72B; }
.c-layout-sidebar-content .panel-title a:focus, .c-layout-page .panel-title a:focus { color: #fff !important; }
/*.c-layout-sidebar-content a:focus>i { color: #F6B72B !important; }*/
.c-btn-border-2x.c-btn-blue.btn-no-focus:focus,  .c-btn-border-2x.c-btn-blue:focus { color: #353535 !important; background: #F6B72B; border-color: #F6B72B; }
.c-theme-btn.btn.ctyellow:focus { color: #353535; background: #fff; border-color: #fff; }



/* .c-content-tab-1 .nav li>a:focus  { background-color: #eee; } */

/* TS ACCESSIBILITY */
.gs-title:focus{
color:#f6b72b !important;
}

/*.c-layout-revo-slider-8  { background: #2f353b;  }*/
/*body > header > div.c-navbar > div { background: rgba(0, 0, 0, 0.55); }*/
/*body { background: rgba(0, 0, 0, 0.75); }*/

h1 {
    color: #214971;    font-size: 38px;    margin: 10px 0; font-weight: 600;
}
.c-content-title-1 > h1, .c-content-title-1 > h1.c-center > a {
    margin: 0 0 6px 0;    text-decoration: none !important;    color: #214971;
}

h2 {
    color: #214971;    font-size: 32px;    margin: 10px 0;  font-weight: 600;
}
h2.strong { font-weight: 400; }
h3, h4 {
    color: #214971;
    font-size: 26px;
    margin: 10px 0;
    font-weight: 600;
}

  
.c-body.c-bg-dark h3 { color: #f6b72b; }
.c-center.c-border h3 { font-size: 18px; }
h3.strong, h4.strong { font-weight: 400; }
.fa-chevron-right,.fa-chevron-left{
    color: #636f7b !important;  /*2f353b DDAE06*/
}
button.c-theme-btn > .fa-chevron-right, .btn.c-theme-btn > .fa-chevron-right, button.c-theme-btn > .fa-chevron-left, .btn.c-theme-btn > .fa-chevron-left, .panel-title .c-font-white > .fa-chevron-right {
    color: #DDAE06 !important; 
}
.ctyellow { color: #f6b72b !important; }  /*DDAE06*/
.strong { font-weight: bold; } 
a > .fa-chevron-right.fa-white{
    color:#fff !important;
}
.container>.c-layout-sidebar-menu a, .container>.c-layout-sidebar-content a  { color:#296196; font-weight: bolder;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #2e6ca2; border-color: #2e6ca2; color:white !important; }
.container>.c-layout-sidebar-content a.btn, .container>.c-layout-sidebar-content a.btn:hover  { color:#fff; background-color: rgba(5, 45, 85, 0.75); border-width: 0; }
/*.container>.c-layout-sidebar-content .btn.btn-secondary>a,.container>.c-layout-sidebar-content .btn.btn-default>a   { color:#333; }*/
div.c-content-overlay div.c-overlay-content>a  { color:#fff; }

.c-content-blog-post-card-1 h4 a{
    color: #f6b72b !important;  /*DDAE06*/
}
.c-content-blog-post-card-1 h4 a:hover{
    color: #f6b72b;  /*DDAE06*/
}

p>img { float: left; padding: 6px 8px 5px 1px; }

.c-card a:hover { text-decoration: inherit !important; }
.c-card a { display:block; }
div.c-layout-page a:hover { text-decoration: underline; }
.nodecoration { text-decoration: none !important; }


.item img{
        width:100%;
    }
   .c-border-0{
    border:0 !important;
   } 
.imagecontour {
 padding: 10px; 
 border: solid 1px #EFEFEF;
 background-color: #FFFFFF;
 }
 
.effect2
{
	position: relative;
}
.effect2:before, .effect2:after
{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	box-shadow: 0 15px 10px #777;
	transform: rotate(-3deg);
}
.effect2:after
{
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}


/* HOME More Titles */
.c-content-title-1.ct-more-titles > div.more{
    position:absolute;
    right:0;
    top: 5px;
    padding-top:10px;
    margin:0;
    font-weight:300;
    font-size: 14px;
}
.c-content-title-1.ct-more-titles{
    position:relative;
}
.c-content-title-1.ct-more-titles h5 i.fa{
    color:#6a6a6a;
    font-size: 12px;
}
@media screen and (max-width: 479px){
    .c-content-title-1.ct-more-titles > h5{
        top:23px;
        right: 20px;
    }    
}
/* HOME More Titles END */

/* HOME CALENDAR SECTION */
.c-content-recent-posts-1 .c-c-sdate {
	margin-top: 5px;
	padding: 6px 2px 6px 0;
	border-right: 1px solid #555;
	position: relative;
}
.c-content-recent-posts-1 .c-c-sdesc {
	margin-top: 4px;
}
.c-content-recent-posts-1 .c-c-month {
	float: left;
	font-weight: bold;
	margin: 0 -6px;
	color: #214971;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-transform: uppercase;
}
.c-content-recent-posts-1 .c-c-day {
	float: left;
	font-size: 34px;
	line-height: 0.8;
	letter-spacing: -0.07em;
}
/* HOME CALENDAR SECTION END */

/* ACADEMIC CALENDAR SECTION START */
.academicCal-container>span { font-weight: 500 !important; display: block; border-bottom: 1px solid #888; clear: left; padding-top: 20px; margin-bottom: -20px; }
.academicCal-container span:first-of-type { padding-top: 0 !important; margin-top: -5px !important; }
.academic-event { margin-bottom: 0; padding: 7px; clear: right; }
/*.academic-event:nth-child(odd) { background-color: #eee; }*/
.academic-desc { text-indent: -5px; padding-left: 10px; }
.academicCal-container .academic-event:last-of-type { float: none; }
/*print css in /css/print.css */

/* ACADEMIC CALENDAR SECTION END */


/* lvl2 banner space - default */
.c-layout-page.c-lv2-page .lv2banner {
	background-image: url('/images/home/backgrounds/counter_0.jpg');
	min-height: 330px;
	background-position:45% 17%;/*68% 30%*/
	padding-top: 430px;
}
.c-layout-page.c-lv2-page .page-title-ct {
	display: inline;
	font-weight: bold;
	font-size: 60px;
	color:#f4aa00; 
    text-shadow: 1px 5px 6px black;
	/*padding: 100px 0;*/
	/*padding: 10px 20px*/
	/*background-color: rgba(33,73,113,0.8);*/
}
@media (max-width:991px) {
	.c-layout-page.c-lv2-page .lv2banner {
        background-image: url('/images/home/backgrounds/counter_small.jpg');
		min-height: 160px;
		background-position:58% 20%;
		padding-top: 65px;
	}
}
@media (max-width:430px) {
	.c-layout-page.c-lv2-page .lv2banner {
		background-position:52% 39%;
	}
}
/* lvl2 banner space END */

/* Lvl 3 banner space */
.c-layout-page {
    margin-top: 0; 
}
.c-layout-page .lv3banner {
    background-image: url('/images/home/backgrounds/counter_0.jpg');
    min-height: 600px;
  
    padding-top: 250px;
    -webkit-background-size: 100%; 
	-moz-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}
.c-layout-page .page-title-ct {
    display: inline;
    font-weight: bold;
    font-size: 60px;
    color: #f6b72b;
    text-shadow: 1px 5px 6px black;
    padding: 10px 0;
}

@media (max-width:991px) {
    .c-layout-page .lv3banner {
        min-height: 160px;
        background-position:58% 20%;
        padding-top: 65px;
    }
}
@media (max-width:430px) {
    .c-layout-page .lv3banner {
        background-position:52% 39%;
    }
}
@media (min-width: 992px) {
    .c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-admission-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-admission {
        left: auto;
        right: 20px; }
        .c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-admission-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-admission.c-pull-left {
            left: 20px;
            right: auto; } }

    .c-banner-menu {
        width: 290px;
        position: absolute;
        list-style: none;
        top: 195px;
        right: 40px; }
        .c-banner-menu .c-onepage-rec-nav {
            position: relative;
            padding: 0;
            margin: 0; }
            .c-banner-menu .c-onepage-rec-nav > li.c-banner-link {
                margin: 7px 0;
                display: block;
                float: none;
                padding: 0; }
                .c-banner-menu .c-onepage-rec-nav > li.c-banner-link > a {
                    padding: 0;
                    margin: 0;
                    display: block;
                    line-height: 0px;
                    height: 30px;
                    width: 280px;
                    
                    background: #f6b72b;/*357AC0*/  /*e3b505*/
                    border-radius: 0;
                    font-family: "Roboto Condensed", sans-serif;
                    font-size: 16px;
                    font-weight: 600;
                    text-transform: uppercase;
                    color:#22507b;/*fff*/
                    padding: 25px 20px;
                    /*border-radius: 12px; */}
                    .c-banner-menu .c-onepage-rec-nav > li.c-banner-link > a:hover {  text-decoration: none; }
                .c-banner-menu .c-onepage-rec-nav > li.c-banner-link.c-active > a,
                .c-banner-menu .c-onepage-rec-nav > li.c-banner-link.active > a {
                    background: #f6b72b; }/*214971*/  /*e3b505*/
                .c-banner-menu .c-onepage-rec-nav > li.c-banner-link .tooltip .tooltip-inner {
                    border-radius: 0;
                    font-family: "Roboto Condensed", sans-serif;
                    font-size: 12px;
                    font-weight: 600;
                    text-transform: uppercase;
                    padding: 10px 20px;
                     }

@media (max-width: 991px) {
    /* 991px */
    .onepage-wrap { margin-top: 35px;   }
    .c-banner-menu {
        right: auto;
        width: 100%;
        position: relative;
        top:auto; } 
    .c-banner-menu .c-onepage-rec-nav > li.c-banner-link > a {
            width: auto !important;     }
            
    .c-banner-menu .c-onepage-rec-nav {
            float: none;    }
    }

/* Lvl 3 banner space END */

/* ADMISSIONS MENU */
@media (min-width: 1170px) {
	.c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-admission-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-admission {
		left: auto;
		right: 20px; }
		.c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-admission-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-admission.c-pull-left {
			left: 20px;
			right: auto; } }


@media (max-width: 991px) {
	/* 991px */
	.c-banner-menu {
		right: 20px; } }

/* Admissions Menu END */

/* NEWS Section */
.news-section .c-bg-img-center.lead-image {
    height: 456px;
    width:850px;
}
.news-section .c-bg-img-center:not(.lead-image) {
    height: 230px;
}
.news-section img {
    max-width: 99.5%;
}
@media (max-width:1199px) { .news-section .c-bg-img-center.lead-image { height: 460px; } }
@media (max-width:991px) { .news-section .c-bg-img-center:not(.lead-image) { height: 350px; } }
@media (max-width:590px) { .news-section .c-bg-img-center:not(.lead-image) { height: 285px; } 
                            .news-section .c-bg-img-center.lead-image { height: 345px; } }
@media (max-width:440px) { .news-section .c-bg-img-center:not(.lead-image) { height: 215px; } 
                            .news-section .c-bg-img-center.lead-image { height: 240px; } }
/* NEWS Section END */

@media (max-width:640px) {.c-layout-revo-slider-8 .c-main-title { margin-top: 15px; }  }

/** Timeline **/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 55px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

/*  CUSTOM Cube Portfolio Code   */
.cbp .cbp-item.graphic p>a { display:block; font-size: 15px; color: #214976; font-weight: bold; }
.cbp .cbp-item.graphic p>a.c-inline { display:inline; }
.cbp .cbp-item.graphic p>a:hover { color: #3993AE; }
/*  CUSTOM Cube Portfolio Code ENDS  */


/* CUSTOM FONT STYLES by Vlad 03/18/2019*/
.c-font-line-underline {
    text-decoration: underline; }
/* END CUSTOM FONT STYLES by Vlad */

/* COLORS */
.c-font-red {
    color: #DB0028 !important;
}
.nav.navbar-nav .c-font-red {
    color: #EE352E !important; 
}

/*Alphabet Tabs Colors*/
.alphabet-tabs-ct.nav-tabs li a:hover, .alphabet-tabs-ct.nav-tabs li.active a {
    background-color: #F6B72B;
    color: #1a3958;/*fff*/
}



.c-content-counter-1 .c-bg-yellow0 {
    color: #214971 !important;
    /*font-weight: 800;*/
}


/* COLOR THEME */    
/* BG color changes for accessibility */
    .c-bg-blue10 { background-color: #6db2ce !important; color: #ffffff !important; }
    .c-border-blue10 { border-color:#6db2ce; }
    .c-bg-blue11 { background-color:#4f91cb !important; }
    .c-border-blue11 { border-color:#4f91cb; }
    .c-bg-blue12 { background-color:#3b90ad !important; }
    .c-border-blue12 { border-color:#3b90ad; }
    .c-bg-blue13 { background-color:#417886 !important; }
    .c-border-blue13 { border-color:#417886; }
    .c-bg-blue14 { background-color:#769ec0 !important; }
    .c-border-blue14 { border-color:#769ec0; }
    .c-bg-blue15 { background-color:#7297ac !important; }
    .c-border-blue15 { border-color:#7297ac; }
    .c-bg-blue16 { background-color:#46a1c0 !important; }
    .c-border-blue16 { border-color:#46a1c0; }
    .c-bg-blue17{ background-color:#206a82 !important;/*e3b505*/ }
    .c-border-blue17 { border-color:#206a82; }


    .c-bg-green0 { background-color: #568146 !important; color: #ffffff !important; }
    .c-border-green0 { border-color:#568146; }
    .c-bg-blue1 { background-color:#3c6379 !important; }
    .c-border-blue1 { border-color:#3c6379; }
    .c-bg-blue2 { background-color:#214971 !important; }
    .c-border-blue2 { border-color:#214971; }
    .c-bg-blue3 { background-color:#4d6b88 !important; }
    .c-border-blue3 { border-color:#4d6b88; }
    .c-bg-blue4 { background-color:#79b5f2 !important; }
    .c-border-blue4 { border-color:#79b5f2; }
    .c-bg-blue5 { background-color:#296196 !important; }
    .c-border-blue5 { border-color:#296196; }
    .c-bg-blue6 { background-color:#2e6aa7 !important; }
    .c-border-blue6 { border-color:#2e6aa7; }
    .c-bg-yellow1 { background-color:#F6B72B !important;/*e3b505*/ }
    .c-border-yellow1 { border-color:#F6B72B; }
    .c-bg-green1 { background-color:#677740 !important;/*788a4a*/ }
    .c-border-green1 { border-color:#677740; }
    .c-bg-grey-3  { background-color: #5c6873; }
    .c-border-grey-3 { border-color:#5c6873; }
    .c-bg-grey4 { background-color:#586670 !important; }
    .c-border-grey4 { border-color:#586670; }
    .c-bg-grey5 { background-color:#42494e !important; }
    .c-border-grey5 { border-color:#42494e; }
    .c-bg-orange0{ background-color: #cf4520 !important; color: #ffffff !important; }
    .c-border-orange0 { border-color:#cf4520; }
    .c-bg-blue0 { background-color: #214971 !important; color: #ffffff !important; }
    .c-border-blue0 { border-color:#214971; }

.c-fg-white{ color:white !important; }

.c-card{
    padding:15px;
    margin-bottom:10px;

}
/* TABS */
.c-content-tab-1 .nav.nav-tabs .active {
    border-top-color: #214971 !important;
}
.c-content-tab-1 .nav.nav-tabs li, .c-content-tab-1 .nav.nav-tabs li:hover {
    border-top-width: 3px;    
}
.c-content-tab-1 .nav.nav-justified li > a {
/*    padding: 8px 5px 61px 5px;
    margin-bottom: -55px !important; */
    padding: 12px 5px 12px 5px;
    margin-bottom: 0px !important;
}
.c-content-tab-1 .nav.nav-justified {
    position: relative;
    z-index: 1;
}
.c-content-tab-1 .tab-content {
    position: relative;
    z-index: 10;
    background-color: #fff;
}
/* TABS End */

/* COLORED ACCORDION */
.c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a,
.c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed:hover,
.c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed:focus,
.c-content-accordion-1.c-accordion-red .panel > .panel-collapse > .panel-body {
    background-color: #214971; }

/* ::after PDF for PDF links in lists*/
li>a[href$=".pdf"]::after, a.pdf::after { 
    background:#F6B72B; /*e3b505*/
    content:"pdf"; 
    color: #fff; 
    text-transform: uppercase;  
    font-size:0.7em; 
    font-weight: bold; 
    padding: 2px 3px; 
    margin-left: 7px; 
    /*margin-top: -3px; */
    /*vertical-align: text-top;*/

/* TRAVIS FIX PDF */
    /*position:absolute;*/
    bottom:0px;
}

/* ::after EXCEL for EXCEL links in lists VLAD */
li>a[href$=".xls"]::after, a.xls::after { 
    background:#217346;
    content:"EXCEL"; 
    color: #fff; 
    text-transform: uppercase;  
    font-size:0.7em; 
    font-weight: bold; 
    padding: 2px 3px; 
    margin-left: 7px; 
    bottom:0px;
}

/* ::after WORD for WORD links in lists VLAD */
li>a[href$=".docx"]::after, a.docx::after { 
    background:#2b579a;
    content:"WORD"; 
    color: #fff; 
    text-transform: uppercase;  
    font-size:0.7em; 
    font-weight: bold; 
    padding: 2px 3px; 
    margin-left: 7px; 
    bottom:0px;
}

/* ::after PPOINT for PPOINT links in lists VLAD */
li>a[href$=".pptx"]::after, a.pptx::after { 
    background:#d24726;
    content:"PPT"; 
    color: #fff; 
    text-transform: uppercase;  
    font-size:0.7em; 
    font-weight: bold; 
    padding: 2px 3px; 
    margin-left: 7px; 
    bottom:0px;
}

.c-layout-sidebar-menu .c-sidebar-menu > li > a:after{
content:none; /*none exists*/
background:transparent;
}
/* TRAVIS FIX PDF */
li>a[href$=".pdf"], a.pdf{
    position:relative;
    padding-right:3px;
} 

/* VLAD FIX EXCEL */
li>a[href$=".xls"], a.xls{
    position:relative;
    padding-right:3px;
} 

/* STYLING THE ACADEMIC DEPARTMENT FACULTY LISTINGS TRAVIS*/
.faculty-list table tr > td > img {

float:left;

margin-right:20px;
width:110px!important;
min-width:140px!important;
}

/* Accesible color for caption tag */
table>caption {
    color: #296196;
    font-weight: bold;
}
/* table thead>th styling */
.table>thead>tr>th, .table>tbody>tr.th-type>td {
    vertical-align: bottom;
    font-weight: bold;
    border-bottom: 1px solid #f6b72b !important;
    color: #214971;}
/*.table>tbody>tr.th-type>td {  border-top: 1px solid #f6b72b;}*/

/*.table>tbody>tr.th-type:nth-child(1) { background-color: #fff !important; }*/

/* BrowseAloud Footer - make this website talk */
span#__ba_panel, div#_ba__button_link{
    display: inline;
    font-size: 16px;
}

/* maps footer fix */
.gm-style .gm-iv-address { height: 58px; }


/* Disabled buttons style */
button.booked  {
    cursor: default;
}
button.booked.c-theme-btn.btn:hover  {
    background: #214971;
    border-color: #214971;
}

/* Social icons within body content */
ul.c-socials-incontent {
    list-style: none;
    padding: 0;
    margin: 0; }
    ul.c-socials-incontent > li {
        display: inline-block;
        padding: 0 5px; }
    ul.c-socials-incontent > li > a > i {
        position: relative;
        display: inline-block;
        padding: 12px;
        margin: 0;
        background: #F6B72B;/* fff 1e2226*/
        border:2px solid #F6B72B;/* 214971 387497*/
        color: #fff;/* 214971 387497   54606b*/
        border-radius: 30px; /*AL*/
        font-size: 1.51em;
        font-weight: normal; }
    ul.c-socials-incontent > li > a:hover > i, ul.c-socials-incontent > li > a:focus > i {
        background-color: #fff;
        border-color: #F6B72B;
        color: #F6B72B; }
    ul.c-socials-incontent > li:first-child  {
        padding-left: 5px; }

.faculty-list table tr > td{
    vertical-align: top;
} 

.faculty-list table tr > td > div {
    float:left;
}

.faculty-list table tr > td > div > h3 {
    margin:0;
}


.faculty-list .cbp .cbp-item {
width:100%!important;
position:relative!important;
left:auto!important;
top:auto!important;
 }


.cbp-wrapper-outer,.cbp-wrapper {
position:relative!important;
}

.faculty-list #grid-container {
height:100%!important;
}


/* 
.faculty-list {

overflow:hidden;

position:relative;

}
.faculty-list > div {
overflow:auto;
} */


.faculty-list > div:first-child {
margin:0 -20px 0 0;
}



/* TRAVIS */
.cbp.loading{
    display: block !important;
    opacity:1 !important;
}
.chair{
    margin-left:auto;
    margin-right:auto;
    transform: scaleX(1);
}
/* meet chair related */
.row>.col-md-push-8>.c-padding-0>img.img-responsive { 
    max-width: 105%; 
    /* width: 100%;  /* or any specific width */
    /* height: 100vh;  /* or any specific height */
    display: flex;
    justify-content: center;  /* Center image horizontally */
    align-items: center;      /* Center image vertically */
    overflow: hidden;         /* Prevents the image from overflowing the container */
    position: relative;       /* Needed for positioning */
    object-fit: contain;  /* Make sure the image is resized without cropping */
    object-position: center;  /* Keep the image centered inside the container */
}

@media (max-width: 992px) {
    .row>.col-md-push-8>.c-padding-0:nth-child(2), .row>.col-md-push-9>.c-padding-0:nth-child(2) { padding-left: 15px !important; }
    .row>.col-md-push-8>.c-padding-0>.c-margin-t-10 { margin-top: 1px !important; }
    .row>.col-md-push-8>.c-padding-0>img.img-responsive { 
       
        max-width: 105%; 
        /* width: 100%;  /* or any specific width */
        height: 100vh;  /* or any specific height */
        display: flex;
        justify-content: center;  /* Center image horizontally */
        align-items: center;      /* Center image vertically */
        overflow: hidden;         /* Prevents the image from overflowing the container */
        position: relative;       /* Needed for positioning */
        object-fit: contain;  /* Make sure the image is resized without cropping */
        object-position: center;
    
    
    }
}
@media (min-width: 992px) {
   .chair{  transform: scaleX(-1);   }
}

.nosp {
    letter-spacing:-5px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .col-xm-4{
        width:33.33333333% !important;
        float:left;
    }
    .col-xm-8{
        width:66.66666667% !important;
        float:left;
    }
}

.c-border-responsive{
    border-top: 1px solid transparent;
}
@media (min-width: 480px) and (max-width: 991px) {
    .c-border-responsive{
        border-left:1px solid transparent;
        border-top: 1px solid #eeeeee;
    }
}

.in-block { display: inline-block; }


/* RESPONSIVE VIDEO CSS */
    /* use bootstrap classes */
    /* embed-responsive AND */
    /* embed-responsive-16by9 OR embed-responsive-4by3 */
/* END - RESPONSIVE VIDEO CSS */

/* BANNER VIDEO CSS */
#vidControl_Banner:focus, .vidControlHover { left:20px !important; top:165px !important; height: auto !important; z-index: 7777 !important;   }
#vidControl_Banner { position:absolute; left: -210px; top:-265px; height: 1px; overflow: hidden; z-index: -7777; opacity:0.5; }
/* END - BANNER VIDEO CSS */

.c-border-yellow-color, .c-border-y{
    border-color:#f6b72b !important;
}
.c-border-red-color, .c-border-y{
    border-color:#DB0028 !important;
}
/* sidebar-menu auto bottom border */
ul.c-sidebar-menu>li { border-bottom: 1px solid #eeeeee; }
ul.c-sidebar-menu li:last-child { border-bottom: none; }
ul.c-sidebar-menu div.c-border-bottom { display: none; }
/* END - sidebar-menu auto bottom border */

/* Alert bar - on top */
.alertHidden { display: none; }
.alert-dismiss-0 {  line-height: 1.22em; margin-bottom: 0px; border-width:0; border-radius: 0; padding: 8px 5px 5px 5px; color: #353535; }
.alert-dismiss-0 .modal { color: #333; }
.alert-dismiss-0 .modal p { display: block; }
.alert-dismiss-0 p { display: inline; }
.alert-dismiss-0.c-bg-red { color: #fff; } .alert-dismiss-0.c-bg-red a { color: #eee; font-weight: bold; }
.alert-dismiss-0.c-bg-yellow1 { color: #353535; } .alert-dismiss-0.c-bg-yellow1 a { color: #444; font-weight: bold; } .alert-dismiss-0.c-bg-yellow1 a i{ color: #214971 !important; }
.alert-dismiss-0 .lastUpdate { font-size: 0.85em; font-style: italic; float: right; padding: 8px 10px 0 0;  }

/*table.alert-view td.alert-message { white-space: normal !important; min-width: 20em; }*/
table.alert-view td.alert-date { white-space: normal !important; min-width: 6.5em; }
table.alert-view td.alert-title { min-width: 8em; }

.alert-push-1  { padding-left:70px; display:inline; }
.alert-square-1  { width: 105px; padding-right: 20px;  }
.alert-square-1>span  { position: relative; left: 1.3em; background: none !important; }
.alert-square-1>span.c-bg-yellow1:before  { position: absolute; left: -1.4em; top: 0; display: inline-block; content: ""; padding: 10px; background:#F6B72B;  }
.alert-square-1>span.c-bg-red:before  { position: absolute; left: -1.4em; top: 0; display: inline-block; content: ""; padding: 10px; background:#EE352E;  }
@media (max-width: 767px) {
    table.alert-view td.alert-message { white-space: normal !important; min-width: 20em; }
    .alert-square-1  { padding-bottom: 25px !important; }
    .alert-square-1>span  { left: 0em }
    .alert-square-1>span:before  { left: 0; top: 1.25em;  }
}
.col-xs-6.col-md-12.c-padding-10.c-padding-b-20 { padding-bottom:20px !important;  }
@media (min-width: 993px){ .col-xs-6.col-md-12.c-padding-10 { padding:0 !important;  } }
/* END Alert bar - on top */


/* Faculty Profiles - TS 12/2/16*/
@media (max-width: 478px){
    .c-layout-sidebar-content.faculty-profile > div.row > div > div.fac-image  { height: 350px; overflow: hidden; }
    .c-layout-sidebar-content.faculty-profile > div.row > div > div.fac-image > img  { margin-top: -17px; }
    .c-layout-sidebar-content.faculty-profile > div.row > div > div.fac-info  { padding-left: 1px !important; }
}

    .faculty-profile .profile-image img{
        width:100%;
        object-fit: cover;
        height:338px;
     
    }
    .faculty-profile .glyphicon{
        color:#214971 !important;
    }
    .faculty-profile .icon-column{
        width:17px !important;
    }
    @media screen and (max-width: 479px){
         .faculty-profile .profile-image-wrapper { 
    position: relative;
    text-align: center;
    width: 100%;
  }

  /*.faculty-profile .profile-image-wrapper:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }*/
    
  .faculty-profile .profile-image {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    font-size: 2em;
    background-size: cover;
    /*background-position: 0% 10%;*/
  }
  /*.faculty-profile  .profile-image > img{
        display: none;
    }*/
    }
    .faculty-profile .c-padding-r-0, .c-padding-r-0{
        padding-right:0 !important;
    }
    .faculty-profile .c-content-person-1 .c-body.c-padding-t-0{
        padding-top:0 !important;
    }
    .faculty-profile .c-content-person-1 .c-body{
        padding:10px 0 40px 0 !important;
    }
    @media screen and (min-width: 1199px){
       .faculty-profile .clearfix-3{
            clear:both;
        }
       .faculty-profile .clearfix-3:before, .clearfix-3:after{
            content:" ";
            display: table;
        }
    }
    @media screen and (min-width: 480px){

   .faculty-profile .c-content-person-1 .c-body.c-padding-t-0 .c-head .c-name{
        line-height: 17px;
        padding-bottom: 4px;
    }
    }
     @media screen and (min-width: 480px) and (max-width: 1199px){
      .faculty-profile .col-sm-6{
        width:50% !important;
        float:left !important;
       }
      .faculty-profile .clearfix-2{
            clear:both;
        }
       .faculty-profile .clearfix-2:before, .clearfix-2:after{
            content:" ";
            display: table;
        }
    }
/* END-Faculty Profiles */

/* Trains badges */
.train-badges > div {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
}
.train-badges > div > a{
    height:100%;
    width:100%;
    display:block;
    text-decoration: none !important;
}
.train-badges > div span {
    color: #fff;/*214971*/
    display: block;
    font-size: 35px;
    line-height: 50px;
    text-align: center;
}
.modal-content.modal-60p{
    width:60%;
    margin-left:auto;
    margin-right:auto;
}
/* END-Trains badges */


/* Autofill courselist - TS 12/2/16 */
.courseautofill-input{
    width:100%;
}
.courseautofill-list,
.employeeautofill-list{
        border: 1px solid #eaeef1;
        list-style: none;
        padding:0;
        background-color: white;
        position: absolute;
        z-index: 999;
        display: none;
}
.courseautofill-list.active,
.employeeautofill-list.active{
    display: block;
    box-shadow: 0px 0px 5px 0px #ccc;
}
    .courseautofill-list > li,
    .employeeautofill-list > li{
        display: block;
        color: #000000;
        padding: 5px 12px;
        font-weight: 500;
        cursor:pointer;
    }
    .courseautofill-list > li:hover,
    .employeeautofill-list > li:hover{
        background-color:#F7F9FD;
    }
    .employeeautofill-list > li img{
        display: none;
    }
    @media (min-width: 768px) { 
        .employeeautofill-list > li:hover img{
            display: block;
            position: absolute;
            width:100px;
            top: 0;
            right: 100%;
            padding-right: 10px;
        }
        .employeeautofill-list > li:nth-child(n+6):hover img{
            bottom: 0;
            top: initial !important;
        }
    }
    .courseautofill-selected{
        background-color:#F7F9FD;
        border: 1px solid #ccc;
        padding: 5px 12px;
        color:#214971;
        display: inline-block;
        cursor:pointer;
    }
    .courseautofill-selected:after{
        content:"\f040";
        padding-left:5px;
        font:normal normal normal 16px/1 FontAwesome;
        display: inline-block;
        color:#214971;
    }

/* Autofill courselist - TS 12/2/16 */

/* web apps, non-degree, cf */
.webApplicant .row .form-group .wa-100 { width: 100%; }
.webApplicant .row .form-group .wa-94 { width: 94%; }
.wa-4-3 { width: 4.3%; }
.wa-10 { width: 10%; }
.wa-15 { width: 15%; }
.wa-20 { width: 20%; }
label.radio-inline.radio-big {
    margin-right: 20px; margin-left: 20px; font-size: 22px;
}
label.radio-inline.radio-big input {
    width: 25px; height: 25px; margin-left: -29px;
}
.sect-cf-roles table tr td input[type="checkbox"] { width:25px; height:25px; }
@media (max-width: 767px) { 
    .webApplicant .row .form-group input.wa-94 { width: 100% !important; }

    .c-content-tab-1 .nav.nav-justified li > a {
        padding: 8px 5px;
         margin-bottom: 0 !important; 
    }
}


