.d8-psych-uic-edu {
  --colorItNavyPierBlue:#001e62;
  --colorItFireEngineRed:#d50032;
  --colorItNavCream:#f6f6f6;
  --colorItChampionsGold:#FFBF3F;
  --colorItChicagoBlue:#41B6E6;
  --colorItUIHealthSkyBlue:#0065AD;
  --colorItExpoWhite:#F2F7EB;
  --colorItSteelGray:#333333;
  --colorItWhite:#FFFFFF;
  --colorMsgStatus-font:#468847;
  --colorMsgStatus-background:#dff0d8;
  --colorMsgStatus-border:#d6e9c6;
  --colorMsgStatus-link:#356635;
  --colorMsgError-font:#b94a48;
  --colorMsgError-background:#f2dede;
  --colorMsgError-border:#ebccd1;
  --colorMsgError-link:#953b39;
  --colorMsgWarning-font:#FFBF3F;
  --colorMsgWarning-background:#fcf8e3;
  --colorMsgWarning-border:#faebcc;
  --colorMsgWarning-link:#a47e3c;
  --colorMsgInfo-font:#00b5e2;
  --colorMsgInfo-background:#fcf8e3;
  --colorMsgInfo-border:#faebcc;
  --colorMsgInfo-link:#a47e3c;
  --colorBtnTop-background:#999999;
}

@font-face {
  font-family: Theinhardt,"Helvetica Neue",Helvetica,Arial,sans-serif;
  src: url("../../fonts/Theinhardt-Regular.otf") format("opentype");
}



@supports (--css: variables) {
    .d8-psych-uic-edu a {
        color:var(--colorItNavyPierBlue);
        font-weight: bold;

    }
    .d8-psych-uic-edu a:hover {
      color:var(--colorItFireEngineRed)
    }
}

@media (max-width: 991px) { .form-text, .form-textarea, .block-superfish select, .block-search .form-submit { background-image: none; } }


body { color: var(--colorItSteelGray); font-family: Theinhardt,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 160%;background-color:var(--colorItNavCream) }

p { margin: 0 0 25px; padding: 0; text-align: left;}

a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }



a:hover { text-decoration: none !important;  }

a:focus { outline: none; text-decoration: none !important; }

blockquote { margin: 40px 40px 24px; border-left: none; padding: 0; position: relative; color: #999; }

blockquote::before { content: "\201C"; display: block; font-size: 30px; left: -20px; top: 5px; position: absolute;  }

blockquote p { font-size: 14px; line-height: 160%; font-weight: 400; }

span.striketext {
  text-decoration: line-through;
  color:var(--colorItSteelGray);
}

.eventTopic p.speacialText {
  margin: 0px !important;
  display: inline-block;
}


.btn-warning {
  color: var(--colorItWhite) !important;
  background-color: var(--colorMsgWarning-font)  !important;
  border-color: var(--colorMsgWarning-border) !important;
}

.btn-primary {
  color: var(--colorItWhite) !important;
  background-color: var(--colorMsgStatus-font) !important;
  border-color: var(--colorMsgStatus-border)  !important;
}

.btn-danger {
  color: var(--colorItWhite)  !important;
  background-color: var(--colorMsgError-font) !important;
  border-color: var(--colorMsgError-border) !important;
}

.btn-info {
  color: var(--colorItWhite)  !important;
  background-color: var(--colorMsgInfo-font) !important;
  border-color: var(--colorMsgInfo-border) !important;
}

img { display: block; height: auto; max-width: 100%; }

#pre-header  a, #pre-header  h2 { color:var(--colorItWhite); }


#bottom-content { color: var(--colorItWhite); background-color: var(--colorItSteelGray) !important;}

::-moz-selection { color: var(--colorItWhite); }

::selection { color: var(--colorItWhite); }

/*Heading*/
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 120%; padding: 0; margin: 20px 0 10px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--colorItSteelGray); }

h1 { font-size: 36px }

h2 { font-size: 30px }

h3 { font-size: 24px }

h4 { font-size: 20px }

h5 { font-size: 18px }

h6 { font-size: 16px }

h1.page-title { font-size: 32px; }

#pre-header h2, #promoted h2, .sidebar h2, #footer h2 { clear: both; font-size: 16px; margin-bottom: 40px; position: relative; }

.title-sep { clear: both; font-size: 18px; font-weight: bolder; text-align: left; }

#pre-header h2:after, #promoted h2:after, .sidebar h2:after, #footer h2:after { background-color: var(----colorItSteelGray); content: ""; display: block; height: 4px; width: 20px;
position: absolute; bottom: -15px; left: 0; }

.title-sep:after {

}

.psych-icons {
  display: none;
}


.title-sep-clinical {
  clear: both;
  font-weight: bolder;
  text-align: left;
}

.social-sharing {
  text-align: right;
}


.postedOn::before {
  font-family: FontAwesome;
  content: "\00a0\f073\00a0";
  color: #940A13;
}

.postedBy::before {
  font-family: FontAwesome;
  content: "\00a0\f007\00a0";
  color: #940A13;
}

.gap-top50 {
  margin-top: 50px;
}

.title-sep .glyphicon, .title-sep-clinical .glyphicon { font-size: 13px; padding-right: 18px; }

.page-node #content-wrapper h1.page-title { margin: 0; padding: 20px 40px 0 0; }

.page-node.page-node- #content-wrapper h1.page-title { padding: 20px 40px 0; }

/*tables*/
table { width: 100%; margin-bottom: 20px; border: 1px solid #dfdfdf; }

table tbody { border-top: none; }

table tr.even, table tr.odd, th { background-color: transparent; border-bottom: 1px solid #dfdfdf;}

thead tr th, thead tr td, tbody tr th, tbody tr td { padding: 8px; line-height: 142%; vertical-align: top; }

/*Layout*/
#pre-header { top: 0; left: 0; width: 100%; z-index: 13; position: absolute; background-color: var(--colorItSteelGray); }

.logged-in #pre-header { padding-top: 64px; }

#pre-header-inside { display: none; position: relative; z-index: 13; padding: 40px 0 0 0; }

#header-top { background-color: var(--colorItNavCream); /*border-bottom: 1px dashed #eaeaea;*/ position: relative; z-index: 12; min-height: 50px; }

#header { background-color: #fcfcfc; border-bottom: 1px solid #eaeaea; position: relative; z-index: 5; padding: 40px 0; text-align: center; min-height: 600px; }

#main-navigation { background-color: var(--colorItNavCream); position: relative; z-index: 11; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); }

#main-navigation.cloned {
  display: none;
}

#banner-inside { padding-top: 60px; margin-bottom: 40px; }

#slideshow { /*padding: 10px; background-color: #fcfcfc; border: 1px solid #eaeaea;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; */
display: none; }

#top-content { background-color: var(--colorItWhite); padding: 10px 0 5px 0; }

#main-content { /*padding: 60px 0 30px 0; background-color: #fcfcfc;*/}

#main { padding: 20px 0 20px; }

#bottom-content { padding: 40px 0 20px 0; }

.d8-psych-uic-edu #footer { background-color: var(--colorItNavCream); padding: 60px 0 30px; }

.d8-psych-uic-edu #subfooter { background-color: var(--colorItNavyPierBlue); border-top: 1px solid #eaeaea; padding: 40px 0 20px; text-align: center; }

.block { padding: 0 0 30px 0; clear: both; }

#header-top .block, #main-navigation .block, #banner .block { padding: 0; }

/*glyphicon-block*/
.glyphicon-block {text-align: center; }

.glyphicon-block .glyphicon { font-size: 48px; margin: 30px 0 0 0; }

.glyphicon-block h4 { margin-top: 10px; }

/*lists*/
ul li { list-style-type: square; text-align: left;}

/*lists*/
ul.plain li { list-style-type: none; }

.list-gap li { padding:5px 0px !important; }



ol li { list-style-type: decimal; }

#header ul, #subfooter ul { text-align: left; }

/*item lists*/
.item-list ul li { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-user-login .item-list ul li { border-bottom: none; padding: 0 0 5px 0; }

.item-list ul li.first { padding-top: 0; }

.item-list ul li.last { border-bottom: none; }

/*pager*/
ul.pager { overflow: hidden; padding: 0; width: 100%; clear: both; position: relative; margin-bottom: 25px; }

.item-list ul.pager li { display: inline;  float: left; margin: 0; padding: 0; border-bottom: none;}

ul.pager li a, ul.pager li.pager-current { background: #fff; border: 1px solid #eee; padding: 14px 20px; display: block; margin: 5px 3px 5px 0;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

ul.pager li a:hover, ul.pager li.pager-current { background-color: #444; border-color: #444; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); }

/*menus*/
ul.menu { margin: 0; padding: 0; }

ul.menu li { list-style-position: inside; padding: 15px 0 15px 0; margin:0; border-bottom: 1px dashed #ddd;}

ul.menu li a { color: #999; font-size: 14px; line-height: 150%; display: inline-block; }

ul.menu li a:hover, ul.menu li a.active { text-decoration: none;}

ul.menu li.leaf { list-style-image: none; color: #444;}

ul.menu li.expanded { border-bottom: none; padding-bottom: 0;  }

ul.menu li.expanded ul { padding-left: 25px; border-top: 1px dashed #ddd; margin-top: 15px;}

#toolbar-administration ul.menu li { padding:0; }

/*horizontal menus*/
#header ul.menu, #subfooter ul.menu, #top-content ul.menu, #bottom-content ul.menu { text-align: center; }

#header-top ul.menu li, #header ul.menu li, #top-content ul.menu li,
#subfooter ul.menu li, #bottom-content ul.menu li { display: inline-block; background: none; list-style-type:none; border: none; padding: 0;}

#header ul.menu li a, #top-content ul.menu li a, #bottom-content ul.menu li a { padding: 15px 20px; }

#header-top ul.menu ul, #header ul.menu ul, #main-navigation ul.menu ul, #top-content ul.menu ul,
#subfooter ul.menu ul, #bottom-content ul.menu ul { display: none; }

#header-top ul.menu ul, #main-navigation ul.menu ul {
  width:auto !important;
}


/*header-top menu*/
#header-top ul.menu li a { font-size: 13px; text-transform: capitalize;  padding: 16px 20px 16px; }


/*subfooter menu*/
#subfooter ul.menu li a { padding: 0 20px 15px 20px; display: block;}

/*pre-header menu, bottom-content*/
#pre-header ul.menu li a.active, #pre-header ul.menu li a:hover,
#bottom-content ul.menu li a.active, #bottom-content ul.menu li a:hover { color: var(--colorItExpoWhite); }

#pre-header ul.menu li a { border-bottom: 1px dashed var(--colorItSteelGray); }


#uicpsych-nav-main {
  border: none !important;
}

/*Header Logo Top Left*/
.navbar-brand {
    position: absolute;
    padding: 20px;
}

.navbar-brand .mainlogo {

  max-height: 320px !important;
}


.header-landing-image-container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
 }

.header-landing-image {
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -5px;
    /*-webkit-filter: blur(5px);
    filter: blur(5px); */
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
}



/* Logo - Site name*/
#logo { padding:0 0 5px 0; text-align: center; }

#logo img { display: inherit; }

#logo img:hover { opacity: 0.8; filter: alpha(opacity=80); }

#site-name a { font-size: 38px; font-weight: 700; line-height: 1em; margin: 0 0 10px; color: #444444; display: block;}

#site-name a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

#site-slogan { color: #999; font-size: 13px; font-weight: 300; line-height: 150%; margin:10px 0 10px 0; }

#uicpsych-nav-main,
#uicpsych-top-menu {
  margin-bottom: 0px !important;
}

.department-name {
  background-color: var(--colorItNavyPierBlue)  !important;
  margin-top: 10px;
}

.department-name a {
  color: var(--colorItWhite) !important;
}

.department-name .site-name {
  padding: 10px 0px;
  margin: 0px;
  font-weight: bold;
}

.department-name .ui-affiliation {
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 0px;
  text-align: right;
}


#deptHomeCarousel {
  padding: 0px !important;
}


.carousel .carousel-caption p {
  font-size: 16px;
}

#uicpsych-main-menu li a {
  padding-bottom: 0 !important;
}



/*#headerlogo-small a img {
  width: 150px !important;
  margin-top:5px;
}
*/

#headerlogo-small {
  margin-top: 5px;
}


/*node*/
.node.node-teaser, .page-node- #content-wrapper, .page-contact #content-wrapper { background-color: var(--colorItNavCream); border: 1px solid #eaeaea; margin-bottom: 30px;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.node header h2 a:hover { text-decoration: none; }

.node > .content, #comments, .page-contact #content-wrapper { padding: 20px 40px; }

.node header { padding: 10px 40px 20px; }

.node footer { padding: 20px 40px 40px; }

.node__container .node__content a:hover {
  text-decoration: underline !important;
}

.field-name-field-image { margin: 10px 0 20px; }

.node .user-signature { font-size: 12px; padding: 0; }

.user-picture { margin: 20px; display: inline-block; max-width: 200px;}



.submitted .glyphicon { top: 0; }

/*comments*/
#comments { background: var(--colorItWhite); }

.comment { border: 2px solid #fff; padding: 32px; margin-top:25px;}

.comment header { padding: 0; }

.comment h3 { clear: both; }

.comment h3 a:hover { text-decoration: none; }

.comment .user-picture { float: left; margin: 0 15px 25px 0; }

.comment .new { margin: 10px 0; display: inline-block; }

.comment-header p { margin:0; }

.comment-text .content, .comment-text footer { padding:0; }

.comment-wrapper {
  margin: 0 -40px;
    padding: 20px 40px;
    background: var(--colorItWhite);
}

.field-node--comment { margin:0 -40px; clear:both; }

/* Taxonomy term reference */
.field-type-taxonomy-term-reference { position: relative; }

footer .field-type-taxonomy-term-reference { float: left; }

.field-type-taxonomy-term-reference .field-label { font-weight: 400; }

.field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference .field-items { display: inline-block; }

.field-type-taxonomy-term-reference .field-item { margin: 0; display:inline;}

.field-type-taxonomy-term-reference .field-item:after { content: ","; margin-right: 5px;}

.field-type-taxonomy-term-reference .field-item:last-child:after { color: transparent; }

.field-node--field-tags { padding:20px 0; }

.indented {
    margin-left: 25px;
}

/*forum page*/
th.active img { margin: -4px 0 0 5px; }

#forum table { border: 1px solid #eaeaea; }

#forum thead tr { border-bottom: 1px solid #eaeaea; }

#forum thead tr th, #forum thead tr td { background: var(--colorItWhite); font-weight: 700; border:none; padding: 11px; }

#forum thead a { color: #444444; }

#forum tbody tr th, #forum tbody tr td { padding: 25px 25px 25px 15px; border:none;}

#forum tr.odd { background: #fbfbfb; border-bottom: 1px solid #eaeaea; }

#forum tr.even { background: var(--colorItWhite); border-bottom: 1px solid #eaeaea; }

#forum .last-reply { font-size: 12px; }

.node-forum .field-name-body { margin: 10px 0; }

.node-forum .field-type-taxonomy-term-reference { float: none; }

/*forms*/
input:focus, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

input.form-text, input.form-email, input.form-search, textarea.form-textarea, select { background-color: var(--colorItNavCream); border: 2px solid #eaeaea; color: var(--colorItSteelGray); font-size: 14px; padding: 14px; width: 100%;
min-height: 50px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

input.form-text:focus, input.form-email:focus, input.form-search:focus, textarea.form-textarea:focus { background-color: var(--colorItNavCream); outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.search-block-form input.form-search { width: 70%; }

.dark input.form-text, .dark input.form-email, .dark input.form-search { border: none; }

select { -webkit-appearance: menulist; }

fieldset { padding:10px; margin: 0 2px; border: 1px solid #eaeaea; }

legend { border-bottom: none; font-size: 14px; width: auto; margin: 0;}

input[type="radio"], input[type="checkbox"] { margin: 0px 0 3px; }

/*buttons*/
input[type="submit"], input[type="reset"], input[type="button"] { background-color: #444; border: none; box-shadow: none;
color: #fff; padding: 15px 24px; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: var(--colorItWhite); }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .highlighted-block .btn:hover,.highlighted-block .btn:focus { color: var(--colorItWhite); }


.btn-navy {
  color:var(--colorItWhite);
  background-color: var(--colorItNavyPierBlue);
  border-color: var(--colorItNavyPierBlue);
}

/*tabs*/
.nav-tabs { margin: 25px 0 15px; }

/*accordion*/
.panel-group { margin: 25px 0; }

.panel-heading a:hover { text-decoration: none; }

/* Drupal system links */
ul.links { padding: 0; margin: 0; list-style-position: inside; }

ul.links li { margin: 0; }


#accordion-uicpsych-group-categories ul.list-group  .list-group-item:first-child {
    border: none !important;
}

#accordion-uicpsych-group-categories ul.list-group  .list-group-item {
  border-top: 1px solid #ddd !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

#accordion-profile .views-element-container {
  margin-top: 5px;
}

#accordion-profile .table-responsive table thead tr td {
  font-weight: bold;
  text-transform: uppercase;
  font-size: smaller;
}


#accordionPsychGeneric .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
  }

#accordionPsychGeneric .card:not(:first-of-type) {
    .card-header:first-child {
      border-radius: 0;
    }
  }

