/*** RESET ***/
html {
    box-sizing: border-box;
    font-size: 14px;
}

body { color: #07041a; }

*,
*:before,
*:after {
  box-sizing: inherit;
}

ul, ol {
    padding-left: 40px;
}

/*** BASE FONT ***/
h1 { font-size: 40px; }
h2 { font-size: 32px; }

h3,
.block h3 { 
    font-size: 28px;
}
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    padding-top: 7px;
}

/*** ADMIN OVERRIDES ***/
.filter-guidelines.form-wrapper.filter-guidelines-processed { display: none; }

/*** BOX SLIDER OVERRIDES ***/
.bxslide {
    opacity: 0.5;
    word-wrap: break-word;
}

.bxslide:hover { opacity: 1; }

.bxslide i { color: #07041a; }

.bxslide .dexp-shortcodes-box.box-center:not(.hovericon).box-none h3.box-title {
    font-weight: normal;
    font-size: 16px !important;
    margin: 0;
}

.bxslide .dexp-shortcodes-box.box-center:not(.hovericon).box-none .box-icon {
    font-size: 40px;
    height: initial;
}

/*** FLEX GRID ***/
.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-container.center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-container.vertical-center {
    -webkit-align-items: center;
    align-items: center;
}

.flex-container.vertical-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex-container.text-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.flex-container.column { 
    -webkit-flex-direction: column;
    flex-direction: column;
}

.bottom {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

/** SCHEDULER CSS **/
/**
 .scheduler {
    background-color: lightgrey;
    height: 400px;
}

.scheduler .day {
    flex-basis: 20%;
    margin: 0 10px;
}

.scheduler .timeslots div {
    display: flex;
    flex-basis: 25%;
    border: thin solid blue;
    
    justify-content: center;
    align-items: center;
}

.scheduler .timeslots {
    flex-direction: column;
    background-color: white;
    border: thin solid grey;
    border-radius: 25px;
}

.scheduler .timeslots div:first-child {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.scheduler .timeslots div:last-child {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.scheduler .timeslots .full {
    background-color: grey;
}

.scheduler .timeslots .not-full {
    background-color: green;
}
*/

/*** DARK THEME ***/
.front .dark .content p,
.content-item.dark,
.content-item.dark h1,
.content-item.dark h2,
.content-item.dark h3,
.content-item.dark h4,
.content-item.dark h5,
.content-item.dark h6,
.not-front .dark .content p {
    color: #fff;
}

/*** BLADE SECTION ***/
.university-logo {
    padding: 0;
    height: 40px;
    margin: 15px 0;
}

.university-logo img {
    height: 100%;
    width: 100%;
}

.blade-nav { text-align: right; }

.blade-nav a,
.blade-nav .menu-separator {
    font-size: 14px;
    color: #989898;
}

.blade-search { padding-right: 0; }

/*** HEADER SECTION ***/
#section-header {
  background: #007c41 url('/sites/default/files/UofA-Header.svg') no-repeat center center;
  background-size: cover;
}

#section-header .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    height: 100px;
}

.menu-toggler, 
.dexp-menu-toggler i.fa {
    color: #fff;
    border-color: #fff;
}

.menu-open {
  -ms-transform: initial !important;
  -webkit-transform: initial !important;
  transform: initial !important;
}

#dexp-dropdown > ul.menu > li { padding-bottom: 15px; }
#dexp-dropdown > ul.menu > li > .menu { margin-top: 15px; }

#section-header .dexp-menu > ul > li > a,
#section-header .dexp-menu > ul > li > span.nolink,
#section-header.fixed-transition .dexp-menu > ul > li > a,
#section-header.fixed-transition .dexp-menu > ul > li > span.nolink {
    line-height: 22px;
}

#section-header .dexp-menu > ul > li > a:before,
#section-header .dexp-menu > ul > li > span.nolink:before {
    background-color: inherit;
}