#accordionPsychGeneric .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

#accordionPsychGeneric .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.eu-cookie-compliance-message p > a {
  color: var(--colorItWhite) !important;
}

#accordion-uicpsych-stackable ul.plain {
  padding-inline-start: 10px;
}

#accordion-uicpsych-stackable ul.plain li {
  padding-bottom: 10px;
}



/* Breadcrumb */
.breadcrumb { background-color: #ef3340; border: 1px solid #eaeaea; padding: 14px 20px; margin-bottom: 30px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px; }

.breadcrumb > li { margin: 0 2px 0 0; display: inline; }

.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\00bb\00a0";}

.breadcrumb>.active {color: #00205b; font-weight: bold;}

.breadcrumb a {color: #fcfcfc; text-decoration: none;}

/* Search block */
#header-top #block-search-form { margin: 0; float: right;}

#header-top #block-search-form .form-item { margin:0; }

#header-top #block-search-form input.form-text { border: none; padding: 15px 40px 15px 15px; font-size: 13px; width: 180px;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; min-height: 52px; }

#header-top #block-search-form input.form-text:focus { width: 240px; background-color: #444; color: #fff;}

#block-search-form .form-actions, .sidebar-search-block .form-actions { position: absolute; top:0px; right: 20px; color: #999; font-size: 16px;}

.logged-in #block-search-form .form-actions, .logged-in .sidebar-search-block .form-actions { right: 10px; }

#block-search-form .form-actions:after, .sidebar-search-block .form-actions:after {
font-family: 'Glyphicons Halflings'; content: "\e003"; position: absolute; top:16px; left:0; z-index: 0; }

#block-search-form input.form-submit, .sidebar-search-block input.form-submit { background-color: transparent;
color: #000; position: relative; z-index: 1; height: 52px; margin: 0; padding: 10px;}

#block-search-form input.form-submit:focus, .sidebar-search-block input.form-submit:focus,
.sidebar-search-block input.form-submit:hover { outline: none; background: transparent; }

/*polls*/
.poll .vote-form { text-align: left; }

.poll .vote-form .choices { display: block; }

.poll .bar .foreground { background-color: var(--colorItSteelGray); }

/*call-to-action*/
.call-to-action { text-align: center; }

.call-to-action .lead { font-size: 32px; font-weight: 700; line-height: 100%; margin-bottom: 10px; text-transform: uppercase; }

.call-to-action p { margin: 0 0 30px; }

.call-to-action .btn { color: #fff; font-size: 20px; line-height:  100%; padding: 18px 28px;
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

.call-to-action .btn:hover { opacity: 0.90; filter: alpha(opacity=90); }

.call-to-action .btn:active{ -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); }

/*Recent Content block*/
#block-node-recent .node-title a { color: var(--colorItSteelGray); font-size: 16px; font-weight: 700; }

#bottom-content .node-title a { color: var(--colorItWhite); }

#pre-header .node-title a { color: var(--colorItExpoWhite); }

#block-node-recent .node-title a:hover { text-decoration: none; }

#block-node-recent .node-author { margin: 5px 0; }

#block-node-recent table { border: none; }

#block-node-recent tr.even,
#block-node-recent tr.odd { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-node-recent tbody th,
#block-node-recent tbody td { padding:8px 8px 8px 0; line-height: 1.428571429; vertical-align: top;  border: none; font-size: 13px;}

#block-node-recent tbody tr:first-child th,
#block-node-recent tbody tr:first-child td { padding-top: 0; }

#block-node-recent tbody tr:last-child { border-bottom:none; }

/*highlighted blocks*/
.highlighted-block, #block-user-login, #block-poll-recent { overflow: hidden; padding:25px; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px; }

.highlighted-block-inside { padding:0 25px 25px 25px;  text-align:center;}

.highlighted-block .btn { background-color: #444; color: #fff; display: block; padding: 15px 25px; margin: 20px 0 0; text-align: center; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; }

.highlighted-block.nopadding { padding: 0; }

.highlighted-block .title-sep { margin: 0px 0 40px 0; }

.light, #block-user-login, #block-poll-recent { background: #fcfcfc; color: var(--colorItSteelGray); border: 1px solid #eaeaea; margin-top: 50px;}

.dark { background-color: var(--colorItFireEngineRed); color: #fff; padding: 30px 20px 20px; text-align: center;  }

.dark h3 { color: var(--colorItWhite); margin:0 0 20px 0; }

.dark input[type="submit"] { font-size: 16px; font-weight: bold; margin: 10px 0; }

.dark input[type="submit"]:hover { opacity: 0.90; filter: alpha(opacity=90); }

.dark .small { color: #999; font-size: 13px; }

#block-user-login { padding: 5px 25px 0 25px; margin: 0 0 20px 0; }

/*tags cloud*/
.tag { display: inline-block; }

.tag a { background-color: #444; color: #fff; font-size: 12px; line-height: 1em; padding: 8px; margin: 3px 0; zoom: 1; z-index: 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; display: block; }

.tag a:hover { color: #fff; text-decoration: none; }

/* Drupal status messages */
div.messages { padding: 15px 15px 15px 50px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-position: 13px 15px;}

div.messages a { font-weight: bold; }

div.messages.status { color: var(--colorMsgStatus-font); background-color: var(--colorMsgStatus-background); border-color: var(--colorMsgStatus-border); }

div.messages.status a { color: var(--colorMsgStatus-link); }

div.messages.error { color: var(--colorMsgError-font); background-color: var(--colorMsgError-background); border-color: var(--colorMsgError-border); }

div.messages.error a { color: var(--colorMsgError-link); }

div.messages.warning { color: var(--colorMsgWarning-font); background-color: var(--colorMsgWarning-background); border-color: var(--colorMsgWarning-border); }

div.messages.warning a { color: var(--colorMsgWarning-link); }

/*slideshow*/
.carousel .item { max-height: 1164px;}

/*slider fade effect*/
.carousel-fade .carousel-inner .item { opacity: 0; filter: alpha(opacity=0);
-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100); }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100);}

.carousel-fade .carousel-control { z-index: 2; }

/*control nav*/
.carousel ol.carousel-indicators { position: absolute; top: 20px; left: auto; z-index: 2; padding: 0 20px; margin: 0; text-align: right; -moz-opacity: 0;
-khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); width: auto; bottom: auto; right: 20px; }

.carousel ol.carousel-indicators li { margin: 0px; padding: 0; *zoom: 1; background-color: rgba(0,0,0,0.5); cursor: pointer; border: none;
    width: 18px; height: 18px; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.carousel ol.carousel-indicators li.active { background-color: #fcfcfc; }

/*directional nav*/
.carousel .carousel-control { background-color: #fcfcfc; color: #444; display: block; width: 48px;
height: 48px; margin: 0; padding:15px; position: absolute; overflow: hidden; top: 45%;
text-align: center; cursor: pointer; opacity: 0; filter: alpha(opacity=0);
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-image: none; outline:none;}

.carousel .carousel-control.right { right: 20px }

.carousel .carousel-control.left { left: 20px }

.carousel a.carousel-control:active, .carousel a.carousel-control:hover { background-color: #fcfcfc }

.carousel-control .icon-prev, .carousel-control .icon-next { font-size: 60px; font-family: 'Theinhardt', Arial, sans-serif; display: block; /*right: 0; left: auto;*/ width: 100%; }

.carousel:hover .carousel-control, .carousel:hover ol.carousel-indicators { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100); }

/*slider caption*/
.carousel .carousel-caption { background-color: rgba(0,0,0,.5); color: #fff; display: block; width: 100%; padding: 20px; position: absolute; bottom: 0;
left: 0; text-align: center; text-transform: uppercase; display: block; text-align: left;}

.carousel .carousel-caption h2, .carousel .carousel-caption p { max-width: 1170px; margin: 0 auto; display: block;  text-transform: none;}

.carousel .carousel-caption h2 a, .carousel .carousel-caption > a {
  color: var(--colorItExpoWhite) !important;
}

.carousel .list-group {
    position:absolute;
    top:0;
    right:0;
    border-left: 3px solid var(--colorItNavyPierBlue);
    padding-right: 0px;
}
.carousel .list-group-item {
    border-radius:0px;
    cursor:pointer;
    padding: 5px 10px;
    background-color:var(--colorItNavyPierBlue);
    color: var(--colorItWhite);
}
.carousel .list-group .active {
    background-color:var(--colorItFireEngineRed);
    color: var(--colorItWhite);
    text-overflow: ellipsis;
}

.carousel .list-group-item h2 {
    /*font-size: 90% !important;*/
    text-overflow: ellipsis;
    margin: 5px 0;
}

.carousel .list-group-item:first-child {
  border-top-left-radius: initial;
  border-top-right-radius: initial;
}

.carousel .list-group-item:last-child {
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
}


#deptHomeCarousel ul .list-group-item.active,
#deptHomeCarousel ul .list-group-item.active:focus,
#deptHomeCarousel ul .list-group-item.active:hover {
  color: var(--colorItWhite);
  background-color: var(--colorItFireEngineRed);
}

.carousel .carousel-caption h2:hover {
  color: var(--colorItChicagoBlue);
}

.carousel .list-group-item h2:hover {
  color: var(--colorItWhite);
}

.homeCarousel-wrapper {
  /*margin:0 -16px 30px 0;*/
}

/*#deptHomeCarousel {
  border-bottom: 5px solid var(--colorItNavyPierBlue);
  border-top: 5px solid var(--colorItNavyPierBlue);
}
*/
#deptHomeCarousel .carousel .carousel-caption h2.node_title {
  font-size: 28px;
}

#deptHomeCarousel .label-toppick {
  background-color: var(--colorItFireEngineRed);
}



#deptHomeCarousel ul .list-group-item.active .label-toppick,
#deptHomeCarousel ul .list-group-item.active .label-toppick:focus,
#deptHomeCarousel ul .list-group-item.active .label-toppick:hover {
  color: var(--colorItWhite);
  background-color: var(--colorItNavyPierBlue);
}

#datatable_Abstracts thead {
  background: #d9edf7;
}


/*view poster page*/
article.node--type-poster table#datatable_Poster > tbody > tr > td.col_label {
  background-color: var(--colorItNavyPierBlue);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 110%;
}

article.node--type-poster table#datatable_Poster > tbody > tr > td > h3.poster_num {
  padding: 0px;
  margin: 0px;
  font-size: 30px;
}

article.node--type-poster table#datatable_Poster > thead {
    background: #2e353d;
    color: #e1ffff;
}

article.node--type-profile blockquote {
  color: #064e8c !important;
  border-left: 5px solid #064e8c63 !important;
}

article.node--type-profile blockquote::before {
  font-size: 50px;
}

article.node--type-article blockquote {
  color: #064e8c !important;
  border: none !important;
  left: 10px;
}

article.node--type-article blockquote::before {
    font-size: 30px;
    content: "\f10d";
    font-family: 'FontAwesome';
    left: -10px;
    top: 0px;
    color: #87a6c1 !important;
}

.profile-wrapper .testimony .field-stacked-content-wrapper .field-stacked-content-body p::before {
    font-size: 20px;
    content: "\f10d";
    font-family: 'FontAwesome';
    left: -10px;
    top: 0px;
    color: #87a6c1 !important;
    padding-right: 5px;
}

/** extravaganza poster-session**/
div#psych-extravaganza-admin-listing.data-tbl-tool div.panel-body div.datatable_wrapper div.DTTT_container {
  display: block !important;
}

div.view-display-id-extravaganza_listing_shared div.view-content table thead tr {
  background-color: var(--colorItNavyPierBlue);
  color: var(--colorItWhite);
}

div.view-display-id-extravaganza_listing_shared div.view-content table tbody tr td span.extravaganza_order,
div.view-display-id-care_retreat_listing_shared div.view-content table tbody tr td span.extravaganza_order {
  font-size: 150%;
  background: #04599a;
  color: #fff;
  border: 2px;
  padding: 5px;
  width: 40px;
  display: inline-block;
  text-align: center;
}

/*div.view-display-id-extravaganza_listing_shared div.view-content table tbody tr.trainee {
  background-color: #ece6c666 !important;
}

div.view-display-id-extravaganza_listing_shared div.view-content table tbody tr.trainee:hover {
  background-color: #f2e18366 !important;
}
*/

div.view-display-id-extravaganza_listing_shared div.view-content table tbody tr.odd {
  background-color: #ece6c666 !important;
}

div.view-display-id-extravaganza_listing_shared div.view-content table tbody tr.odd:hover {
  background-color: #f2e18366 !important;
}


@media all and (max-width: 768px) {
  .carousel .carousel-caption p { display: none; }
}

@media all and (max-width: 480px) {
  .carousel .carousel-control, .carousel .carousel-caption  {
    /*display: none; */
    padding: 5px 10px;
  }

  .carousel .carousel-control, .carousel .carousel-caption a {
    color: var(--colorItWhite);
  }

  .carousel .carousel-control, .carousel .carousel-caption h2 {
    font-size: 120%;
  }

  .carousel .carousel-control, .carousel .carousel-caption h2::after {
    font-family: FontAwesome;
    content: "\f0fe\00a0";
    color: var(--colorItFireEngineRed);
  }

  .cd-breadcrumb {
    width: 100% !important;
    margin: 0px;
  }

  .inlineVideo {
    width: 100% !important;
  }

  .para-step {
    text-indent: 0px !important;
  }

  .section-welcome .user-picture {
    float: none !important;
    display: block !important;
    text-align: center !important;
  }

   .section-featured-articles .node_title {
     font-size: 14px !important;
   }

   .section-participate-research .section-label {
     font-size: 26px !important;
   }

   .section-participate-research .node_title {
     font-size: 22px !important;
     line-height: 22px !important;
   }

   #uicpsych-main-menu .dropdown-menu > li > a:hover {
    color: var(--colorItChicagoBlue) !important;
   }



}
/*
@media (min-width: 768px) {
    .carousel { padding-right:33.3333%;}
    .carousel .carousel-controls {display:none;}
}
@media (max-width: 767px) {
    .carousel .carousel-caption p,
    .carousel .list-group {display:none;}
}*/

@media (min-width: 1024px) {
  .carousel .list-group-item h2 {
    font-size: 90% !important;
  }
}


/*credits*/
.credits { margin-bottom: 0; font-size: 0.9em; }

/*toggle control*/
.toggle-control { width: 100%; position: relative; z-index: 13; background-color: var(--colorItFireEngineRed);}

.toggle-control a, .toggle-control a:hover { color: #fff; position: absolute; top: 0; right: 0; display: block; padding: 18px 19px; line-height: 14px; cursor: pointer; height: 52px; }

/*quicklink toggle control*/
.quicklink-toggle-control { width: 100%; position: relative; z-index: 15; }

.quicklink-toggle-control a, .quicklink-toggle-control a:hover { color: var(--colorItWhite); position: absolute; top: 0; right: 0; display: block; padding: 18px 19px; line-height: 14px; cursor: pointer; height: 52px; }



/*google map*/
.gm-style img { max-width: none; }

/*scroll to top*/
#toTop { position: fixed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: var(--colorBtnTop-background); opacity: 0.4; filter: alpha(opacity=40);
width: 55px; height: 55px; bottom: 5px; right: 5px; cursor: pointer; color: var(--colorItWhite); font-size: 32px; text-align: center; display: none; padding:10px 0 0 2px; z-index: 14; }

#toTop:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

/*drupal primary links*/
ul.primary, ul.tabs { margin: 15px 0 15px 0;  padding-left: 40px!important; }

ul.primary, ul.primary li a, ul.primary li.active a { border-color:#eaeaea; } ul.primary li.active a { border-bottom: 1px solid #fff; }

/*drupal resets*/
#toolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#toolbar ul.menu { width: auto; }

#toolbar ul.menu li { background: none; }

.not-logged-in .block-forum .contextual-links-wrapper { display: none; }

a.contextual-links-trigger, #toolbar a, textarea { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }

.path-frontpage .block-page-title-block {
  display:none;
}


/*admin theme style rules*/
.page-node-edit .region-content { padding:0 40px; }

.page-node-edit .vertical-tabs { clear:both; }

.page-node-edit .vertical-tabs, .page-node-edit .vertical-tabs ul.vertical-tabs-list, .page-node-edit .vertical-tabs ul.vertical-tabs-list li { border-color:var(--colorItNavCream); }

.page-node-edit .vertical-tabs li { list-style:none; }


#block-superfish-1 { /*this the main navigation*/
  float: right !important;
}


.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  width: 100%;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #ef3340;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

/*Fix the odd space on Psychiatry Residency Neuroscience Research Tracks node/314*/
div[tid="199"] div#block-views-block-uicpsych-team-uicpsych-team-bysubqueue--2,
div[tid="197"] div#block-views-block-uicpsych-team-uicpsych-team-bysubqueue--2 {
  margin-top:-45px;
}


@media screen and (max-width:540px) {

  .navbar-brand .mainlogo {
    max-height: 150px !important;
      margin-top: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -25px;
    margin-top: -28px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -25px;
        margin-top: -28px;
    }

}

/*added by alma on 2016-05-12*/
 .urun-text {
    position: absolute;
    background-color: rgba(15, 15, 15, 0.93);
    color: #fff;
    bottom: 0px;
    text-align: left;
    padding: 20px 15px 20px 15px;
    width:100%;
}
.urun-title {
    position: absolute;
    bottom: 80px;
    text-align: left;
    z-index: 15;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    padding-left: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(194, 0, 0, 0.93);
    width: 100%;
}
.click-arrow-right {
    position: absolute;
    z-index: 16;
    color: #fff;
    font-size: 10px;
    bottom: 0px;
    right: 33px;
}

.urun-title {
    width:100%;

}

/*block*/
 .block {
    padding: 0 0 5px 0;
}

.caption {
    width:100%;
    bottom: .3rem;
    position: absolute;
    background:#000;
    background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.caption h4 {
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.landing-image-caption {
    position: absolute;
    text-align: right;
    z-index: 2;
    right: 0;
    top:300px;
    padding-right: 100px;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 100px;
    background-color: rgba(0,0,0,.5);
    color: var(--colorItWhite);
    border-bottom: 2px rgba(239, 51, 64, 0.28) solid;
}

.landing-image-caption.parallax {
    position: relative;
    text-align: center !important;
    border-bottom: none;
    padding:10px;
}


.landing-image-caption.parallax p {
  text-align: center;
}


.landing-image-caption span.categoryname {
    /*color:  var(--colorItChicagoBlue);*/
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    line-height: 120%;
    padding: 0;
    margin: 20px 0 10px 0;
    font-family: 'Theinhardt', Arial, sans-serif;
    font-size: 48px;
}

.landing-image-caption span.degree {
  padding: 0px;
  font-size: 26px;
  font-stretch: extra-condensed;
  color: #d2cccc;
  font-family: 'Oswald', sans-serif;
}

.landing-image-subcaption {
    position: absolute;
    right: 0;
    padding-right: 100px;
    text-align: right;
    z-index: 2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-transform: uppercase;
    font-weight: bolder;
    color: var(--colorItWhite);
    /*background-color: rgba(194, 0, 0, 0.93);*/
}

.landing-image-subcaption.parallax {
  position: relative;
  text-align: center;
  padding: 0px;
}

.landing-image-subcaption.parallax p {
  text-align: center;
  font-size: large;
  text-transform: none;
}

.landing-image-subcaption p {
  color:  var(--colorItWhite);
  -webkit-font-smoothing: antialiased;
}

#landing-image .landing-caption-more {
    padding-left: 600px !important;
    padding-bottom: 100px  !important;
}


#landing-image .landing-subcaption-more {
    font-size: larger !important;
    text-transform: none !important;
    font-weight: normal !important;
}

#landing-image .gotocontent {
    text-shadow: none;
}

#landing-image .landing-caption-more--clinical {
    padding-right: 20px;
    top: 20px;
    right: 50px;
    width: 70%;
    padding-bottom: 135px;
    padding-top: 20px;
}

#landing-image .landing-caption-more--research {
   width: 90%;
   min-height: 200px;
   top: 150px;
}

#landing-image .narrow-description {
    width: 50% !important;
    right: 100px !important;

}


#landing-image .landing-caption-more--clinical .landing-subcaption-more {
    padding-right: 20px;
}


/*article main image caption*/
.main-image-caption { background-color: rgba(0,0,0,0.5); color: #fff; display: block; width: 100%; padding: 10px;
text-align: center; display: block; }


.landing-title-subcaption {
    color: var(--colorItNavyPierBlue);
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 80%;
}


.breadcrumblanding {
    text-align: left;
    z-index: 15;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    padding-left: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(194, 0, 0, 0.93);
    width: 100%;
}


.breadcrumblanding > li { margin: 0 2px 0 0; display: inline; }

#landing-image {
  background-color: hsla(0, 4%, 41%, 0.51);
  background-blend-mode: overlay;
  background-size: cover;
}

#landing-image-parallax {
  height: 400px;
  position: relative;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*border-bottom: solid 5px var(--colorItFireEngineRed);
  border-top: solid 5px var(--colorItFireEngineRed);*/
}

#contactLandingImage {

}


.sidebar .list-group .main-cat {
    color: #fff;
    background-color: var(--colorItNavyPierBlue);
    border-color: var(--colorItNavyPierBlue);
}



.sidebar-menu-highlight { font-weight: bold; color:  #ef3340; }

.top-info, .bottom-info {background: #00205b; color: #fcfcfc;}

#uicpsych-main-menu li a {
     color: var(--colorItNavyPierBlue);
     font-size: 18px;
     line-height: 150%;
     /*display: inline-block; */
     font-weight: bold;
     text-transform: uppercase;
}

#uicpsych-main-menu li a:hover {
    color: #fcfcfc;
    background-color: var(--colorItFireEngineRed);
}

#uicpsych-main-menu li.open .highlighted {
    color: #fcfcfc;
    background-color: var(--colorItFireEngineRed);
}

#uicpsych-main-menu .dropdown-menu {
    min-width: 200px;
    background-color: var(--colorItFireEngineRed);
}
#uicpsych-main-menu .dropdown-menu.columns-2 {
    min-width: 600px;
    background-color: var(--colorItFireEngineRed);
}
#uicpsych-main-menu .dropdown-menu.columns-3 {
    min-width: 600px;
    background-color: var(--colorItFireEngineRed);
}
#uicpsych-main-menu .dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
#uicpsych-main-menu .multi-column-dropdown {
    list-style: none;
    margin: 0px;
   padding: 0px;
}
#uicpsych-main-menu .multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: var(--colorItSteelGray);
    white-space: normal;
}
#uicpsych-main-menu .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    /*background-color: #999;*/
}

#uicpsych-main-menu .dropdown-menu>li>a {
    background-color: var(--colorItFireEngineRed);
}

#uicpsych-main-menu .dropdown-menu>li {
      list-style: none !important;
      border-bottom: none !important;
}

#uicpsych-main-menu .dropdown-menu>li>a  {
    text-transform: none;
    font-weight: normal;
    /*font-size:90%;*/
    color: #fcfcfc;
}
#uicpsych-main-menu .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: var(--colorItWhite);
    background: none;
    border-left: 5px solid var(--colorItWhite);
}

#uicpsych-main-menu .subcat>li>a {
  font-size: 95% !important;
}

#uicpsych-main-menu .navbar-nav:not(.sm-collapsible) ul .caret {
    margin-right: 0px !important;
    margin-left: 5px !important;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid;
    border-left: 0px solid transparent;
}

#main-navigation .navbar-fixed-top {
  background: var(--colorItNavCream);
}

#main-navigation .navbar-toggle {
  border-color: transparent;
  float: left; /* Move navbar toggle to left */
}

#main-navigation  .navbar-toggle .icon-bar {
  background-color: #f00; /* Changes regular toggle color */
}
#main-navigation  .navbar-toggle .icon-bar:hover {
  background-color: var(--colorItFireEngineRed); /* Changes toggle color on hover */
}


#uicpsych-sidebar-menu ul li a:hover {
    background: none;
    color: #ef3340;
}


.path-taxonomy .node__title {
    clear: both;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: bolder;
    color: var(--colorItNavyPierBlue);
    /*position: relative;*/
}

.path-node .node__title {
    clear: both;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: bolder;
    color: var(--colorItNavyPierBlue);
}

#html5-watermark a {
    display: none !important;
}



/*.path-taxonomy .node__title::after {
    background-color: #444;
    content: "";
    display: block;
    height: 4px;
    width: 20px;
    position: absolute;
    bottom: -15px;
    left: 0;
}*/

/* Row with equal height columns */
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}


.row-eq-height > [class^=col]:last-of-type div:first-of-type {
  margin-top: 0;
}

.row-eq-height > [class^=col]:last-of-type div:last-of-type {
  margin-bottom: 0;
}



/*submenu*/
#educSubMenu .list-group-item {
  padding: 15px 15px;
}

#educSubMenu .list-group-item-info:hover {
    background-color: #d9edf7;
}


#educSubMenu .list-group-item.active, #educSubMenu .list-group-item-info.active {
    /*text-decoration: none;
    background-color: #ef3340;
    border: 1px solid #ddd;
    color: #eee;
    */
    text-decoration: none;
    background-color: #f2f2f2;
    border-left: 2px solid #ef3340;
    color: #555;
    font-weight: bold;
    border-top: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;

}

#educSubMenu a[aria-expanded="true"] {
   font-weight: bold;
}


#educSubMenu .collapse .list-group-item:first-child, #educSubMenu .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#educSubMenu .collapse .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.sidebar.theme-light #educSubMenu .list-group-item,
.section-more-categories-block #moreCatSubMenu .list-group-item {
  background-color: var(--colorItNavCream);
  color: #363636;
}

.sidebar.theme-light #educSubMenu .list-group-item:hover,
.section-more-categories-block #moreCatSubMenu .list-group-item:hover {
  color: var(--colorItFireEngineRed);
}

.sidebar.theme-light #educSubMenu .list-group-item.active, #educSubMenu .list-group-item-info.active {
  color: var(--colorItFireEngineRed);
}

.sidebar.theme-light > .list-group > #educSubMenu > .list-group.panel > .has-children > a.list-group-item {
  padding-left: 30px !important;
}

.sidebar.theme-light > .list-group > #educSubMenu i.fa, .section-more-categories-block #moreCatSubMenu i.fa {
  float: right;
}


/*end of submenu*/


/*salary and benefits styling*/
#salary-benefits .white {
    color: white;
}

#salary-benefits  .btn-lg {
    font-size: 20px;
    line-height: 1.33;
    border-radius: 6px;
}

#salary-benefits  .box > .icon {
    text-align: center;
    position: relative;
}

#salary-benefits  .box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 50px;
    height: 50px;
    border: 2px solid white;
    line-height: 50px;
    border-radius: 50%;
    background: var(--colorItNavyPierBlue);
    vertical-align: middle;
}

#salary-benefits  .box > .icon:hover > .image {
    border: 2px solid black;
}

#salary-benefits .box > .icon > .image > i {
    font-size: 40px !important;
    color: #fff !important;
}

#salary-benefits  .box > .icon:hover > .image > i {
    color: white !important;
}

#salary-benefits .box > .icon > .info {
    margin-top: -24px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
}

#salary-benefits .box > .icon > .sal {
    margin-top: -24px;
    background: none;
    border: none;
    padding: 0px;
}

#salary-benefits .box > .icon > .info > h4.title {
        color: #222;
        font-weight: 500;
}


#salary-benefits .box > .icon > .info > .sal {
    background: rgba(0, 0, 0, 0.04);
    padding-top: 20px;
    padding-bottom: 5px;
}



#salary-benefits .box > .icon > .info > p {
        color: #666;
        line-height: 1.5em;
        margin: 20px;
}

#salary-benefits .box > .icon:hover > .info > h4.title, #salary-benefits .box > .icon:hover > .info > p, #salary-benefits .box > .icon:hover > .info > .more > a {
    color: #222;
}

#salary-benefits .box > .icon > .info > .more a {
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

#salary-benefits .box > .icon:hover > .info > .more > a {
    color: #000;
    padding: 6px 8px;
    border-bottom: 2px solid #31708f;
}

#salary-benefits .box .space {
    height: 30px;
}

#salary-benefits .table-responsive thead tr th {
    text-align: center;
}

/*lightbox*/
.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}

/*event-content lightbox*/
#event-content .videocontainer {
    background: #4593e3;
    right: 30px;
    padding: 50px;
    border-radius: 5px;
}

#event-content .videocontainer a {
   font-size: 20px;
   color: var(--colorItWhite);
}

#event-content .lightboxcontainer {
  width:100%;
  text-align:left;
}
#event-content .lightboxleft {
  width: 30% !important;
  float:left;
}
#event-content .lightboxright {
  width: 70%  !important;
  float:left;
}
#event-content .lightboxright iframe {
  min-height: 500px !important;
}
#event-content .divtext {
  margin: 36px;
}

#event-content div.speakerInfo {
  margin-top: 10px;
}

#event-content div.speakerInfo .speaker, #event-content div.speakerInfo .occupation {
  font-size: 15px !important;
}

#event-content div.speakerInfo .designation-list {
  padding-left: 18px;
}


.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
   font-weight: bold;
  color: var(--colorItNavyPierBlue) !important;
}

.courseTitle {
  font-weight: bold;
}

#embed-resp-table .dmh-sched thead {
  background: #f2f2f2;
}

#embed-resp-table .dmh-sched .location {
  font-weight: bold;
}

#embed-resp-table .dmh-sched .time {
  color: var(--colorItNavyPierBlue);
}

#embed-resp-table .dmh-sched .contact {
    font-weight: bold;
}

#embed-resp-table .dmh-sched .nosked {
    font-weight: bold;
    color: #d06517;
}

#embed-resp-table .dmh-sched .date {
    font-weight: bold;
}

#embed-resp-table .dmh-sched .speaker {
    font-weight: bold;
}

#embed-resp-table .dmh-sched .blue {
    color: var(--colorItNavyPierBlue) !important;
}

#embed-resp-table .dmh-sched .green {
    color: #13745c !important;
}

#embed-resp-table .dmh-sched .red {
    color: #ef3340 !important;
}

.publications-ncbi {
    padding:10px;
    background: rgba(0, 181, 226, 0.14);
}

.publications-ncbi img {
  display: inline-block;
}

/* ==========================================================================
Embedded Media/Inline Content Style
========================================================================== */
.caption-drupal-entity .embedded-entity img, .caption-drupal-entity figcaption {
  padding:10px;
}


.inlineVideo {
  float:left;
  padding:10px; background: #f2f2f2;
  margin-right:10px;
  margin-bottom: 20px;
}

.inlineVideo span.caption {
  font-size:90%;
  width: initial;
  background: none;
  bottom: initial;
  position: initial;
}

.inlineVideo span.caption  a {
  display: inline-block;
}





#clinical-intro .about-us-image {
    max-width: 500px;
    padding: 10px;
    background: #f2f2f2;
    margin-left: 10px;
}


#our-services--article {
/*    background-image: url(/sites/all/themes/custom/uicpsych2024_theme/images/local/clinical-our-services-background-darkblue.png);*/
    background-color: var(--colorItFireEngineRed);
}

#our-services--article .img-portfolio {
    color: var(--colorItWhite);
}

#our-services--article .offer-danger .shape {
  border-color: rgba(255,255,255,0) var(--colorItChicagoBlue) rgba(255,255,255,0) rgba(255,255,255,0);
}

#feature-block {
    margin-bottom: 20px;
}

#clinical-make-an-appointment {
    margin-bottom: 0px;
}