#section-header .dexp-menu > ul > li > a.active { border-top: none; }
#section-header .dexp-menu ul > li span.nolink { cursor: default; }

#section-header .dexp-menu ul li a.topmost-link,
#section-header .dexp-menu > ul > li > span.nolink,
#section-header .dexp-menu > ul > li > span.nolink:hover {
    color: #fff;
}

/** TODO: check why this is needed for IE.  Fix styles if done incorrectly */
.site-name { flex: 0 1 auto; }

#department-header a {
    color: #fff;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

#department-header a:hover { color: rgba(253,247,185,25); }

/*** TICKER SECTION ***/
#section-ticker { background: rgba(7, 15, 58, 0.1); }
.views_slideshow_cycle_slide {
    width: 100% !important;
    height: 80px !important;
}

.it-pulse-ticker .summary {
    height: 80px;
    overflow: hidden;
}

.it-pulse-ticker .summary i { font-size: 40px; }

.it-pulse-ticker .summary .item {
    padding-left: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.it-pulse-ticker .summary .item a {
    color: #6D6E71;
    opacity: 0.5;
}

.it-pulse-ticker .summary .item a:hover { opacity: 1; }
.it-pulse-ticker .item .title { text-transform: capitalize; }

.region-user10 a:not(.btn),
.region-user10 a:hover {
    color: #6d6e71;
}

.front .content .support-personalized p,
.not-front .content .support-personalized  p {
    margin-bottom: 0;
}

.not-front .support-personalized { text-align: center; }

.support-icon-wrapper { border: none; }

.support-icon {
    width: 70px;
    text-align: center;
    opacity: 0.5;
    height: 60px;
}

.support-icon:hover { opacity: 1; }

.support-icon i {
    padding: 5px 0;
    font-size: 25px;
    color: #007c41;
}

/*** SLIDER SECTION ***/
#section-slider { border-bottom: 20px solid rgba(7,18,58, 0.1); }

/*** PAGE TITLE SECTION ***/
#section-page-title {
    background: none;
    border-bottom: none;
}

#section-page-title h1.page_title {
    color: black;
    font-size: 40px; 
    border: none;
    padding-bottom: 0;
}