#clinical-make-an-appointment .node_title {
  background-color: rgba(0,0,0,.5);
}

#clinical-make-an-appointment h2 {
    color: var(--colorItChicagoBlue);
    font-weight: bolder;
}

.our-services-prehead {
    color: var(--colorItWhite);
}


.shape{
    border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
    -ms-transform:rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    transform:rotate(360deg);
}
.offer{
    background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer-radius{
    border-radius:7px;
}
.offer-danger { border-color: #d9534f; }
.offer-danger .shape{
    border-color: transparent #d9534f transparent transparent;
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-success {    border-color: #5cb85c; }
.offer-success .shape{
    border-color: transparent #5cb85c transparent transparent;
    border-color: rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-default {    border-color: #999999; }
.offer-default .shape{
    border-color: transparent #999999 transparent transparent;
    border-color: rgba(255,255,255,0) #999999 rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-primary {    border-color: #428bca; }
.offer-primary .shape{
    border-color: transparent #428bca transparent transparent;
    border-color: rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-info {   border-color: #5bc0de; }
.offer-info .shape{
    border-color: transparent #5bc0de transparent transparent;
    border-color: rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-warning {    border-color: #f0ad4e; }
.offer-warning .shape{
    border-color: transparent #f0ad4e transparent transparent;
    border-color: rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0);
}

.shape-text{
    color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;
    -ms-transform:rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
    transform:rotate(30deg);
}
.offer-content{
    padding:0 20px 10px;
}

.category-image-banner img:hover {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
}

#our-services--article .lead {
    font-size: 18px;
    line-height: 113%;
}

#our-services--article .offer-content .our-services-long {
    /*font-size: smaller !important;*/
}

.clinical-catshortcode {
  color: #777;
  font-weight: bold;
  font-stretch: extra-condensed;
}

.publish-info {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 10px 5px;
    margin-bottom: 10px;
}

.publish-info ul.publish-list {
    padding:0px;
}

.publish-info ul.publish-list li {
  display: inline-block;
  list-style-type: none;
}

.publish-info ul.publish-list li span.label {
    color:var(--colorItSteelGray);
}

.publish-info ul.publish-list li span a {
  color:var(--colorItNavyPierBlue);
}

#pallarax-in-the-news {
  background: url(../../images/local/in-the-news.jpg) no-repeat center center fixed;
  display: table;
  height: 500px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: var(--colorItSteelGray);
  /*margin-bottom: 20px;*/
}

#pallarax-in-the-news .news-title a:hover {
    color: var(--colorItChicagoBlue) !important;
    text-decoration: none;
}

.#pallarax-in-the-news .featured-news {
  background-color: hsla(0, 2%, 6%, 0.27) !important;
  padding-top:20px;
}

.section-featured-inthenews .inthenews-wrapper {
  background-color: hsla(0, 2%, 6%, 0.27);
  padding:20px 10px;
}

.section-featured-inthenews .inthenews-wrapper .news-info {
   color:#f2f2f2;
}

.section-featured-inthenews .inthenews-wrapper .news-info  a {
   padding: 0px;
}

.section-featured-inthenews .inthenews-wrapper .news-info  a:hover {
  color: var(--colorItChicagoBlue) !important;
}

.section-featured-inthenews .more {
  margin-top: 10px;
}

.about-us-values .text-heading-line-left {
    position: relative;
    content: "";
    height: 1px;
    width: 44%;
    margin: 0 auto;
    top: 0px;
    left: -316px;
    background: var(--colorItChicagoBlue);
}

.about-us-values .botmargin {
    margin-bottom: 1em;
}


.about-us-values h4 {
    font-family: 'Oswald', sans-serif;
}

.uicpsych-breadcrumb .container {
    padding-left: 0px;
    padding-right: 0px;
}

#directory .button-group {
  margin-bottom: 20px;
  text-align: right;
  padding-right: 20px;
}

#directory .button-group .btn-item {
  padding: 0px;
  background-color: grey;
  color: #fff;
  border: 1px #f2f2f2 solid;
  min-width: 22px !important;
}

#directory .button-group .btn-directory-group {
  padding: 0px 10px !important;
}


#directory .button-group .btn-item.is-checked {
  background-color: var(--colorItNavyPierBlue);
}

#directory .button-group .btn-item:active, #directory .button-group .btn-item:focus {
  background-color: var(--colorItNavyPierBlue);
}


#directory .button-group .btn-item:hover {
  background-color: #BA0100;
  color: #fff;
}


#directory .grid .grid-item {
  padding: 10px;
}

#directory .src-image {
  display: none;
}

#directory .card {
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  background-color: #fff;
  color: #000;
}

#directory .card .content {
  position: relative;
  margin: 15px;
  z-index: 5;
  text-align:left;
}


#directory .card .content .plain {
    font-size: 85%;
}

#directory .card .avatar {
  position: relative;
  margin:15px 15px 5px 15px;
  z-index: 5;
  float:left;
}
#directory .profileImg
{

}

#directory .card .avatar img {
   width:80px ;
  height:80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#directory .table-user-information {
  text-align: left;
  font-size: 12px;
}

#directory .displayProfiles
{
  background-color: #fff;
    box-shadow: 3px 1px 8px rgba(0,0,0,0.2) !important;
    background-image: none !important;

}

#directory .personName {
  text-transform: uppercase;
  font-weight: bold;
  font-family: sans-serif;
  color: #BA0100;
  letter-spacing: 1px;
}

#directory .personName2 {
  font-weight: bold;
  font-family: sans-serif;
  color: #BA0100;
  font-size: 110%;
  letter-spacing: 1px;
}

#directory .arrow
{
  margin-top:25px;
}
#directory .profInfo
{
  font-size:80%;
  letter-spacing:1px;
}

#directory .content .item-list ul li {
    list-style-type: none;
    font-size:80%;
    padding:2px;
    border-bottom: none;
}

#directory .typeahead,
#directory .tt-query,
#directory .tt-hint {
  border: 2px solid #CCCCCC;
  border-radius: 30px;
  font-size: 12px;
  /* Set input font size */
  height: 30px;
  line-height: 30px;
  outline: medium none;
  padding: 8px 12px;
  width: 396px;
  font-family: sans-serif;
}

#directory .typeahead {
  background-color: var(--colorItWhite);
}


#event-archives .field-collection-item .field--name-field-speaker-name .field__label,
#event-archives .field-collection-item .field--name-field-event-topic .field__label {
    font-size: 80%;
    text-transform: uppercase;
    color: #555;
}

.social-connect {
  background: #f2f2f2;
  padding: 10px;
  border-radius: 5px;
}

.social-connect h5 {
  font-weight: bold;
}

ul.social-list {
    padding:0px;
}

ul.social-list li {
  display: inline-block;
  list-style-type: none;
  padding: 0px 15px;
}

ul.social-list li span.icon {
    color:var(--colorItChicagoBlue);
}

.research-wrapper {
  border-bottom: var(--colorItChampionsGold) 1px dotted;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

.research-wrapper:last-child {
  border-bottom: none !important;
}

.research-wrapper:hover {
  background: #ef334008;
}

.project-introduction .research-name {
   display: none;
}


#our-services--article .row-eq-height > [class^=col]:last-child {
      padding-top: 15px;
      margin-bottom: 15px;
}

#clinical-team .profile-wrapper:last-child, #accordion-uicpsych-team .profile-wrapper:last-child {
  border-bottom: none;
}

#article-featured-person .profile-wrapper {
  border-bottom: none;
}

.article-para-style {
  padding: 1em;
}


.first-para-style {
  text-indent: 2em;
}

.second-para-style {
  text-indent: -2em;
  padding-left: 15px;
}

.third-para-style {
  text-indent: 50%;
}

.fourth-para-style {
  text-indent: 100%;
}


/*** homepage styling *****/

.section-introduction {
  margin-bottom: 30px;
}

.section-introduction .deptname-wrapper {
  display; inline-block;
}

.section-introduction .deptname-wrapper .uic-campus-logo {
  width:50px;
  float:left;
  padding:10px 0;
}

.section-introduction p.intro {
  line-height: 24px;
  font-size: 18px;
}

.section-introduction .dept-about-us ul {
   padding:0px;
}

.section-introduction .dept-about-us ul li {
  display: inline-block;
  font-stretch: ultra-condensed;
}

.section-introduction .dept-about-us ul li.intro {
  font-stretch: normal;
}


.section-introduction .dept-about-us ul li.redDot::before, .dept-goal::before {
  font-family: FontAwesome;
  content: "\00a0\f111\00a0";
  color: #ef3340;
}




.section-introduction .dept-about-us ul li.intro span {
   font-weight: bold;
}

.section-introduction .dept-about-us ul li span {
  font-size: 120%;
}

.section-introduction .dept-about-us ul li a:hover {
  color: var(--colorItFireEngineRed) !important;
}

.dept-highlight-wrapper {
  padding: 20px 0px;
}

.dept-highlight-wrapper:has(.section-featured-news:empty) {
  display: none;
}


.section-featured-news .node_title {
  font-size: 28px;
  font-weight: bolder;
}

.section-featured-news-item {
  background: var(--colorItChicagoBlue);
  border-left: 5px solid var(--colorItNavyPierBlue);
  box-shadow: 0px 0px 5px rgb(0 0 0 / 5%);
}

.section-featured-news-item .btn {
  font-weight: bold;
}
.section-featured-news-item .btn:hover {
  background-color: var(--colorItNavyPierBlue);
}

.section-featured-news .section-label {
  font-weight: bold;
  font-size: 40px;
}


.section-featured-news-item .event-detail-wrapper {
  font-size: 18px;
}

.section-featured-news-item .event-detail-wrapper .eventSpeaker {
  font-size: 20px;
}

.section-latest-news {
  margin-bottom: 20px;
}

.section-latest-news .section-label, .section-featured-articles .title-sep  {
  font-stretch: ultra-condensed;
  font-weight: bold;
}

.section-latest-news .section-label {
  border-bottom: 2px solid;
  font-weight: bold;
  font-size: 40px;
}

.section-latest-news .news-item .node_title {
  font-size: 18px;
  text-align: left;
}

.section-featured-news-item a:hover {
  color: var(--colorItChicagoBlue) !important;
}

.section-news-invert {
  background-color: var(--colorItNavyPierBlue);
  color: var(--colorItWhite);
  margin: 50px 0px;
}

.section-latest-news .news-item .news-item-media {
  margin:15px 0px;
}

.section-news-invert .section-latest-news .node_title {
  font-size: 28px;
  font-weight: bolder;
}

.section-news-invert .section-latest-news .node_title a {
  color: var(--colorItWhite) !important;
}

.section-news-invert .section-latest-news .node_title a:hover {
    color: var(--colorItChicagoBlue) !important;
}

.section-news-invert .section-latest-news .section-label {
  border-bottom: none;
  font-stretch: none;
}

.section-news-invert .section-latest-news .btn {
  font-weight: bolder;
}

.section-featured-articles .title-sep {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 40px;
}

.section-featured-articles .light {
  background: var(--colorItChicagoBlue)1a;
  border-top: 5px solid var(--colorItNavyPierBlue);
  border-radius: 0px;
}

.section-featured-articles .node_title {
  font-size: 18px;
  text-align: left;
  font-weight: bolder;
}

.section-featured-articles .highlighted-block div[class*='featured-profile'] {
  margin-bottom: 10px;
}

.section-featured-articles .item-list ul li {
  border-bottom: none;
  list-style-type: none;
  padding: 2px 0px;
}


.participate-research-wrapper {
  margin-top:100px;
  padding-bottom:50px
}


.section-participate-research {
  margin-top: -60px;
}

.section-participate-research .section-label {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  border-bottom: 3px solid;
}


.section-participate-research  .node_title {
  font-size: 28px;
  text-align: left;
  font-weight: bolder;
  line-height: 28px;
}

.section-participate-research .btn {
  font-weight: bolder;
}

.section-participate-research .node_title a:hover {
  color: var(--colorItChicagoBlue) !important;
}

.section-participate-research .btn:hover {
  background-color: var(--colorItNavyPierBlue) !important;
  color: var(--colorItWhite) !important;
}

.section-patientcare-block {
    background-image: url(../../images/local/patient-care.jpg);
    min-height: 100px;
    border: 5px #f2f2f2 solid;
    background-position: bottom right;
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--colorItNavyPierBlue);

}

.section-patientcare-block  .patientcare-wrapper {
    padding-left: 150px;
}

.section-patientcare-block  .patientcare-wrapper-sm {
    padding-left: 100px;
    margin-top: -15px;
}

.section-patientcare-block  .patientcare-wrapper h3 {
    text-transform: uppercase;
    text-shadow: 2px 2px var(--colorItWhite);
    background: inherit;
    background-clip: text;
    color: transparent;
    filter: invert(1);
}

.section-patientcare-block  .patientcare-wrapper p, .section-patientcare-block  .patientcare-wrapper-sm p {
   margin: 0px;
   line-height: 0px;
   font-size: 120%;
}


.section-patientcare-block  .patientcare-wrapper p span.here, .section-patientcare-block  .patientcare-wrapper-sm p span.here {
   font-weight: bolder;
   text-shadow: 2px 2px #f2f2f2;
    background: inherit;
    background-clip: text;
    color: transparent;
    filter: invert(1);
}

.section-patientcare-block  .patientcare-wrapper a:hover h3  {
  color: #c41230 !important;
}

.section-patientcare-block  .patientcare-wrapper a:hover p span.here  {
  color: var(--colorItChicagoBlue) !important;
}

.section-appointment-block {
    margin: 10px 0;
    border: 5px #f2f2f2 solid;
}

.section-appointment-block .appointment-wrapper {
   float:none;
   padding:0px;
}

.section-donate-block {
    background-image: url(../../images/local/make-a-gift-600px.jpg);
    min-height: 100px;
    border: 5px #f2f2f2 solid;
    background-position: bottom right;
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--colorItNavyPierBlue);
}

.section-donate-block .donate-wrapper {
    padding: 10px;
}

.section-donate-block .donate-wrapper p {
    color: var(--colorItWhite) !important;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px;
    font-stretch: ultra-condensed;
}

.section-donate-block .donate-wrapper a:hover p span {
    color: #00afee;
}

.section-donate-block .donate-wrapper p span {
    text-transform: none;
    font-size: 180%;
    text-shadow: 2px 2px #24242a;
    color: transparent;
    filter: invert(1);

}

.section-donate-block .donate-wrapper a:hover p span {
    color: #00afee;
    text-decoration: none !important;
}

.section-more-categories-block .more-cat {
    color: #fff;
    background-color: var(--colorItNavyPierBlue);
    border-color: var(--colorItNavyPierBlue);
}

.section-more-categories-block .list-group-item div[class*='col-'] {
  padding: 0px 5px 0px 5px;
}


.section-residency-block {
    background-image: url(../../images/local/banner-general-residency-sm.jpg);
    min-height: 100px;
    border: 5px #f2f2f2 solid;
    background-position: bottom right;
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--colorItNavyPierBlue);
}

.section-residency-block .residency-wrapper {
    padding: 10px;
}

.section-residency-block .residency-wrapper p {
    color: var(--colorItChicagoBlue) !important;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px;
    text-align: right !important;
}

.section-residency-block .residency-wrapper a:hover p span {
    color: #00afee;
}

.section-residency-block .residency-wrapper p span {
    text-transform: none;
    font-size: 140%;
    text-shadow: 1px 1px #24242a;
    line-height: 80%;
    color: transparent;
}

.section-residency-block .residency-wrapper a:hover p span {
    color: #00afee;
    text-decoration: none !important;
}

.section-newsletter .panel-body .node_title {
  font-size: 18px;
}

.section-newsletter a.btn {
   border: 1px solid #937f7f;
   margin-top: 10px;
}

.section-newsletter a.btn:hover {
  background-color: var(--colorItExpoWhite) !important;
  color: var(--colorItFireEngineRed) !important;
}


.section-homepage-events .media .media-body .tagCategory {
    color:var(--colorItFireEngineRed);
    display: inline-block;
    padding-bottom: 10px;
    font-size: 100%;
}

.section-homepage-events .media .media-body .tagCategory a {
  color:var(--colorItFireEngineRed) !important;
  text-transform:uppercase;
  font-stretch: extra-condensed;
  font-weight: bolder;
  font-size: 110% !important;
  line-height: 0px !important;
}

.section-homepage-events .media .media-body .media-heading {
  font-size: 20px;
  font-weight: bolder;
}

.section-welcome .user-picture img {
   max-width: 140px!important;
   max-height: 140px!important;
   width:140px !important;
}

.section-welcome .user-picture .profile-info {
  text-align:center;
  padding:10px 0 0 0 !important;
  line-height: 120% !important
}

.section-welcome .user-picture .profile-info li .profileName a {
  font-weight: bolder !important;
  font-size: 16px;
}

.section-welcome .intro {
  line-height: 110%;
  color: var(--colorItFireEngineRed);
  font-size: 18px;
}

.section-welcome .message-body {
  line-height:120%;
}


.section-searchPeople-block {
    background-image: url(../../images/local/directory-search-people-1.jpg);
    min-height: 100px;
    border: 5px #f2f2f2 solid;
    background-position: bottom right;
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--colorItNavyPierBlue);
}


.section-searchPeople-block .searchPeople-wrapper {
    padding: 10px;
}

.section-searchPeople-block .searchPeople-wrapper p.subtitle {
    font-size: 22px;
    line-height: 16px;
    text-shadow: 1px 1px var(--colorItWhite);
    font-stretch: ultra-condensed;
    color: transparent;
    filter: invert(1);
}

.section-searchPeople-block .searchPeople-wrapper a:hover p span {
    color: #00afee;
    text-decoration: none !important;
}

.section-searchPeople-block .searchPeople-wrapper p span {
    text-transform: uppercase;
    font-size: 180%;
    text-shadow: 2px 2px #24242a;
    float: right;
    font-stretch: initial;
    font-weight: normal;
    color: transparent;
    filter: invert(1);
}


.section-researchlab-block {
    background-image: url(../../images/local/research-lab-directory.jpg);
    min-height: 100px;
    border: 5px #f2f2f2 solid;
    background-position: bottom right;
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-researchlab-block .researchlab-wrapper {
    padding: 10px;
}

.section-researchlab-block .researchlab-wrapper p {
    color: var(--colorItWhite) !important;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px;
}

.section-researchlab-block .researchlab-wrapper a:hover p span {
    color: #00afee;
    text-decoration: none !important;
}

.section-researchlab-block .researchlab-wrapper p span {
    color: #c41230;
    text-transform: none;
    font-size: 180%;
    text-shadow: 2px 2px #24242a;
}

.section-researchlab-block .researchlab-wrapper a:hover p span {
    color: #00afee;
    text-decoration: none !important;
}

.section-heroimage-block {
  position: relative;
  text-align: center;
  color: white;
}

.section-heroimage-block .bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.section-heroimage-block .top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.section-heroimage-block .top-right {
  position: absolute;
  top: 30px;
  right: 295px;
  left: 0px;
  font-size: 20px;
  line-height: 20px;
  padding: 10px;
  background: #0f5a98c2;
}

.section-heroimage-block .bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.section-heroimage-block .bottom-centered {
    position: absolute;
    right: 295px;
    left: 0px;
    font-size: 20px;
    line-height: 20px;
    padding: 5px;
    background: #0f5a98c2;
    bottom: 0px;
}

.section-heroimage-block .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.section-heroimage-block div span.subtitle {
   text-align: right;
   font-size: 12px;
   text-transform: uppercase;
}

.section-heroimage-block img {
  border: 5px solid #f2f2f2;
}

.section-heroimage-block .hero-sm {
  width: 200px !important;
}

.section-heroimage-block .hero-med {
  width: 400px !important;
}

.section-heroimage-block .hero-lrg {
  width: 800px !important;
}


#home-research-logo {
    padding: 30px 0px 30px 0;
}


#home-research-logo .research-wrapper .section-label {
  padding-bottom: 20px;
}


#home-research-logo .research img {
  transition: all 0.1s ease-in;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  margin: 0 auto;
  max-height: 200px;
}

#home-research-logo .research img:hover {
  position: relative;
  z-index: 10;
  transition: all 0.1s ease-in;
  -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
   margin: 0 auto;
}

.research-logo .logo {
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*width: 203px;
    height: 150px;*/
    margin-right: 15px;
    margin-bottom: 15px;
    /*border: 1px solid #f2f2f2;*/
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
                 border-radius: 3px;
}

.research-logo .logo img:hover {
  transition: all 0.1s ease-in;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  margin: 0 auto;
  max-height: 150px;
}

.research-logo .logo  * {
    vertical-align: middle;
    display: inline-block !important;
}

.research-logo .logo  span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

.research-logo .last {
    margin-right: 0px;
}

.panel-uicpsych-home {
  border-bottom: 5px solid var(--colorItFireEngineRed) !important;
  border-top: none !important;
  border-left: 1px solid var(--colorItNavyPierBlue) !important;
  border-right: 1px solid var(--colorItNavyPierBlue) !important;
  border-radius: unset  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;


}

.panel-uicpsych-home>.panel-heading {
    background-color: var(--colorItNavyPierBlue);
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    color :#fff;
}


.panel-uicpsych-navy {
  border-bottom: 5px solid var(--colorItNavyPierBlue) !important;
  border-top: none !important;
  border-left: 1px solid var(--colorItNavyPierBlue) !important;
  border-right: 1px solid var(--colorItNavyPierBlue) !important;
  border-radius: unset  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;


}

.panel-uicpsych-navy>.panel-heading {
    background-color: var(--colorItNavyPierBlue);
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    color :#fff;
}

.panel-uicpsych-event {
  border: 1px solid var(--colorItNavyPierBlue) !important;
}

.panel-uicpsych-event>.panel-heading {
    color: #fff;
    background-color: var(--colorItNavyPierBlue);
    border-color: var(--colorItNavyPierBlue);
}

.panel-uicpsych-event>.panel-body {
  font-size: 28px;
}

.panel-uicpsych-event>.panel-heading {
    color: #fff;
    background-color: var(--colorItNavyPierBlue);
    border-color: var(--colorItNavyPierBlue);
}

.panel-uicpsych-event.today {
  border: 1px solid var(--colorItFireEngineRed) !important;
}

.panel-uicpsych-event.today >.panel-heading {
  color: #fff;
  background-color: var(--colorItFireEngineRed);
  border-color: var(--colorItFireEngineRed);
}

.teamDesc {
  background: var(--colorItExpoWhite);
  padding: 15px;
}


/* ==========================================================================
Support Us Style
========================================================================== */
#support-us {
  background: var(--colorItNavyPierBlue);
  padding: 60px 0;
  text-align: center;
}
#support-us h2 {
  text-transform: uppercase;
  color: #fff;
}
#support-us p {
  color: #fff;
}

#support-us .services-box {
  margin-top: 40px;
}
#support-us .services-box [class*='col-'] {
  margin-bottom: 20px;
}
#support-us .services-box [class*='col-'] .media-left,
#support-us .services-box [class*='col-'] .media-right,
#support-us .services-box [class*='col-'] .media-body {
  padding-right: 30px;
  vertical-align: baseline;
}
#support-us .services-box [class*='col-'] .media-left p,
#support-us .services-box [class*='col-'] .media-right p,
#support-us .services-box [class*='col-'] .media-body p {
  text-align: left;
}
#support-us .services-box [class*='col-'] .media-left h3,
#support-us .services-box [class*='col-'] .media-right h3,
#support-us .services-box [class*='col-'] .media-body h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}
#support-us .services-box [class*='col-'] .media-left span,
#support-us .services-box [class*='col-'] .media-right span,
#support-us .services-box [class*='col-'] .media-body span {
  font-size: 36px;
  color: #fff;
}

#support-us .services-box [class*='col-'] .media-left span.icon {
  font-size: initial;
}


#support-us .services-box [class*='col-'] .media-left h3:hover,
#support-us .services-box [class*='col-'] .media-right h3:hover,
#support-us .services-box [class*='col-'] .media-body h3:hover,
#support-us .services-box [class*='col-'] .media-body p:hover,
#support-us .services-box [class*='col-'] .media-left span.icon:hover {
  color: #c41230;
}



/* profile-bottom-links  */
#profile-bottom-links {
  background-color: var(--colorItFireEngineRed);
  padding: 60px 0;
  text-align: center;
}
#profile-bottom-links h2, #profile-bottom-links h3 a {
  text-transform: uppercase;
  color: var(--colorItWhite);
}
#profile-bottom-links p {
  color: var(--colorItWhite);
}

#profile-bottom-links ul {
  float: left;
  text-align: left;
  padding: 0px;
}

#profile-bottom-links ul li {
  border-bottom: 1px dotted #fff;
  padding: 10px 0;
}

#profile-bottom-links ul li:last-of-type {
  border-bottom: none;
}

#profile-bottom-links ul li, #profile-bottom-links ul li a {
  color: #fff;
}

#profile-bottom-links .services-box {
  margin-top: 40px;
}
#profile-bottom-links .services-box [class*='col-'] {
  margin-bottom: 20px;
}
#profile-bottom-links .services-box [class*='col-'] .media-left,
#profile-bottom-links .services-box [class*='col-'] .media-right,
#profile-bottom-links .services-box [class*='col-'] .media-body {
  padding-right: 30px;
  vertical-align: baseline;
}
#profile-bottom-links .services-box [class*='col-'] .media-left p,
#profile-bottom-links .services-box [class*='col-'] .media-right p,
#profile-bottom-links .services-box [class*='col-'] .media-body p {
  text-align: left;
}
#profile-bottom-links .services-box [class*='col-'] .media-left h3,
#profile-bottom-links .services-box [class*='col-'] .media-right h3,
#profile-bottom-links .services-box [class*='col-'] .media-body h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}
#profile-bottom-links .services-box [class*='col-'] .media-left span,
#profile-bottom-links .services-box [class*='col-'] .media-right span,
#profile-bottom-links .services-box [class*='col-'] .media-body span {
  font-size: 36px;
  color: #fff;
}

#profile-bottom-links .services-box [class*='col-'] .media-left span.icon {
  font-size: initial;
}


#profile-bottom-links .services-box [class*='col-'] .media-left h3 a:hover,
#profile-bottom-links .services-box [class*='col-'] .media-right h3 a:hover,
#profile-bottom-links .services-box [class*='col-'] .media-body h3 a:hover,
#profile-bottom-links .services-box [class*='col-'] .media-body p:hover,
#profile-bottom-links .services-box [class*='col-'] .media-left span.icon:hover {
  color: var(--colorItFireEngineRed);
}

#profile-bottom-links .services-box [class*='col-'] .media-body ul li a:hover {
  color: var(--colorItUIHealthSkyBlue);
}


.profile-publication-list li {
  padding: 5px 0;
}

.profile-publication-list li > ol > li {
  list-style: decimal !important;
}

.socialmedia-wrapper ul li {
   display: inline-block;
   padding: 2px;
   line-height: 100%;
   font-size: 20px;
}


.socialmedia-wrapper .title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-stretch: ultra-condensed;
  font-size: 18px;
}

.category-listing-template-b .node_title {
  font-weight: bold;
  padding-top:5px;
}

.category-listing-template-b img {
  border: 2px solid #f2f2f2;
}

/*orgnisation*/
#accordion-psych-organisation .row {
  margin: 10px 0 20px 0;
}

#accordion-psych-organisation .profile .profile-image img {
    width: 100%;
    max-width: 130px;
    max-height: 130px;
    border-radius: 50%;
    border: 10px solid transparent;
    box-shadow: 2px 2px 0px rgba(0,0,0, 0.18);
    margin: 0 auto;
}

#accordion-psych-organisation .row ul {
  padding: 0px;
}

#accordion-psych-organisation .row ul li {
  list-style: none;
  font-style: italic;
  line-height: 150%;
}


#accordion-psych-organisation .item-list ul li {
  border-bottom: none;
  padding: 0px;
  list-style: none;
  margin: 0px;
  text-align: center;
}

#accordion-psych-organisation .member-name {
  font-weight: bold;
}

#accordion-psych-organisation .profile-info {
  text-align: center;
}


#accordion-psych-organisation .profile {
  min-height: 280px !important;
}

#accordion-psych-organisation .profile .designation {
  font-size: 85%;
  font-style: italic;
  line-height: 110%;
}

#accordion-psych-organisation .profile .designation ul {
  list-style: none;
  padding: 0px;
}

#accordion-psych-organisation [class^=icon] {
  font-size: 90%;
  color: var(--colorItNavyPierBlue);
}

#accordion-psych-organisation .panel-heading [data-toggle="collapse"]:after
{

    font-family: 'FontAwesome';
    content: "\f138"; /* "play" icon */
    float: right;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 15px;

    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
}

#accordion-psych-organisation .panel-heading [data-toggle="collapse"].collapsed:after
{
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}


#accordion-psych-organisation .panel-footer .label {
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: condensed;
}


.hr-affairs .panel .panel-heading h4 {
  font-stretch: ultra-condensed;
}

.para-step {
  text-indent: 150px;
}

.categoryDesc .node_title {
  margin-top: 0px;
  font-weight: bold;
}


#directory-land-embed .services-box [class*='col-'] .media-left a:hover,
#directory-land-embed .services-box [class*='col-'] .media-right a:hover,
#directory-land-embed .services-box [class*='col-'] .media-body a:hover,
#directory-land-embed .services-box [class*='col-'] .media-body a:hover,
#directory-land-embed .services-box [class*='col-'] .media-left span.icon:hover {
  color: #ef3340 !important;
}

.gss_search-results .search-result__title {
  font-size: 100%;
}

.gss_search-results .search-result__info img {
  width: 110px;
}


/* ==========================================================================
Contact Us
========================================================================== */
#contact {
    padding: 100px 0 170px 0;
}

#contact .top-content .text {
  padding-top: 120px;
  color: #fff;
}

#contact .top-content .text h1 {color: #c41230; font-size: 50px; text-shadow: 3px 2px var(--colorItWhite); line-height: 35px;}

#contact .top-content .text h1 span { font-size: 30px;}

#contact .top-content .loginDescription {
  margin: 20px 0 10px 0;
}

#contact .top-content .loginDescription p { color:var(--colorItWhite); text-shadow: 1px 1px var(--colorItSteelGray);}

#contact .top-content .top-big-link {
  margin-top: 35px;
}

#contact .form-top {
  overflow: hidden;
  padding: 0 25px 15px 25px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

#contact .form-top-left {
  float: left;
  width: 75%;
  padding-top: 25px;
}

#contact .form-top-left h3 { margin-top: 0; }

#contact .form-top-right {
  float: left;
  width: 25%;
  padding-top: 5px;
  font-size: 70px;
  color: #eee;
  line-height: 100px;
  text-align: right;
}

#contact .form-bottom {
  padding: 25px 25px 30px 25px;
  background: #eee;
  text-align: left;
}

#contact .form-bottom form textarea {
  height: 100px;
}

#contact .form-bottom form .form-links {
  display: inline-block;
  width: 275px;
  text-align: right;
  vertical-align: top;
}


#contact .form-bottom form .form-links a { color: #888; }
#contact .form-bottom form .form-links a:hover,
#contact .form-bottom form .form-links a:focus { color: #888; border-bottom: 1px dotted #888; }


#contact .form-bottom input.form-submit {
  padding: 10px !important;
  margin: 20px 0px 0px 0px;
  background-color: var(--colorItNavyPierBlue);
  color: var(--colorItWhite);
  text-transform: uppercase;
}

#contact .form-bottom input.form-submit:hover {
  background-color: #c41230;
}

#contact .form-bottom .description {
  font-size: 80%;
  font-style: italic;
  padding-bottom: 10px;
}

#contact .page__title, #contact .block__title {
  display: none;
}


#contact .form-bottom .form-textarea, #contact .form-bottom .form-text, #contact .form-bottom .form-email {
  width: 100%
}

#contact  .form-bottom #edit-preview {
  display: none;
}