/*** VARIOUS MAIN CONTENT SECTIONS **/
ul li { color: #07041a; }
.content p {
    line-height: 26px; 
    margin-bottom: 30px;
    color: #07041a;
}

.content-item, 
.content-item + hr {
    margin-top: 50px;
}

.sub-content-item { margin-top: 25px; }

.bottom-links { margin-bottom: 40px; }

.list-divided li {
    padding: 0 10px;
    border-right: 1px solid #000;
}

.list-divided li:last-child { border: none; }

.list-dashed li {
    padding: 4px 0;
    list-style: none;
    border-bottom: thin dashed rgba(58, 57, 96, 0.5);
    line-height: 26px;   
}

.front .post_date { display: none; }

.dexp-shortcodes-box.box-left.box-none .box-icon i {
    font-size: 40px;
    color: #07041a;
    opacity: 0.5;
}

.front #section-main-content { padding-top: 0; }

.menu-item-wrapper {
    height: 120px;
    text-align: center;
}

.menu-item i,
.full-size-icon {
  font-size: 40px;
}

.menu-item a:not(.btn) { color: #07041a; }

.personalized-support-menu { margin-top: 20px; }
.personalized-support-menu .item { padding: 0; }
.personalized-support-menu .menu-item {
    font-size: 14px;
    color: #07041a;
    word-wrap: break-word;
}

.personalized-support-menu .menu-item,
.dark .personalized-support-menu .menu-item:hover,
.personalized-support-menu .menu-item.inverse:hover {
    opacity: 0.5;
}

.personalized-support-menu .menu-item:hover,
.dark .personalized-support-menu .menu-item,
.personalized-support-menu .menu-item.inverse {
    opacity: 1;
}

.dark .personalized-support-menu .menu-item a:not(.btn) { color: #fff; }

.listings .views-table,
.listings .views-table tr,
.listings .views-table tr td {
    border: none;
}

.listings table tr:nth-child(odd) > td { background: rgba(7, 15, 58, 0.05); }

.listings table th {
    padding-left: 8px;
    font-size: 18px;
    border: none;
    font-weight: normal;
}

.incident-report.listing .views-table { margin-bottom: 100px; }

/** Temporary change. Remove once sorting by end date is working */
.incident-report.listing .views-field-created { display: none; }

.front-grey-boxes {
    background-color: #E6E7E8;
    text-align: center;
}

.front-grey-boxes .col-xs-12.col-sm-4.col-md-4.col-lg-4 { border-bottom: solid 2px #FFFFFF; }
.front-grey-boxes i { padding: 50px 0 10px 0; }
.front-grey-boxes p { min-height: 85px; }

.front-grey-boxes i,
.front-grey-boxes img {
    font-size: 40px;
    color: #07041A;
    opacity: 0.5;
}

.front-button { margin-bottom: 40px; }

.two-columns-divided .item { padding: 30px 0; }
.two-columns-divided .item h3 { margin-top: 0; }
.two-columns-divided .flex-container { display: inline-block; }

.front-news-update-topics { padding-top: 45px; }

.front-latest-news { padding: 25px 0; }
.front-latest-news .blog_wrap a.readmore { display: inline-block; }
.front-latest-news .blog_wrap .post_date {
    border: none;
    font-size: 30px;
    line-height: 30px;
}

.list-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    border-top: none;
    margin-bottom: 15px;
    list-style: none;
}

.service-categories {
    padding: 70px 0 50px 0;
    text-align: center;
}

.service-categories .categories .item { padding-bottom: 50px; }
.service-categories .categories .item:hover h3 { color: #007c41; }
.service-categories .categories .box-content { color: #07041a; }

.team-about { color: #07041A; }
.team-item.ImageWrapper .ImageOverlayH { background: none; }
.lead {
    color: #07041A;
    font-style: normal;
    font-family: inherit !important;
}

.labs-classrooms .map,
.labs-classrooms .reserve,
.labs-classrooms .schedule {
    width: 100%;
    float: none;
    margin-bottom: 25px;
}

.labs-classrooms .map h4,
.labs-classrooms .reserve h4,
.labs-classrooms .schedule h4 {
    margin-bottom: 5px;
}

.labs-classrooms .schedule,
.labs-classrooms .individual.item {
    padding-left: 0;
}

.labs-classrooms .schedule .reserve-lab { font-size: 18px; }

#accordion-workstation-environment p { margin-bottom: 0; }

.shop-icons {
    padding-bottom: 50px;
    text-align: center;
}

.shop-item { margin-bottom: 50px; }
.shop-item.dexp-shortcodes-box.box-left .box-content { opacity: 0.7; }

.it-pulse {
    padding-bottom: 20px;
    border-bottom: thin solid lightgray;
    margin-bottom: 20px;
}

.it-pulse .type-label {
    text-transform: capitalize;
}

.it-pulse.change .type-label, 
.it-pulse.change .disclaimer,
.it-pulse.change .start-message,
.it-pulse.change .end-message,
.it-pulse.change .service-title,
.it-pulse.alert .end-message,
.it-pulse.update .end-message,
.it-pulse.resolution .next-update, 
.it-pulse .separator:first-of-type,
.it-pulse .service-title + .separator,
.it-pulse .it-pulse-updates .separator:first-of-type {
    display: none;
}

.it-pulse.update .it-pulse-updates .item-list .last { font-weight: bold; }
.it-pulse .content-item .change p { margin-bottom: 0; }

.it-pulse.alert,
.it-pulse.change p + ul li {
  padding: 0;
}

.it-pulse .blog .views-field-title {
    margin: 15px 0 0 0;
    font-size: 24px;
}

.it-pulse .item-list ul {
    margin-bottom: 0;
    list-style: none;
}

.it-pulse .it-pulse-updates ul { margin-top: -20px; }
.it-pulse .it-pulse-updates ul li {
    border: none;
    margin: 0;
}

.it-pulse,
.incident-report .item,
.incident-report .heading {
    color: #07041A;
}

/*** DEFEND FROM COPY PASTA ***/
.it-pulse-updates p,
.it-pulse-updates ul,
.it-pulse-updates ul li,
.it-pulse-updates span {
    font-size: 14px !important;
    color: #000 !important;
    font-family: 'Din Pro' !important;
    line-height: inherit !important;
}

.it-pulse-updates a { color: #007c41 !important; }
.it-pulse-updates a:hover { color: #77be32 !important; }

.incident-report.date h4 { margin-bottom: 0; }
.incident-report.title { margin: 20px 0 50px 0; }
.incident-report.content-item { margin-top: 20px; }
.incident-report.individual .item { padding-top: 15px; }
.incident-report .views-label { font-weight: 700; }
.incident-report.date {
    padding-bottom: 5px;
    border-bottom: 1px solid #CECECE
}

.incident-report .heading h4 { margin: 0; }
.incident-report .heading {
    text-align: right;
    padding-bottom: 25px;
    border-bottom: thin solid black;
}

.page-itpulse-notifications .it-pulse { border: none; }

#section-support { padding-top: 50px; }

/*** LATEST NEWS SECTION ***/
#section-latest-news { padding-bottom: 20px; }

.it-pulse-listings h4 a,
.twitter-feed h2 {
    font-size: 24px;
}

.it-pulse-listings,
.it-pulse-listings a {
    color: #07041A;
}

.twitter-feed h2,
.it-pulse-listings h4 {
    margin: 70px 0 35px 0;
}

.dexp-tweet { padding-bottom: 20px; }

.boder-icon .author,
.boder-icon .sp-text {
    padding-left: 50px;
}

.boder-icon .dexp-tweet .sp-text:before {
    border: 1px solid #21C2F8;
    color: #21C2F8;
}

.boder-icon .dexp-tweet:hover .sp-text:before {
    transition: background-color 0.4s linear;
    background-color: #21C2F8;
    color: white;
}

.more-link a {
  background-color: #007C41;
  color: #fff;
  display: inline-block;
  border: 1px solid transparent;
  padding: 6px 12px;
}

.more-link a:hover {
  background-color: #00964e;
  color: #fff !important;
  border-color: #007c41 !important;
}

.details .item { margin-top: 20px; }
.details .item ul { padding-left: 40px; }

.about-us .dexp-grid-item:nth-child(2n+1),
.view-display-id-site_blog_two_column .dexp-grid-item:nth-child(2n+1) {
    clear: both;
}

.support-articles { padding-top: 20px; }
.support-articles .item { margin-bottom: 50px; }

/*** FOOTER SECTION ***/
#section-footer {
    border-top: 2px solid #cecece;
    padding: 30px 0 45px 0;
    margin-top: 50px;
}

#section-footer .breadcrumb {
    background: none;
    color: #07041A;
}

#section-footer .breadcrumb,
#section-footer .breadcrumb a {
    font-size: 14px;
    line-height: normal;
    padding: 0;
}

.region-user6 {
    border-bottom: solid thin #B3B3B3;
    margin-bottom: 20px;
}

#block-menu-menu-footer-menu {
    float: none;
    display: inline-block;
}

.footer h2,
.footer h2 a {
    color: #07041A;
    font-size: 16px;
    text-transform: uppercase;
}

#block-menu-menu-footer-menu ul li a.active-trail,
#block-menu-menu-footer-menu ul li a:hover {
    color: rgba(253,247,185,25);;
}

#section-footer  ul { list-style: none; }
.region-footer-menu { text-align: center; }
.footer li { line-height: 20px; }
.footer i { color: #007c41; }
.footer a { color: #808080; }

.footer .live-chat,
#block-menu-menu-footer-menu ul li a {
    color: #fff;
}

/*** COPYRIGHT SECTION ***/
#section-copyright {
    background-color: #007c41;
    border-top: 7px solid #ffdb05;
    color: #fff;
}

.region-copyright { text-align: center; }

.region-copyright a { color: #fff; }
.region-copyright a:hover { color: rgba(253,247,185,25); }

.region-copyright .social a { padding-right: 25px; }
/*.region-copyright .social a:hover { color: #56A73e; }*/

.front .region-copyright p,
.not-front .region-copyright p {
    color: #fff;
    margin-bottom: 0;
}

@media all and (max-width: 400px) {
    #department-header { font-size: 28px; }

    .about-us .dexp-grid-item { 
        clear: both;
        width: 100%;
    }
}

/** TODO: this is only in place for IE squishing the image.  Fix it */
@media all and (min-width: 500px) {
    .university-logo img { width: auto; }
}

@media all and (min-width: 768px) {
    /*** ANCHORS TO ACCOUNT FOR HEADER ***/
    .anchor:before {
        content: ' ';
        display: block;
        margin-top: -100px;
        padding-bottom: 100px;
    }

    .about-us .dexp-grid-item:nth-child(2n+1) { clear: none; }
    .about-us .dexp-grid-item:nth-child(3n+1) { clear: both; }

    .support-personalized {
        padding: 0;
        color: #07041a;
    }

    .support-icon-wrapper:nth-of-type(1) { border-left: 2px solid #cecece; }

    .support-icon {
        width: 100px;
        height: 80px;
    }

    .support-icon-wrapper {
        border-right: 2px solid #cecece;
        float: left;
    }

    .support-icon i {
        padding: 10px 0 5px 0;
        font-size: 36px;
    }

    .front-grey-boxes .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        border-right: solid 2px #fff;
        border-bottom: none;
    }

    .front-lfp img { padding-bottom: 55px; }

    .front-lfp,
    .front-news-update-topics {
        text-align: center;
        padding-top: 20px;
    }

    .front-latest-news img { max-height: 215px; }
    .front-latest-news { padding: 0; }
    .front-latest-news .blog_wrap .post_date {
        font-size: 40px;
        line-height: 54px;
    }

    .labs-classrooms .environment {
        margin-top: 50px;
        padding-left: 0;
    }

    .labs-classrooms .lab-environment { padding-top: 0; }

    .labs-classrooms .map,
    .labs-classrooms .schedule,
    .labs-classrooms .reserve {
        float: left;
        width: 33%;
    }

    .labs-classrooms .installed-software { padding: 0; }

    #section-footer { margin-top: 50px; }
    .region-copyright { text-align: left; }

    #block-menu-menu-footer-menu { float: right; }
}

@media all and (min-width: 992px) {
    .about-us .dexp-grid-item:nth-child(3n+1) { clear: none; }
    .dexp-grid-item:nth-child(4n+1) { clear: left !important; }

    .site-logo img { width: 100%; }

    #section-header .dexp-menu ul ul.menu > li { width: 100%; }

    #section-header .dexp-menu ul ul.menu li a,
    #section-header .dexp-menu ul ul.menu li span.nolink {
        padding: 10px 15px;
        line-height: 22px;
    }

    .labs-classrooms .lab-environment { margin-bottom: 50px; }

    .labs-classrooms .map,
    .labs-classrooms .reserve,
    .labs-classrooms .schedule {
        float: inherit;
        width: initial;
    }

    .labs-classrooms .map,
    .labs-classrooms .reserve,
    .labs-classrooms .schedule {
        margin-bottom: 0;
    }
}