ul.bs-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.bs-box>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
ul.bs-box>li {
font-weight: bold;
}
ul.bs-box>li>a {
    border-bottom: 2px solid #2196F3;
    text-decoration: none;
    color: black;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.bs-box>li>a:hover {
     box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    color: #ef3340;
}

ul.bs-box li .panel-body p {
  font-weight: normal !important;
}

.hr-affairs {
  margin-top: 30px;
}

.ndvideoseries .row {
  margin-left: 0px;
  margin-right:0px;
  border-bottom: 2px dotted #f2f2f2;
  margin-bottom: 20px;
}


.spacer-30 {
  margin-top:30px;
}

span.category {
  padding-right: 10px;
}

.lightboxcontainer .divtitle {
  color: var(--colorItNavyPierBlue) !important;
}


/*end of generic styling*/


/*mobile*/
@media screen and (max-width: 768px) {
    .department-name-mobile {
      margin-top: 70px;
      background-color: var(--colorItNavyPierBlue);
      
    }

    .department-name-mobile a {
      color: var(--colorItWhite);
    }

    .department-name-mobile .site-name {
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0px;
      font-weight: bold;
    }

    .department-name-mobile .site-name-wrapper {
      padding: 0px;
      margin: 0px;
    }

    .department-name-mobile .ui-affiliation {
      margin-top: -10px;
      padding: 0px;
      margin-bottom: 10px;
    }

    #landing-image-parallax {
      background-size: cover !important;
      background-position: center center !important;
    }

    #educSubMenu .list-group-item.active, #educSubMenu .list-group-item-info.active {
        border-left: 1px #ddd solid;
        border-bottom: 2px solid #ef3340;
    }

    /*#main-navigation .navbar-fixed-top {
      padding-bottom: 15px;
    }

    #main-navigation .navbar-fixed-top .navbar-brand img {
        width: 150px !important;
    }*/

    .psych-icons {
      display: block !important;
      float: left;
      position: absolute;
      margin-top: 15px;
      margin-right: 15px;
      margin-bottom: 8px;
      padding-left: 170px;
      font-size: large;
    }

    .psych-icons ul {
      list-style: none;
    }

    .psych-icons ul li {
      display: inline-block;
    }

    .psych-icons ul li a {
      color: var(--colorItNavyPierBlue);
      padding: 0px 8px;
    }

    .gap-top50 {
      margin-top: 10px;
    }


    .section-introduction p.intro {
      line-height: 17px;
      font-size: 14px;
    }


    #landing-image {
        height: 200px !important;
        margin-top:50px;
    }

    #landing-image:after {
        height: 272px !important;
    }

    .landing-image-caption span.categoryname {
      font-size: 18px;
    }

    .landing-image-caption span.degree {
      font-size: 16px;
    }


    .landing-image-caption {
        top: 80px;
        float: right;
        right: 0px;
        padding-right: 50px;
        padding-bottom: 30px;
        padding-top: 20px;
        padding-left: 20px;

    }

    .landing-image-caption.parallax {
      top: 80px !important;
      float: none;
    }

    /*.landing-image-caption span.categoryname {
        font-size: 20px;
    }*/

    .landing-image-subcaption {
        float: right;
        right: 0px;
        padding-right: 50px;
        padding-top: 5px;
        font-size: 80%;
    }

    .landing-image-subcaption.parallax {
      padding: 50px !important;
      float: none !important;
    }

    #landing-image .landing-caption-more {
       padding-left: 200px !important;
       padding-bottom: 100px !important;
       top: 35px !important;
    }

    #landing-image .landing-subcaption-more {
        font-size: smaller !important;
        text-transform: none !important;
        font-weight: normal !important;
    }

    #landing-image .gotocontent {
        font-size: smaller !important;
        padding: 5px;
    }

    #landing-image .landing-caption-more--clinical {
        padding-right: 20px;
        top: 20px;
        right: 0px;
        width: 80%;
        padding-bottom: 30px;
        padding-top: 30px;
    }


    #landing-image .landing-caption-more--research {
        padding-right: 20px;
        top: 20px;
        right: 0px;
        width: 80%;
        padding-bottom: 30px;
        padding-top: 30px;
        min-height: 150px;
    }

    #landing-image .landhome {
      top: 0px !important;
      width: 90% !important;
      padding-bottom: 80px !important;
    }

     #landing-image .landing-caption-more--clinical .gotocontent, #landing-image .landing-caption-more--research .gotocontent {
       display:none;
     }


    .landing-image-subcaption p {
          font-size: 80%;
    }

    #index03-category .hr-sect-red {
       padding: 0px;
    }

    #index03-category .hr-sect-red span, .category-listing-template-b .hr-sect-red span {
      font-size: 65%;
      line-height: 115%;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
    }


    #index03-category  .hr-sect-red::before, #index03-category  .hr-sect-red::after {
      background: initial;
    }

    .article-gallery, .inlineVideo {
      width: 100%;
      margin-bottom: 10px;
    }

    .inlineVideo iframe {
      width: 100%;
    }


   #our-services--article .row-eq-height > [class^=col]:last-child {
     margin-bottom: 20px;
   }

    .region-feature-first {
      margin-bottom: 20px;
    }

      .lightboxleft {
        width: 100%;
      }
      .lightboxright {
        width: 100%;
      }
      .divtext {
        margin: 12px;
      }

    #uicpsych-sidebar-menu {
        display: none;
    }

    /*#headerlogo {
        display: none;
    }*/

    .block {
        padding: 0 0 5px 0;
    }

    /*breadcrumbs*/
    .cd-breadcrumb, .cd-multi-steps {
        width: 100%;
    }

    /*.cd-breadcrumb.triangle li:first-of-type > * {
      font-size: 80%;
    }*/

    .uicpsych-breadcrumb .container {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
    }

    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
      border: 1px solid transparent;
    }
    .cd-breadcrumb.triangle li:first-of-type > *
    .cd-breadcrumb.triangle li > * {
      font-size: 80%;
    }

    .cd-breadcrumb.triangle li {
      margin: 4px 5px 4px 0;
      font-size: 80%;
      font-stretch: ultra-condensed;
    }

    #salary-benefits .row .col-xs-12, #embed-resp-table .row .col-xs-12  {
        /*width: 80% !important;*/
    }

    #embed-resp-table .table-responsive>.table>tbody>tr>td,
    #embed-resp-table .table-responsive>.table>tbody>tr>th,
    #embed-resp-table .table-responsive>.table>tfoot>tr>td,
    #embed-resp-table .table-responsive>.table>tfoot>tr>th,
    #embed-resp-table .table-responsive>.table>thead>tr>td,
    #embed-resp-table .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }

    #event-content iframe {
        width: auto;
    }

    .footer-area ul.websites {
       font-size: small;
    }

    #clinicalSites .html5lightbox img {
    width: 100% !important;
    }

    /*clinical-horizontal-submenu*/
    #clinical-horizontal-menubar {
        margin-top: -60px !important;
    }

    #nav-clinical-menubar {
        display: block;
    }

    #nav-clinical-menubar .navbar-nav {
        margin: 0 0;
    }

    #nav-clinical-menubar .navbar-nav .item-wrapper .rightInfo {
        border-left: none;
    }

    #nav-clinical-menubar .navbar-nav .item-wrapper .label {
      white-space: initial;
    }

    #clinical-horizontal-menubar .box > .icon > .info {
       /*height: 250px !important;*/
    }

    #clinical-horizontal-menubar .box > .icon > .image {
        height: 50px  !important;
        width: 50px  !important;
    }

    #clinical-horizontal-menubar  .btn-lg {
        line-height: initial  !important;
    }


    #clinical-horizontal-menubar .btn-lg i {
        font-size: 1em  !important;
        padding-left: 0px  !important;
    }

    #clinical-horizontal-menubar .box > .icon > .info > h3.title {
        font-size: 110%  !important;
    }

    #clinical-horizontal-menubar .box > .icon > .info > p {
        text-align: center !important;
    }


    #nav-clinical-menubar .navbar-nav p {
      /*font-size: 80%  !important;
      line-height: 100% !important;*/
      margin-bottom: 10px;
    }

    #clinical-horizontal-menubar .box > .icon > .info span.label {
        line-height: 150%;
        font-size: 100% !important;
    }

    #clinical-make-an-appointment {
       background: var(--colorItSteelGray) !important;
    }



    #clinical-intro .about-us-image {
          width: 300px !important;
    }


    #clinical-make-an-appointment p {
        color: var(--colorItWhite);
    }

    #index03-category .img-portfolio {
        min-height: initial !important;
    }

    /*.homeCarousel-wrapper {
      margin-top: 65px;
    }*/

    .section-patientcare-block .patientcare-wrapper {
      padding-left:100px;
    }

    .section-welcome, .section-featured-articles .views-element-container {
      margin-top: 20px;
    }

    .section-introduction .deptname-wrapper h2 {
      font-size: 140%;
    }

    .section-introduction .deptname-wrapper img {
      width: 40px;
    }

    #directory .button-group .btn-item {
      padding: 10px;
      min-width: 30px !important;
      margin: 5px;
    }

    .section-patientcare-block .patientcare-wrapper-sm {
      padding-left: 180px;
    }

    .section-patientcare-block .patientcare-wrapper-sm h3 {
      font-stretch: ultra-condensed;
    }

    .section-patientcare-block .patientcare-wrapper-sm h3, .section-patientcare-block .patientcare-wrapper-sm p {
      text-align: right;
      padding-right: 20px;
    }


    .inline-image-right {
      width:100% !important;
      clear: both;
    }

    .inline-image-right img {
      width:100% !important;
    }

    .embedded-img-caption {
      margin: 0 !important;
    }

    .categoryDesc .node_title {
      margin-top: 10px;
    }

    #contactLandingImage {
          height: 100% !important;
    }

    #uicpsych-directions .showmap-wrapper {
      right: 20px !important;
      top: 10px  !important;
      padding: 5px !important;
    }

    #uicpsych-directions .showmap-wrapper a {
      font-size: 17px !important;
    }


    #contact .top-content .top-big-link a.btn {
      margin-bottom: 10px;
    }

    #gcsearch {
      margin-top: 100px;
    }

    #gcsearch .item-list:first-of-type {
      padding-top: 50px;
    }

    #gcsearch .item-list:first-of-type ul li {
      display: inline-block;
    }

    #gcsearch .form-submit, #gcsearch .search-help-link {
      float: right;
      margin-top: 10px;
    }

    #gcsearch ol.gss_search-results li {
      margin-left:0px;
    }

    #gcsearch .content h2 {
      padding-top: 50px;
      font-size: 20px;
    }

   .uytc-bp-content.race-justice table>tbody>tr>td>ul.bp-list {
      padding-inline-start: 20px;
   }

    .uytc-bp-content.race-justice table>tbody>tr>td img,
    .uytc-bp-content.race-justice table>tbody>tr>td .imgrp {
      max-width: 150px;
    }

    .uytc-race-justice-top-info img.uytc-race-justice-sta-h,
    .uytc-race-justice-top-info img.uytc-race-justice-who-h {
      display: none;
    }

    .uytc-race-justice-top-info img.uytc-race-justice-sta-v,
    .uytc-race-justice-top-info img.uytc-race-justice-who-v {
      display: block;
    }

    .uytc-race-justice-top-info img {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    .uytc-race-justice-top-info div.imgrp {
      margin-top: 10px;
      margin-bottom: 30px;
    }


}

/* Extra Small Devices, Phones, Custom, iPhone Retina*/
@media only screen and (min-width : 320px) and (max-width : 568px) {

    #educSubMenu .list-group-item.active, #educSubMenu .list-group-item-info.active {
        border-left: 1px #ddd solid;
        border-bottom: 2px solid #ef3340;
    }

    .media .main-image {
        float: none !important;
        margin-left: 0px;
    }

    .media .main-image a img {
        width:100%;
    }


    #landing-image .landing-caption-more {
        top: 20px !important;
        padding: 20px 20px 80px 150px !important;
    }

    #landing-image .landing-subcaption-more {
            padding-right: 20px;
    }

    .node__container .node__content p {
        text-align: left;
    }

    #nav-clinical-menubar {
        display: block;
    }

    .section-patientcare-block .patientcare-wrapper-sm {
      padding-left: 0px;
    }

    .section-patientcare-block .patientcare-wrapper-sm h3, .section-patientcare-block .patientcare-wrapper-sm p {
      width: 100% !important;
    }

    #clinical-horizontal-menubar .box > .icon > .info {
       height: 220px !important;
    }


    #clinical-horizontal-menubar .box > .icon > .info > h3.title {
        font-size: 110%;
    }

    #clinical-horizontal-menubar .box > .icon > .info > p {
        text-align: center !important;
    }

    #nav-clinical-menubar .navbar-nav p {
       line-height: 110% !important;
       font-size: 80% !important;
    }

    #nav-clinical-menubar {
      border-top: none;
      box-shadow: none;
    }

    .uytc-videos .bp-title, .uytc-videos .bp-msg {
      font-size: 100%;
    }

   .uytc-bp-content.race-justice table>tbody>tr>td>ul.bp-list {
      padding-inline-start: 20px;
   }

  .uytc-bp-content.race-justice table>tbody>tr>td img,
  .uytc-bp-content.race-justice table>tbody>tr>td .imgrp {
    max-width: 125px;
    padding: 5px 0px;
    float: left;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-sta-h,
  .uytc-race-justice-top-info img.uytc-race-justice-who-h {
    display: none;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-sta-v,
  .uytc-race-justice-top-info img.uytc-race-justice-who-v {
    display: block;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-sta-v {
    width: 250px;
  }

  .uytc-race-justice-top-info p.text-align-center {
    text-align: center;
  }

  .uytc-race-justice-top-info img {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

  .uytc-race-justice-top-info div.imgrp {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .uytc-race-justice-top-info ul.uytc-race-justice-btn-wrapper li {
    padding: 10px 0px;
  }

  .uytc-race-justice-top-info ul.uytc-race-justice-btn-wrapper li a {
    display: block;
    max-width: 350px;
    white-space: normal;
    min-height: 50px;
  }

  .uytc-race-justice-top-info .parallax-wrapper.classroomboard .parallax-text {
    margin-top: -100px;
    font-size: 18px;
  }

  .uytc-race-justice-top-info div[class*="settings-"] {
    background-size: contain;
    padding-bottom: 50px;
  }


  .uytc-race-justice-top-info div[class*="settings-"] .parallax-text {
    padding-top: 20px;
    font-size: 14px;
  }

  .uytc-race-justice-top-info div[class*="settings-"] .parallax-text ul {
    padding: 0px;
  }

  .uytc-race-justice-top-info div[class*="settings-"] .parallax-text ul li {
    line-height: 16px;
  }

  .uytc-race-justice-top-info .ages-wrapper {
    margin-top: 0px;
  }

 .uytc-race-justice-top-info .parallax-wrapper.ages-zerotosix {
    background-image: url(/sites/default/files/2021-04/UYTC/uytc-racesocialjustice-bgrnd-blue-v.png);
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    padding-top: 90px;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    max-height: 600px;
  }

  .uytc-race-justice-top-info .parallax-wrapper.ages-zerotosix .parallax-text {
    padding-bottom: 0px;
    margin-top: -70px;
  }


  .uytc-race-justice-top-info .parallax-wrapper.ages-seventoevelen,
  .uytc-race-justice-top-info .parallax-wrapper.ages-twelvetoeighteen {
    width: 100%;
    margin-top: -130px;
    max-height: 600px;
    margin-left: auto;
    z-index: 10;
    position: relative;
  }

  .uytc-race-justice-top-info .parallax-wrapper.ages-seventoevelen .parallax-text,
  .uytc-race-justice-top-info .parallax-wrapper.ages-twelvetoeighteen .parallax-text {
    margin-top: -150px;
  }

  .uytc-race-justice-top-info div[class*="ages-"] .parallax-text ul li {
    padding: 10px 10px;
    line-height: 18px;
  }


  .uytc-race-justice-top-info .parallax-wrapper.peoplerally-img {
    padding: 100px 0px 100px 0px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .uytc-race-justice-top-info .parallax-wrapper.peoplerally-bkgrnd {
    background-image: url(/sites/default/files/2021-04/UYTC/uytc-racesocialjustice-bgrnd-blue-h.png);
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px;
  }

  .uytc-race-justice-top-info .parallax-wrapper.peoplerally-bkgrnd .parallax-text {
    padding: 50px 20px;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-paperdoll,
  .uytc-race-justice-top-info img.uytc-race-justice-carefam-mobilephone {
    float: right;
    max-width: 200px;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-facemasks,
  .uytc-race-justice-top-info img.uytc-race-justice-carefam-holdinghands {
    float: left;
    max-width: 200px;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-healthworker {
    display: none;
  }

  .uytc-race-justice-top-info img.uytc-race-justice-healthworker-v {
    display: block;
  }

  .uytc-race-justice-top-info .parallax-wrapper.healthworker-bkgrnd {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 100px;
  }

  .uytc-race-justice-top-info .parallax-wrapper.healthworker-img {
    float: none;
    margin-top: -90px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
  }


}


#uicpsych-menu-toplinks li a {
    /*padding-bottom: 14px;*/
    color : var(--colorItNavyPierBlue);
}

#uicpsych-menu-toplinks li a:hover {
    border-bottom: #ef3340 2px solid;
    background: none;
    padding-bottom: 5px;
}

#uicpsych-menu-toplinks .dropdown .dropdown-menu {
     background: #ef3340;
     color : #fcfcfc;
}

#uicpsych-menu-toplinks .dropdown .dropdown-menu li  {
     list-style: none !important;
}

#uicpsych-menu-toplinks .dropdown .dropdown-menu li a  {
     color : #fcfcfc;
}

#uicpsych-menu-toplinks .dropdown .dropdown-menu li a:hover {
    text-decoration: none;
    color: #fcfcfc;
    background: none;
}

@media (min-width: 1024px) {
    /*#pre-header-inside, .toggle-control{
        display: none;
    }
    #header-top, .toggle-control {
        border-top: none !important;
    }
*/

    #logo-mobile-section {
        display: none;
    }

}

/* --------------------------------

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  /*max-width: 900px; changed from 768px*/
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #ef3340;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: var(--colorItFireEngineRed);
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.4rem;
  }

}

/* --------------------------------

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
    font-stretch: ultra-condensed;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: var(--colorItWhite);
    background-color:  var(--colorItFireEngineRed);
    border-color: var(--colorItFireEngineRed);
    font-stretch: ultra-condensed;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: var(--colorItWhite);
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /*
        li > *::after is the colored triangle after each item
        li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: var(--colorItWhite);
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  .cd-breadcrumb.triangle li.narrowBread > * {
    font-size: 85% !important;
  }

  .cd-breadcrumb.triangle li.narrowBread::after, .cd-breadcrumb.triangle li.narrowBread > a::after {
     border-left-width: 20px;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-right-width: 20px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* --------------------------------

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* --------------------------------

Multi steps indicator

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: var(--colorItWhite);
    background-color: #96c03d;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* --------------------------------

Add a counter to the multi-steps indicator

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {

  #main-navigation .navbar-fixed-top {
    top:0px;
  }



  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: var(--colorItWhite);
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* additional sections */
#about-us-home {
  background: url(../images/local/DG15_11_11_008_2000x1100.jpg) no-repeat center center fixed;
  display: table;
  height: 500px !important;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about-us-mission, #about-us-vision, #about-us-desc {
}

#about-us-values, #about-us-history {
  background-color: var(--colorItNavyPierBlue);
  color: var(--colorItWhite);
}
#about-us-values .glyphicon {
  border: 2px solid var(--colorItWhite);
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#about-us-message {
  background: url(../images/local/DG14_10_36_021.jpg) no-repeat center center fixed;
  display: table;
  height: 500px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#about-us-message .panel {
  opacity: 0.85;
}


#about-us-message-category {
  background: url(../images/local/DG14_10_36_021.jpg) no-repeat center center fixed;
  display: table;
  height: 500px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  margin-bottom: 20px;
}
#about-us-message-category .panel {
  opacity: 0.85;
}


#google_map {
  height: 500px;
}

#uicpsych-directions .map-container {
    margin-top: 30px;
    background: #4593e3;
    display: none;
}

#uicpsych-directions .map-container {
  margin-top:30px;background: #4593e3;
  display: none;
}

#uicpsych-directions .map-wrapper {
  padding: 20px 0 20px 0;
}

#uicpsych-directions .map-wrapper h2 {
  color: var(--colorItWhite);
}

#uicpsych-directions .showmap-wrapper {
    position: absolute;
    display: block;
    background: #4593e3;
    right: 30px;
    padding: 50px;
    border-radius: 5px;
}


#uicpsych-directions .showmap-wrapper a {
   font-size: 20px;
   color: var(--colorItWhite);
}

#uicpsych-directions .showmap-wrapper:hover {
  background: #003b72;
}


#vision-mobile {
    display:none;
}

#vision-desktop {
    display:block;
}


#about-us-menubar {
    background-color: var(--colorItSteelGray);
    border-color: none;
    border-radius: 0px !important;
    margin-bottom: 0px;

}

#nav-about-us .navbar-nav {
    width: 100% !important;
    text-align: center;

}
 #nav-about-us .navbar-nav > li {
      float: none;
      display: inline-block;
}

#nav-about-us .navbar-nav > li > a{
      color: #f2f2f2;
}

#nav-about-us .navbar-nav > li > a:hover{
      color: #ef3340;
}

#clinical-horizontal-menubar {
    border-color: none;
    border-radius: 0px !important;
    margin-bottom: -10px !important;
    margin-top: -150px; /*changed from -170px*/
}

#clinical-horizontal-menubar .item-wrapper {
    padding-left:0px;
    padding-right:0px;
}

#clinical-horizontal-menubar .item-wrapper .leftInfo, #clinical-horizontal-menubar .item-wrapper .rightInfo {
    padding-left: 5px;
    padding-right: 5px;
}

#clinical-horizontal-menubar .item-wrapper .rightInfo {
    border-left: 1px solid #f2f2f2;
}

/*salary and benefits styling*/
#clinical-horizontal-menubar .white {
    color: white;
}

#clinical-horizontal-menubar  .btn-lg {
    line-height: 6.33;
    border-radius: 6px;

}

#clinical-horizontal-menubar .btn-lg i {
   padding-left: 14px;
}

#clinical-horizontal-menubar .btn-lg i.fa-ambulance {
  padding-left: 0px !important;
}


#clinical-horizontal-menubar  .box > .icon {
    text-align: center;
    position: relative;
}

#clinical-horizontal-menubar .box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100px;
    height: 100px;
    border: 2px solid white;
    line-height: 50px;
    border-radius: 50%;
    background: var(--colorItNavyPierBlue);
    vertical-align: middle;
}

#clinical-horizontal-menubar .box > .icon:hover > .image {
    border: 2px solid #ef3340;
    background: #ef3340;
}

#clinical-horizontal-menubar .box > .icon > .image > i {
    font-size: 40px !important;
    color: #fff !important;
}

#clinical-horizontal-menubar  .box > .icon:hover > .image > i, #clinical-horizontal-menubar  .box > .icon:hover > .info {
    color: white !important;
    background: #ef3340;
}

#clinical-horizontal-menubar .box > .icon > .info {
    margin-top: -24px;
    background: var(--colorItNavyPierBlue);
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    height: 180px;
}


#clinical-horizontal-menubar .box > .icon > .info > h3.title {
        color: #f2f2f2;
        font-weight: 500;
}

#clinical-horizontal-menubar .box > .icon > .info > p {
    text-align: center !important;
}

#clinical-horizontal-menubar .box > .icon > .info span.label {
    font-size: 140%;
    font-weight: bolder;
    padding: 0px;
}

#clinical-horizontal-menubar .box > .icon > .info a {
    color: var(--colorItWhite);
}

#clinical-horizontal-menubar .box > .icon > .info .location {
    line-height: 90%;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: var(--colorItSteelGray);
    margin: 8px 0px;
    font-size: 150%;
}
.hr-sect::before,
.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.hr-sect-lightblue {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: var(--colorItChicagoBlue);
    margin: 8px 0px;
    font-size: 150%;
}
.hr-sect-lightblue::before,
.hr-sect-lightblue::after {
    content: "";
    flex-grow: 1;
    background: var(--colorItChicagoBlue);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.hr-sect-red {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #ef3340;
    margin: 8px 0px;
    font-size: 150%;
}
.hr-sect-red::before,
.hr-sect-red::after {
    content: "";
    flex-grow: 1;
    background: rgba(239, 51, 64, 0.71);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.hr-sect-white {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: var(--colorItWhite);
    margin: 8px 0px;
    font-size: 150%;
}
.hr-sect-white::before,
.hr-sect-white::after {
    content: "";
    flex-grow: 1;
    background: var(--colorItWhite);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

#nav-clinical-menubar .navbar-nav {
    width: 100% !important;
    text-align: center;
    color: #f2f2f2;
}

#nav-clinical-menubar .navbar-nav li {
  list-style: none;
}

#nav-clinical-menubar .navbar-nav p {

}

#nav-clinical-menubar .navbar-nav > li {
      float: none;


}


#nav-clinical-menubar .navbar-nav > li:hover{
      color: #ef3340;
}


#clinical-make-an-appointment {
  background: url('/sites/default/files/2018-07/make-an-appointment-v1.png') no-repeat center center fixed;
  display: table;
  height: 100px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#clinical-make-an-appointment .highglightphone {
    font-weight: bolder;
    font-size: 150%;
    color: var(--colorMsgWarning-font);
}

#clinical-make-an-appointment p {
  color: var(--colorItWhite) !important;
}

.notActive {
  display: none !important;
}

.profileInfo li {
    list-style-type: none;
}

.profileInfo li i.fa {
  color: var(--colorItChampionsGold);
}

.profileInfo .separator {
    color: #f2f2f2;
    margin-top: 10px;
    padding-top: 5px;
}

.profileLabel {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
}

.profileValue::before {
  font-family: FontAwesome;
  content: "\00a0\00a0";
}

#uicpsych-main-menu ul li.active {
  border-bottom: 8px solid var(--colorItFireEngineRed) !important;
}

#uicpsych-menu-toplinks li.active a {
  border-bottom: #ef3340 2px solid;
  background: none;
  padding-bottom: 5px;
}

.profile-wrapper img, .profile-image-wrapper img, .user-picture img {
    width: 100%;
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
    border: 10px solid transparent;
    box-shadow: 2px 2px 0px rgba(0,0,0, 0.18);
    margin: 0 auto;
}

.alumni .item-list {
  font-size: 12px !important;
}

.alumni .member-name {
  padding-left: 15px;
  margin-bottom: 0px;
}

.alumni .designation {
  margin: 0px;
}


.user-picture img {
    width: 160px;
}


a.btn-blue {
    background-color: var(--colorItNavyPierBlue);
    border: 0;
    color: #fff;
    display: inline-block;
    /*font-size: 1rem;*/
    font-weight: 700;
    line-height: 20px;
    padding: 5px 14px;
    text-decoration: none;
    transition: background-color .4s;
}

a.btn-blue:hover {
  background-color: var(--colorItFireEngineRed);
  color: var(--colorItWhite);
  text-decoration: none;
}

a.btn-red {
    background-color: var(--colorItFireEngineRed);  /*#ef3340;*/
    border: 0;
    color: #fff;
    display: inline-block;
    /*font-size: 1rem;*/
    font-weight: 700;
    line-height: 20px;
    padding: 5px 14px;
    text-decoration: none;
    transition: background-color .4s;
}

a.btn-red:hover {
  background-color: #007fa5;
  color: var(--colorItWhite);
  text-decoration: none;
}

a.btn-darkerblue {
    background-color: var(--colorItNavyPierBlue);
    border: 0;
    color: #fff;
    display: inline-block;
    /*font-size: 1rem;*/
    font-weight: 700;
    line-height: 20px;
    padding: 5px 14px;
    text-decoration: none;
    transition: background-color .4s;
}

a.btn-darkerblue:hover {
  background-color: var(--colorItWhite);
  color: var(--colorItSteelGray);
  text-decoration: none;
}

a.btn-darkerred {
    background-color: #940A13;
    border: 0;
    color: #fff;
    display: inline-block;
    /*font-size: 1rem;*/
    font-weight: 700;
    line-height: 20px;
    padding: 5px 14px;
    text-decoration: none;
    transition: background-color .4s;
}

a.btn-darkerred:hover {
  background-color: var(--colorItNavyPierBlue);
  color: var(--colorItWhite);
  text-decoration: none;
}


.footer-area ul li a {
    color: var(--colorItSteelGray);
}

.footer-area ul li a:hover {
  color: var(--colorItFireEngineRed);
  text-decoration: underline !important;
}

.footer-area ul li {
    list-style-type: none;
    color: #252525;
    line-height: 25px;
    font-weight: bold;
}

.footer-area ul {
    padding:0px;
}

.footer-area ul.websites a {
  font-size: 90%;
}

#custom_carousel .item {

    color:#000;
    background-color:#eee;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:#eee;
    border-top:3px solid orange;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}

.pre-header-area h2 {
    text-transform: uppercase;
}

#pre-header ul li a:hover {
  color: var(--colorItChicagoBlue);
}

.events-wrapper {
    background: var(--colorItNavyPierBlue);
    padding: 10px;
    border-radius: 5px;
}

.events-wrapper h2, .events-wrapper a {
    color: var(--colorItWhite);
}

.events-wrapper a:hover {
  background: var(--colorItFireEngineRed);
  text-decoration: none;
  color:var(--colorItWhite);
}

.events-wrapper ul.plain {
    padding:0px;
}

.event-preheader-status {
    font-weight: bold;
    text-transform: uppercase;
}

.event-preheader-status::before {
  font-family: FontAwesome;
  content: "\00a0\f00d\00a0";
}


.field--name-body, .field--name-field-category-body {
    text-align: justify;
}

.img-portfolio h4 a:hover{
    color: var(--colorItFireEngineRed);
    text-decoration: underline !important;
}

.index-category-listing .img-portfolio {
    padding-bottom: 40px;
}


#accordion-uicpsych-team .panel-default .panel-heading .panel-title a:hover {
  color: var(--colorItFireEngineRed) !important;
}

#accordion-uicpsych-team .preGrp {
    border-bottom: none;
    padding-bottom: 0px
}


#accordion-uicpsych-team .preGrp img {
    width: 100px !important;
    height: 100px !important;
}

.footer-area h5 {
  text-transform: uppercase;
  font-weight: bolder;
  color: var(--colorItFireEngineRed);
}

.subfooter-area, .subfooter-area a {
  color:var(--colorItWhite);
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--colorItNavyPierBlue);
}

kbd {
      background-color: #ef3340;
}

.node header {
  padding:0px;
}

.occupation {
  color: #6e6565;
  font-weight: bold;
  font-stretch: extra-condensed;
}

.locationCode {
  color: #6e6565;
  font-weight: bolder;
}


.profile-image-wrapper {
  width: 100%;
}

.profileInfo i::after {
  font-family: FontAwesome;
  content: "\00a0\00a0";
}

.profileInfo .location_addr::before {
  font-family: FontAwesome;
  content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}

.profileSection {
  padding: 0px;
}

.profileSection li {
    list-style-type: none;
}

.profileSection ul.listing li {
    list-style-type: square;
}

.profileSection .label {
  color: var(--colorItSteelGray);
  text-transform: uppercase;
  font-size: 80%;
  padding:0px;
}

.profileSection .info::before {
  font-family: FontAwesome;
  content: "\00a0\00a0\00a0\00a0\00a0\00a0";
}

.profile-wrapper {
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;

}

.profile-wrapper h4.member-name {
  font-weight: bold;
}

.profile-wrapper ul li {
    list-style-type: none;
    border-bottom: none;
    padding:2px 0;
    line-height:
}

.profile-wrapper ul.item-list li  {
    margin:0 0 0.25em 0;
}


.profile-wrapper .member-name span {
   color: #444;
   font-weight: bold;
   font-stretch: extra-condensed;
}

.eventLabel {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
}

.eventInfo li {
  list-style-type: none;
}

.eventInfoValue::before {
   content: "\00a0\00a0";
}

.eventLocationType {
  font-weight: bold;
  font-size: larger;
}

#event-listing .eventInfo li i.fa {
  color: var(--colorItFireEngineRed);
  font-size: larger;
}

#event-listing .eventTitle {
  font-size: x-large;
  font-weight: bold;
}

#event-listing .eventSpeaker {
  margin-top: 10px;
}

#event-listing .eventSpeaker .eventInfoValue {
  font-weight: bold;
  font-size: large;
}


.eventVirtualAfterRegister {
  font-style: italic;
}


.eventTopic::before {
  font-family: FontAwesome;
  content: "\00a0\00a0\f10d\00a0";
  font-size: 80%;
  color: var(--colorItNavyPierBlue);
}

.eventTopic::after {
  font-family: FontAwesome;
  content: "\00a0\f10e\00a0\00a0";
  font-size: 80%;
  color: var(--colorItNavyPierBlue);
}

.eventTopic {
  font-style: italic;
  font-size: 105%;
}


/*
calendar css
Ref: http://codepen.io/chelovekov/pen/ayKAn
*/

.calendar {
  margin:.25em 30px 10px 0;
  padding-top:5px;
  float:left;
  width:100%;
  background:#ededef;
  background:-webkit-gradient(linear,left top,left bottom,from(#ededef),to(#ccc));
  background:-moz-linear-gradient(top,#ededef,#ccc);
  font:bold 30px/60px Arial Black,Arial,Helvetica,sans-serif;
  text-align:center;
  color:#000;
  text-shadow:#fff 0 1px 0;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  position:relative;
  -moz-box-shadow:0 2px 2px #888;
  -webkit-box-shadow:0 2px 2px #888;
  box-shadow:0 2px 2px #888;
}

.calendar .monthname {
  display:block;
  font: 'Oswald', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color:#fff;
  text-shadow:#00365a 0 -1px 0;
  background:#04599a;
  background:-webkit-gradient(linear,left top,left bottom,from(#04599a),to(#00365a));
  background:-moz-linear-gradient(top,#04599a,#00365a);
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px;
  border-top:1px solid #00365a;
}



.calendar .monthname-red {
  display:block;
  font: 'Oswald', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color:#fff;
  text-shadow:#00365a 0 -1px 0;
  background:#c41230;
  background:-webkit-gradient(linear,left top,left bottom,from(#c41230),to(#bf3b52));
  background:-moz-linear-gradient(top,#c41230,#bf3b52);
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px;
  border-top:1px solid #00365a;
}


.calendar:before,.calendar:after {
  content:'';
  float:left;
  position:absolute;
  top:5px;
  width:8px;
  height:8px;
  background:#111;
  z-index:1;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:0 1px 1px #fff;
  -webkit-box-shadow:0 1px 1px #fff;
  box-shadow:0 1px 1px #fff;
}

.calendar:before {
  left:11px;
}

.calendar:after {
  right:11px;
}

.calendar monthname:before,.calendar monthname:after {
  content:'';
  float:left;
  position:absolute;
  top:-5px;
  width:4px;
  height:14px;
  background:#dadada;
  background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#aaa));
  background:-moz-linear-gradient(top,#f1f1f1,#aaa);
  z-index:2;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

.calendar monthname:before {
left:13px
}

.calendar monthname:after {
right:13px
}

.calendar.sidebar {
  font-size: 20px !important;
}
.calendar.sidebar .monthname {
  font-size: 11px !important;
}

/*custom icons*/
.icon-ui-health::before {
  font-family: FontAwesome;
  content: "\00a0\f0f1\00a0";
}

.icon-facebook::before {
  font-family: FontAwesome;
  content: "\00a0\f09a\00a0";
}

.icon-twitter::before {
  font-family: FontAwesome;
  content: "\00a0\f099\00a0";
}

.icon-x-twitter::before {
  font-family: FontAwesome;
  content: "\00a0\e61b\00a0";
}

.icon-linkedin::before {
  font-family: FontAwesome;
  content: "\00a0\f0e1\00a0";
}

.icon-instagram::before {
  font-family: FontAwesome;
  content: "\00a0\f16d\00a0";
}

.icon-youtube::before {
  font-family: FontAwesome;
  content: "\00a0\f166\00a0";
}


.icon-others::before {
  font-family: FontAwesome;
  content: "\00a0\f0ac\00a0";
}


.icon-research::before {
  font-family: FontAwesome;
  content: "\00a0\f0c3\00a0";
}

.icon-mini-lab::before {
  font-family: FontAwesome;
  content: "\00a0\f0c3\00a0";
}

.icon-department-of-psychiatry-profile::before {
  font-family: FontAwesome;
  content: "\00a0\f2be\00a0";
}

.icon-program::before {
  font-family: FontAwesome;
  content: "\00a0\f08e\00a0";
}

.icon-blog::before {
  font-family: FontAwesome;
  content: "\00a0\f0a6\00a0";
}

.icon-education::before {
  font-family: FontAwesome;
  content: "\00a0\f19d\00a0";
}

.icon-email::before {
  font-family: FontAwesome;
  content: "\00a0\f0e0\00a0";
}

.icon-phone::before {
  font-family: FontAwesome;
  content: "\00a0\f095\00a0";
}

.icon-fax::before {
  font-family: FontAwesome;
  content: "\00a0\f1ac\00a0";
}

.icon-building::before {
  font-family: FontAwesome;
  content: "\00a0\f0f7\00a0";
}

.icon-webcam::before {
  font-family: FontAwesome;
  content: "\00a0\f832\00a0";
}

.icon-profilepage::before {
  font-family: FontAwesome;
  content: "\00a0\f0ac\00a0";
}

.icon-profiletype::before {
  font-family: FontAwesome;
  content: "\00a0\f007\00a0";
}



.path-user .label {
    color: var(--colorItSteelGray);
}

.path-user #headerlogo-small {
  display: none;
}


#content-mgr .view-filters  {
  padding: 30px 20px;
  background: #f2f2f2;
  border-bottom: 2px #ef3340 solid;
}

#content-mgr input.form-text,
#content-mgr input.form-email,
#content-mgr input.form-search,
#content-mgr textarea.form-textarea,
#content-mgr select,
#content-mgr input.form-date,
#content-mgr div.dataTables_wrapper div.dataTables_filter input {
  background-color: #fcfcfc; border: 2px solid #eaeaea; color: var(--colorItSteelGray); font-size: 14px; padding: 14px;

}

#gcse-result {
    margin-top:10px;
    min-height: 500px;
}

#gcse-result input[type=search] {
    width: 60% !important;
}

.inline-image-right {
  padding:10px;
  margin-left:10px;
  background: #f2f2f2;
}

.inline-image-left {
  padding:10px;
  margin-right:10px;
  background: #f2f2f2;
}


.embedded-img-caption {
  text-align: center;
  float: right;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
  max-width: 30%;
  line-height: 100%;
}

img[data-entity-type=file] {
  padding: 0px 5px;
}


#uploader-tools .list-group-horizontal .list-group-item:hover {
    color: #ef3340;
}

#uploader-tools .list-group-horizontal .list-group-item {
    display: inline-block;
}
#uploader-tools .list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left:-4px;
    margin-right: 0;
}
#uploader-tools .list-group-horizontal .list-group-item:first-child {
    border-top-right-radius:0;
    border-bottom-left-radius:4px;
}
#uploader-tools .list-group-horizontal .list-group-item:last-child {
    border-top-right-radius:4px;
    border-bottom-left-radius:0;
}

.list-content-items-lower-apha li, .list-content-items-lower-alpha li {
    list-style-type: lower-alpha;
}
.list-content-items-upper-apha li, .list-content-items-upper-alpha li {
    list-style-type: upper-alpha;
}

.list-content-items-upper-roman li {
    list-style-type: upper-roman;
}

.list-content-items-lower-roman li {
    list-style-type: lower-roman;
}

.list-content-items-circle li {
   list-style-type:circle;
}


.list-content-items-designation {
    list-style-type:none;
    padding:0px;
    line-height: 100%;
}
.user-picture .labeldesignation {
    text-align: left !important;
    float:left;
}

#content-mgr .form-item-action { width:20% !important; }


/*custom edit hover*/

.node_title span.uicdr_edit_node a,
.node__title span.uicdr_edit_node a {
    text-transform: capitalize;
    text-shadow: none;
    font-size: 70% !important;
    color: var(--colorItWhite)  !important;
    padding:5px;
    margin-left:5px;
    background-color: var(--colorItChampionsGold);
}

.node_title span.uicdr_edit_node a:hover,
.node__title span.uicdr_edit_node a:hover {
   color: var(--colorItChicagoBlue);
   text-decoration: none;
}


.node_title span.uicdr_edit_node a::before,
.node__title span.uicdr_edit_node a::before {
  font-family: FontAwesome;
  content: "\f040\00a0";
}

.node_title span.uicdr_edit_node,
.node__title span.uicdr_edit_node {
  position:absolute; display:none; z-index:99;
}

.node_title:hover span.uicdr_edit_node,
.node__title:hover span.uicdr_edit_node { display: inline-block;
}


span.tagCategory {
    text-transform: uppercase;
    font-size: 80%;
}

span.tagCategory a {
    color: var(--colorItWhite);
}

.titleAfrCategory {
    margin-top: 2px;
}

table caption {
    padding: .5em 0;
}

@media screen and (max-width: 767px) {
  table caption {
    border-bottom: 1px solid #ddd;
  }
}


/* ==========================================================================
Media Gallery
========================================================================== */
#media-gallery {
  padding-top: 60px;
  text-align: center;
}
#media-gallery h2 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
}
#media-gallery p {
  margin-bottom: 40px;
  font-size: 18px;
  font-style: italic;
  line-height: 20px;
}

#media-gallery .container h5 span {
  font-weight:bold;font-family: 'Oswald', sans-serif;
}

#media-gallery .container-fluid {
  /*padding-left: 0;
  padding-right: 0;*/
}
#media-gallery .container-fluid .col-lg-4 {
  padding-left: 0;
  padding-right: 0;
}
#media-gallery .container-fluid .col-lg-3 {
  padding-left: 0;
  padding-right: 0;
}

#media-gallery .portfolio-box {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 650px;
}
#media-gallery .portfolio-box .portfolio-box-caption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background: rgba(13, 13, 13, 0.6);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#media-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
#media-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
#media-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  padding: 0 15px;
}
#media-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  font-weight: 700;
}
#media-gallery .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
#media-gallery .portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

/* Timeline */
.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
  list-style-type: none;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item .timeline-badge {
  color: #fff;
  width: 54px;
  height: 54px;
  line-height: 52px;
  font-size: 22px;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -25px;
  background-color: #7c7c7c;
  border: 3px solid var(--colorItWhite);
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
  background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
  background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
  background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
  background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  border: 1px solid #c0c0c0;
  background: var(--colorItWhite);
  border-radius: 2px;
  padding: 20px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
  float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-horizontal {
  list-style: none;
  position: relative;
  padding: 20px 0px 20px 0px;
  display: inline-block;
}
.timeline-horizontal:before {
  height: 3px;
  top: auto;
  bottom: 26px;
  left: 56px;
  right: 0;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
  display: table-cell;
  height: 280px;
  width: 20%;
  min-width: 320px;
  float: none !important;
  padding-left: 0px;
  padding-right: 20px;
  margin: 0 auto;
  vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
  top: auto;
  bottom: 64px;
  display: inline-block;
  float: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
  display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
  top: auto;
  bottom: 0px;
  left: 43px;
}

.timeline .timeline-item .timeline-panel .timeline-body .media-gal {
    padding:5px;
}

.timeline .timeline-item .timeline-panel .timeline-body .media-gal-slideshow {
    padding:5px;
    display: none;
}


/*timeline-single-column*/

.timeline-single-column {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}



.timeline-single-column .line {
    position: absolute;
    width: 4px;
    display: block;
    background: currentColor;
    top: 0px;
    bottom: 0px;
    margin-left: 30px;
}

.timeline-single-column .separator {
    border-top: 1px solid currentColor;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.timeline-single-column .separator .day-label {
    color: #ef3340;
}

.timeline-single-column .line::before { top: -4px; }
.timeline-single-column .line::after { bottom: -4px; }
.timeline-single-column .line::before,
.timeline-single-column .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}

.timeline-single-column .panel {
    position: relative;
    margin: 10px 0px 21px 70px;
    clear: both;
}

.timeline-single-column .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.timeline-single-column .panel .panel-heading.icon * { font-size: 20px; vertical-align: middle; line-height: 40px; }
.timeline-single-column .panel .panel-heading.icon {
    position: absolute;
    left: -59px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.timeline-single-column .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.timeline-single-column .panel-outline .panel-body {
    padding: 10px 0px;
}

.timeline-single-column .panel-outline .panel-heading:not(.icon),
.timeline-single-column .panel-outline .panel-footer {
    display: none;
}


/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
    #header-top, #pre-header {
        display: block  !important;
    }

    #header-top {
      max-height: 45px !important;
    }


    #uicpsych-menu-toplinks .navbar-nav {
        margin-right: 30px;
    }

    #header-top .mainlogo {
        max-height: 200px !important;
        top: -19px; /*110px;*/
    }

    #main-navigation .navbar-header {
        display: none  !important;
    }

    /*#headerlogo-small {
        display: none  !important;
    }*/

    #uicpsych-menu-toplinks li a {
       padding-left: 5px  !important;
       padding-right: 10px !important;
    }

    #landing-image {
        height: 400px !important;
        margin: 0px;
    }

    #landing-image .landing-caption-more--clinical {
        padding: 20px 20px 135px 0;
        top: 50px;
        width: 70%;
    }

    .carousel .list-group-item h2 {
       font-size: 80% !important;
       line-height: 100%;
    }

    .uytc-race-justice-top-info div[class*="settings-"] {
      width: 100%;
      margin-bottom: 50px;
    }

    .uytc-race-justice-top-info div[class*="settings-"] .parallax-text {
      padding-top: 150px;
    }

    .uytc-race-justice-top-info .parallax-wrapper.ages-seventoevelen, .uytc-race-justice-top-info .parallax-wrapper.ages-twelvetoeighteen {
      width: 45%;
      margin-top: -136px;
    }

    .uytc-race-justice-top-info div[class*="ages-"] .parallax-text ul li {
      padding: 10px 10px;
    }

    .uytc-race-justice-top-info .parallax-wrapper.peoplerally-img {
      position: relative;
      padding: 100px 0px 300px 0px;
    }

    .uytc-race-justice-top-info .parallax-wrapper.peoplerally-bkgrnd .parallax-text {
      padding: 50px;
    }

}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 768px)  and (max-device-height : 1024px) and (orientation: portrait) {
  .landing-image-caption span.categoryname {
      font-size: 25px;
  }
  .landing-image-caption span.degree {
      font-size: 22px;
  }

  .landing-image-subcaption p {
        font-size: 150%;
  }

  #landing-image .landing-caption-more {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
}

/*iPadPro in portrait*/
@media only screen and (min-device-width : 834px) and (max-device-height : 1366px) and (orientation: portrait) {

  .landing-image-caption span.categoryname {
      font-size: 25px;
  }
  .landing-image-caption span.degree {
      font-size: 22px;
  }

  .landing-image-subcaption p {
        font-size: 150%;
  }

  #landing-image .landing-caption-more {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
}

/*UYTC Media query*/
@media only screen and (max-width: 930px) {
  #uytc-bp label span {
    font-size: 14px;
  }
  #uytc-bp label .fa {
    font-size: 14px;
  }


  .uytc-covid19-list {
    padding: 0px 0px;
  }

  .uytc-covid19-top-info .tbname {
    display: inherit;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  .uytc-covid19-top-info.overview {
    display: inline-flex !important;
  }

  .uytc-covid19-top-info.overview .tbname {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .uytc-covid19-list li {
    text-align: left !important;
  }

  .uytc-bp-content.covid19 table>tbody>tr>td ul.bp-list {
    float: left !important;
  }

}

@media only screen and (max-width: 768px) {
  /*#uytc-bp label span {
    display: none;
  }*/

  #uytc-bp label .fa {
    font-size: 16px;
  }

  .tab_container {
    width: 98%;
  }

  .uytc-covid19-list {
    padding: 0px 0px;
  }

  .uytc-covid19-top-info .tbname {
    display: inherit;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  .uytc-covid19-top-info.overview {
    display: inline-flex  !important;
  }

  .uytc-covid19-top-info.overview .tbname {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .uytc-covid19-list li {
    text-align: left !important;
  }

  .uytc-bp-content.covid19 table>tbody>tr>td ul.bp-list {
    float: left !important;
  }


}

/*Large screen 720p or larger*/
@media only screen and (min-width: 1280px) {
  .uytc-race-justice-top-info .parallax-wrapper.healthworker-bkgrnd {
    padding-bottom: 100px;
    position: absolute;
    margin-left: 35px;
  }

	.uytc-race-justice-top-info .parallax-wrapper.healthworker-img {
	  padding-bottom: 100px;
	  min-width: 400px;
	  margin-right: 35px;
	}

	.uytc-race-justice-top-info .parallax-wrapper.peoplerally-bkgrnd {
	  padding: 42px 0px;
	}
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
      margin-top: -16px !important;
    }
}