/* Start Header Compact */
#axero-header-compact,
            .navbar #axero-header,
#axero-header-social {
        background: #ffffff;}
/* End Header Compact */

/*message bar start*/
.top-message-bar {
    color: #333;
    border-bottom: solid 1px #d9dad6;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #ffffcb;
    display: none;
}

.top-message-content {
    background-image: url("https://employees.senecapolytechnic.ca/attachment?file=4WokHIawaht1vxehb9e6nQ%3D%3D");
    background-repeat: no-repeat;
    background-size: 30px auto;
    min-height: 40px;
    background-position: left 10px;
    padding: 8px 10px 10px 40px;
}

.top-message-close {
    content: "\00d7";
    font-weight: 800;
    float: right;
    cursor: pointer;
    font-size: 24px;
    color: #da291c;
    margin-top: -6px;
}

.top-message-content p {
    margin-bottom: 0 !important;
}

@media (max-width: 1298px) {
    .top-message-bar {
        padding-left: 10px;
        padding-right: 55px;
    }

    .navbar .brand {
        padding-left: 30px;
    }
}

@media (max-width: 979px) {
    .navbar .brand {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .navbar-fixed-top {
        margin-right: 0px;
        margin-left: 0px;
    }
}

/* message bar end*/

.nobg {
    padding: 40px 0;
}



.darkbg {
    background-color: #101010;
    color: #fff;
    padding: 40px 0;
}

.whitebg {
    background-color: #fff;
    padding: 40px 0;
}

.whitebg-v2 {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(63, 63, 638, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

/*Global Styles*/

/*Remove add calendar alert*/
.alert.alert-info.calendar-sidebar-tip {
    display: none;
}

.axero-entity-formatted-content a {
    text-decoration: none;
}

.org-chart .active-node .foreignobject_child_text {
    background-color: #da291c;
    color: #fff;
}

.axero-widget-advanced-nav-list .axero-widget-body ul li a i,
.axero-widget-advanced-nav-list .axero-widget-body ul li a span {
    margin-right: 8px;
    font-size: .95rem;
    opacity: inherit;
    float: inherit;
}

.axero-widget-advanced-nav-list ul {
    margin: 0 !important;
}

.axero-lightning-navigation-list .axero-widget-body ul li a .x-icon i {
    color: #161616;
}

.axero-search-results-suggest {
    display: none;
}

/* Hide Register, Login, Browse, Home buttons on public page */
.public-page .navbar .span6:nth-child(2) .ax-diamond-menu-large a[href='/register'],
.public-page .navbar .span6:nth-child(2) .ax-diamond-menu-large a[href^='/login'],
.public-page .navbar .span6:nth-child(2) .ax-diamond-menu-large #section-browse,
.public-page .navbar .span6:nth-child(2) .ax-diamond-menu-large a[href^='/default-homepage'] {
    display: none;
}

/* Hide Register, Login, Browse, Home buttons and login/join prompts everywhere in SeneCan Connect space */
.x-custom-space-senecan-connect .navbar .span6:nth-child(2) .ax-diamond-menu-large a[href='/register'],
.x-custom-space-senecan-connect .navbar .span6:nth-child(2) .ax-diamond-menu-large a[href^='/login'],
.x-custom-space-senecan-connect .navbar .span6:nth-child(2) .ax-diamond-menu-large #section-browse,
.x-custom-space-senecan-connect .navbar .span6:nth-child(2) .ax-diamond-menu-large a[href^='/default-homepage'],
.x-custom-space-senecan-connect #axero-space-guest-message,
.x-custom-space-it-services #axero-space-guest-message {
    display: none !important;
}

/*Hide Join Space link in space menu in SeneCan Connect space */
.x-custom-space-senecan-connect .axero-space-page-options li[id$='JoinSpace'] {
    display: none;
}

.ax-was-mentioned i {
    display: inline-block;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

/*Removes padding from community wrapper to allow for full width backgrounds and layouts*/
#divCommunityWrapper {
    padding: 0;
}

/*adds back the above padding to the container class, 
this creates needed spacing around widgets on screen 
widths under 1280px. Please do not remove or comment out*/
@media (max-width: 1285px) and (min-width: 768px) {
    .axero-page #divCommunityWrapper .container {
        width: calc(100% - 1.875rem);
        margin-right: auto;
        margin-left: auto;
    }

    .axero-page #divCommunityWrapper .axero-space-container.container .container-fluid .container {
        width: 100%;
    }

}

/*Formatting styles*/
a {
    color: #da291c
}

a:hover,
a:focus {
    color: #961a13
}

/*heading-red*/
.axero-entity-formatted-content.heading-red {
    font-size: 1.5rem;
    font-weight: 400 !important;
    color: #da291c;
}

.axero-entity-formatted-content.heading-red h1 {
    margin-top: 0;
}

/*Layout Styles*/

/*row*/
.row--main {
    padding-top: 30px;
}

.au-large-block {
    padding-bottom: 30px;
}

/*row-black styles*/
.row-black {
    background: #000;
    color: #fff;
}

.home-search .axero-search-widget .axero-widget-content {
    padding: 15px 0;
}

/*Component Styles*/

@media(min-width:481px) {
    .axero-article-background.content-has-image .article-featured-image {
        margin-bottom: 220px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.carousel.one-across {
    margin-top: 15px;
}

.carousel.one-across .carousel-inner>.item .carousel-caption h4 {
    font-size: 1.2em;
    line-height: 1.3em;
}

.carousel.one-across .carousel-inner>.item .carousel-caption p {
    font-size: .9em;
    line-height: 1em;
}

.carousel.one-across .carousel-inner {
    border-radius: 16px;
    height: 350px;
}

.carousel.one-across2 .carousel-inner {
    height: 400px;
}

.carousel.one-across3 .carousel-inner {
    height: 450px;
}

@media (max-width: 1000px) and (min-width: 768px) {

    .carousel.one-across2 .carousel-inner,
    .carousel.one-across3 .carousel-inner {
        height: 350px;
    }
}

.carousel.one-across2 .carousel-inner>.item,
.carousel.one-across3 .carousel-inner>.item {
    background-color: #000;
}

.carousel.one-across2 .carousel-inner>.item .carousel-caption,
.carousel.one-across3 .carousel-inner>.item .carousel-caption {
    background: rgba(0, 0, 0, 1);
}

.carousel.one-across .carousel-inner>.item:first-of-type {
    position: absolute;
}

.carousel.one-across .carousel-inner>.item img {
    margin-top: 0;
}

.carousel.one-across .carousel-inner>.item .carousel-caption {
    min-height: 105px;
}

.carousel.one-across2 .carousel-inner>.item .carousel-caption,
.carousel.one-across3 .carousel-inner>.item .carousel-caption {
    min-height: unset;
}

.carousel.one-across3 .carousel-inner>.item {
    padding-bottom: 100px;
}

.carousel.one-across3 .carousel-inner>.item img {
    height: 100%;
    min-width: unset;
    width: auto;
    margin: auto;
}

/*Button styles*/
.btn.btn-outline {
    background-image: none !important;
    background: transparent;
    border: 2px solid #000;
    border-radius: 6px;
    font-weight: 500;
    font-size: 1.15rem;
    transition: all ease .3s;
}

.btn.btn-outline:hover {
    background: #000;
    color: #fff;
}

.btn.btn-outline.btn-outline-light {
    border-color: #fff;
    color: #fff;
}

.btn.btn-outline.btn-outline-light:hover {
    background: #fff;
    color: #000;
}

.home-search .search-container .search-textbox {
    height: 56px;
}

.home-search .search-container .search-textbox input[type="text"] {
    height: 56px;
    line-height: 56px;
    padding: 0 33px 0 15px;
    border-radius: 6px;
    background: #fefefe;
}

.home-search .search-container a.btn.input-button {
    background: #da291c;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 20px;
    padding: 16px 20px;
}

.home-search .search-container a.btn.input-button::after {
    content: "Search ";
}

.home-search .icon-search {
    margin-right: 5px;
}


/* adjust radii */
.ax-entity-rel-content ul li .thumbnail,
.stacked-3-across-no-author.ax-entity-rel-content ul li .thumbnail.has-image {
    border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
}

.ax-entity-rel-content ul li .thumbnail.has-image .img-holder,
.stacked-3-across-no-author.ax-entity-rel-content ul li .thumbnail.has-image .img-holder {
    border-radius: 16px 16px 0 0 !important;
}

.ax-entity-rel-content ul li .thumbnail.has-image .info-container,
.stacked-3-across-no-author.ax-entity-rel-content ul li .thumbnail.has-image .info-container {
    border-radius: 0 0 16px 16px !important;
}

.stacked-3-across-no-author.ax-entity-rel-content ul li .thumbnail.has-image {
    border: 1px solid #ddd !important;
}

/*Page styles*/

/*homepage styles*/

.home {
    background-color: var(--background-primary-darker);
}

.home .top-content {
    background-color: #fff;
}

.home .middle--row {
    padding-bottom: 30px;
}

.home .hero {
    background: #DA291C;
    color: #fff;
}

.home .hero .hero-title-section {
    padding: 20px;
}

.home .hero .hero-title-section a {
    color: #fff;
}

.home .hero .axero-entity-formatted-content p,
.home .hero .axero-entity-formatted-content p img,
.home .hero .axero-entity-formatted-content img {
    margin-bottom: 0;
}

.home .hero h1,
.home .hero h2,
.home .hero h3,
.home .hero h4,
.home .hero h5,
.home .hero h6 {
    margin-top: 0;
    margin-bottom: .4rem;
    font-weight: 600;
    line-height: 1.2
}

.home .hero h1 {
    font-size: calc(1.345rem + 1.2vw)
}

.home .hero h2 {
    font-size: calc(1.315rem + .8vw)
}

.home .hero h3 {
    font-size: calc(1.25rem + .4vw)
}

.home .hero h4 {
    font-size: calc(1.2rem + .15vw)
}

.home .hero h5 {
    font-size: 1.15rem
}

.home .hero h6 {
    font-size: 1rem
}

.footer-menu .axero-widget-advanced-nav-list .axero-widget-body ul li a,
.footer-menu .axero-widget.axero-widget-no-border .axero-widget-header,
.myseneca .axero-widget .axero-widget-header,
.myseneca .axero-widget-advanced-nav-list .axero-widget-body ul li a {
    padding-left: 0;
}

.myseneca .btn.btn-outline {
    border: 2px solid #fff;
}

.myseneca .btn.btn-outline:hover {
    background: #fff;
    color: #da291c;
}

.myseneca .axero-widget .axero-widget-header h2,
.myseneca .axero-widget .axero-widget-header h3,
.top-content .axero-widget .axero-widget-header h2,
.top-content .axero-widget .axero-widget-header h3 {
    font-size: 1.6em;
    font-weight: 600;
}

.top-content.middle--row .axero-widget .axero-widget-header h3 {
    margin: 1.55em 0 1em;
}

.home .axero-widget.middle--column {
    margin-bottom: 0;
}

.home .myseneca {
    background: #da291c;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    padding: 30px 60px;
    margin-bottom: 30px;
}

.home .myseneca a {
    color: #fff;
}

.home .myseneca .xs-newsroom .xs-content ul li a {
    background-color: #da291c;
}

.home .axero-widget-spaces ul li a .space-photo {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.home .axero-widget-spaces ul li a .space-photo img {
    width: 100px;
}

.footer-menu {
    background: var(--background-secondary);
}

.home .axero-footer,
.senecan .axero-footer {
    margin-top: 0;
}

@media (max-width: 978px) {
    .home .row--main:first-of-type {
        padding-top: 30px;
    }
}


.home .axero-entity-formatted-content h1 {
    /** font-weight: inherit; **/
}

.home .axero-entity-formatted-content h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
}

.home .axero-entity-formatted-content hr {
    margin: 1em 0;
    clear: both;
}

/* Additional update for Navbar */
.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li a .x-icon {
    float: left;
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li a .x-label {
    margin-top: 0px;
    margin-left: 30px;
}

.home .axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body {
    padding: 0px;
}

.home .axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li a .x-icon {
    float: left;
}

.home .axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li a .x-label {
    margin-top: 0px;
    margin-left: 30px
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li a {
    background: #eee;
}

.home .stacked-1-across-no-author.ax-entity-rel-content ul li .thumbnail.has-image .info-container {
    background: #000;
}

.row-black .xs-newsroom .xs-content ul li a,
.row-black .axero-widget-spaces ul li a:hover {
    background-color: #000;
}

.row-black .xs-newsroom-wide-columns .xs-content ul li a .tile-content .tile-content-text .tile-head .category-eyebrow,
.row-black .xs-newsroom .xs-content ul li a .tile-content .tile-content-text .tile-head .category-eyebrow {
    color: #fff;
}

.row-black .xs-newsroom .xs-content ul li a .tile-content .tile-content-text {
    padding-left: 0px;
}

.axero-widget-spaces ul li a:hover {
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.04), -10px 0 20px 0 rgba(0, 0, 0, 0.04);
    text-decoration: none;
    -webkit-transform: scale(1.04);
    transform: scale(1.01);
}



/*Main-Navigation*/
.main-navigation {
    margin-bottom: 1rem;
}

.main-navigation.axero-widget.axero-widget-no-border .axero-widget-content-padded {
    padding: 0;
}

@media (min-width: 564px) {
    .main-navigation ul li {
        display: inline-block;
        margin-right: 1rem;
    }

    .main-navigation.right-nav ul li {
        display: block;
        float: right;
    }
}

.main-navigation .axero-widget-body ul li a {
    padding: 0 0 .25rem;

}

.main-navigation .axero-widget-body ul li a:hover {
    text-decoration: underline;
}

.home .axero-widget-advanced-nav-list .axero-widget-body ul li a:hover {
    background: transparent;
    border-radius: 0;
    text-decoration: underline;
}

.main-navigation .axero-widget-body ul li a:focus {
    text-decoration: none;
}

/*Featured Spaces*/
.home .featured-spaces.axero-widget-spaces .axero-widget-content {
    padding-left: 20px;
    padding-right: 20px;
}

.home .featured-spaces.axero-widget-spaces ul {
    clip-path: inset(0 0 21px 0);
}

@media (min-width: 768px) {
    .home .featured-spaces.axero-widget-spaces ul {
        column-count: 2;
    }
}

@media (min-width: 1024px) {
    .home .featured-spaces.axero-widget-spaces ul {
        column-count: 3;
    }
}

@media (min-width: 1280px) {
    .home .featured-spaces.axero-widget-spaces ul {
        column-count: 4;
    }
}

.home .featured-spaces.axero-widget-spaces ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.home .featured-spaces.axero-widget-spaces ul li a {
    padding: 15px 0;
}

.home .featured-spaces.axero-widget-spaces ul li a .space-info {
    margin-left: 0;
}

/*Footer Menu*/
.home .footer-menu .axero-widget.axero-widget-advanced-nav-list {
    background: transparent;
    border: none;
    box-shadow: none;
}

.home .footer-menu .axero-widget.axero-widget-advanced-nav-list .axero-widget-header {
    text-transform: uppercase;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(218, 41, 28, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 41, 28, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 41, 28, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 41, 28, 0.6);
}


SeneCan Connect Space .senecan {
    background: #fff;
    margin-top: 60px !important;
}

@media(max-width:979px) {
    .senecan {
        margin-top: 0px !important;
    }
}

.senecan-hero {
    background-image: url(https://external.senecacollege.ca/landing/page/canadian-flag.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
    min-height: 550px;
}

.senecan-hero-box {
    margin-top: 60px;
}

.senenews-block {
    background-color: #fff;
    margin: 30px 0;
    padding-bottom: 50px;
}

.senecan-books,
.senecan-friends,
.senecan-facts {
    padding: 30px 0;
    background-color: var(--background-primary-darker);
}

.senecan-featured {
    padding: 30px 0;
}

.senecan-footer {
    background: #F8F8FA;
}

.playlist .axero-widget-content-padded {
    padding-top: 0 !important;
}

.seneca-block-nav-list {
    font-weight: 600;
    margin: 45px 0 4px;
}

.seneca-block-nav-list li {
    text-align: right;
    list-style: none;
}

.left-block-nav-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-block-nav-list ul li {
    line-height: unset;
    float: left;
}

.left-block-nav-list ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 30px;
    font-size: 21px;
    color: inherit;
    margin: 0 15px 15px 0;
    background: var(--background-primary);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 0 1px rgb(63 63 68 / 5%), 0 1px 3px 0 rgb(63 63 68 / 15%);
}

.left-block-nav-list ul li.red a,
.axero-block-nav-list ul li.red a {
    color: #FFF;
    background: #DA291C;
}

li.redBtn a.redBtn {
    color: #FFF;
    background: #DA291C;
    font-weight: 800;
}

.senecan-social {
    margin: 30px 0;
}

.senecan-weather {
    margin-bottom: 30px;
}


/** Top Level Community - Landing pages ***********************/

.mylearning {
    min-height: 550px;
}

.senenews {
    background: #fdfdfd;
}


.senenews-alt {
    padding: 0 0 30px;
    background-color: var(--background-primary-darker);
}

.senenews .axero-widget .axero-widget-header h2,
.senenews .axero-widget .axero-widget-header h3 {
    font-size: 17px;
    font-weight: 700;
    color: #da291c;
}

.senenews .xs-newsroom-wide-columns .xs-content ul li:first-child a .tile-content .tile-media {
    flex: 0 0 67%;
}

.senenews .ax-magazine-one-stack>li .thumbnail .hero-overlay h4 {
    font-size: 15px;
}

.senenews .xs-newsroom-wide-columns .xs-content ul li a .tile-content .tile-content-text .tile-head .category-eyebrow {
    display: none;
}

.senenews .axero-widget .axero-widget-header {
    padding-left: 0;
}

.senenews .axero-widget.senepodcast,
.senenews .axero-widget.seneplaylist {
    margin-bottom: 0;
}

.senecainthenews {
    margin-bottom: 30px;
}

.senecainthenews .axero-widget {
    margin-bottom: 0;
}

.senecainthenews .axero-widget.axero-widget-no-border .axero-widget-content-padded {
    padding-bottom: 0;
}

.sene-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    margin: 0;
}

.sene-container li {
    list-style-type: none;
}

.sene-icon {
    flex: 1 0 21%;
    text-align: center;
}

.sene-icon a {
    display: inline-block;
    padding: 15px;
    text-decoration: none;
}

.sene-icon h3,
.sene-icon h4,
.axero-widget .axero-widget-content.axero-widget-content-padded.axero-entity-formatted-content .sene-icon h4,
.axero-widget .axero-widget-content.padded.axero-entity-formatted-content .sene-icon h4 {
    color: var(--body-text-primary);
    line-height: 1.25;
    font-size: 17.5px;
    font-weight: 500;
}

.xs-newsroom-wide-columns .xs-content ul li:first-child a .tile-content .tile-content-text {
    background-color: #da291c;
}

.xs-newsroom-wide-columns .xs-content ul li a .tile-content .tile-content-text .tile-head .category-eyebrow,
.xs-newsroom .xs-content ul li a .tile-content .tile-content-text .tile-head .category-eyebrow {
    color: #da291c;
}

/*Styles for XS - Newsroom File List template*/
.xs-icon-list a[content-icon-css-class="fal fa-file-alt"].link-icon:before {
    content: "\f0f6";
    /*Text*/
}

.xs-icon-list a[content-icon-css-class="fal fa-file-pdf"].link-icon:before {
    content: "\f1c1";
    /*PDF*/
    color: var(--file-pdf);
}

.xs-icon-list a[content-icon-css-class="fal fa-file-word"].link-icon:before {
    content: "\f1c2";
    /*Word*/
    color: var(--file-word);
}

.xs-icon-list a[content-icon-css-class="fal fa-file-excel"].link-icon:before {
    content: "\f1c3";
    /*Excel*/
    color: var(--file-excel);
}

.xs-icon-list a[content-icon-css-class="fal fa-file-powerpoint"].link-icon:before {
    content: "\f1c4";
    /*Powerpoint*/
    color: var(--file-powerpoint);
}

.xs-icon-list a[content-icon-css-class="fal fa-file-image"].link-icon:before {
    content: "\f1c5";
    /*Image*/
}

.xs-icon-list a[content-icon-css-class="fal fa-file-archive"].link-icon:before {
    content: "\f1c6";
    /*Archive*/
}

.xs-icon-list a[content-icon-css-class="fal fa-file-audio"].link-icon:before {
    content: "\f1c7";
    /*Audio*/
}

.xs-icon-list a[content-icon-css-class="fal fa-file-video"].link-icon:before {
    content: "\f1c8";
    /*Video*/
}

.xs-icon-list a[content-icon-css-class="fal fa-file-code"].link-icon:before {
    content: "\f1c9";
    /*code*/
}

.xs-icon-list a[content-icon-css-class="cf-icon cf-icon-file-text"].link-icon:before {
    content: "\f1c6";
    /*Executable*/
}

/*Styles for other content types in the XS - Newsroom File List template*/
/*Articles*/
.xs-icon-list a[content-icon-css-class="icon-file"].link-icon:before {
    content: "\f15b";
}

/*Blogs*/
.xs-icon-list a[content-icon-css-class="icon-copy"].link-icon:before {
    content: "\f0c5";
}

/*Cases*/
.xs-icon-list a[entity-type="Case"].link-icon:before {
    content: "\f0b1";
}

/*Discussions*/
.xs-icon-list a[content-icon-css-class="icon-comments"].link-icon:before {
    content: "\f086";
}

/*Events*/
.xs-icon-list a[entity-type="Event"].link-icon:before {
    content: "\f073";
}

/*Ideas*/
.xs-icon-list a[content-icon-css-class="icon-lightbulb"].link-icon:before {
    content: "\f0eb";
}

/*Photos and albums*/
.xs-icon-list a[content-icon-css-class="icon-picture"].link-icon:before {
    content: "\f0eb";
}

/*Videos*/
.xs-icon-list a[content-icon-css-class="icon-facetime-video"].link-icon:before {
    content: "\f03d";
}

/*Wikis*/
.xs-icon-list a[content-icon-css-class="icon-book"].link-icon:before {
    content: "\f02d";
}

/*Spaces*/
.xs-icon-list a[entity-type="Space"].link-icon:before {
    content: "\f0ac";
}

/*Users*/
.xs-icon-list a[entity-type="User"].link-icon:before {
    content: "\f007";
}

/*Hide RSVP*/
.ax-en-dt-bar-left,
.event-detail-attending-block,
.event-invite-people-panel,
.event-rsvp,
.cal-media-who,
.add-guest-tab {
    display: none
}

/* Hide ratings on T&L space */
.x-custom-space-the-teaching-learning-centre .opt-rating {
    display: none;
}

.x-custom-space-leadership-and-employee-development .top-led .ax-entity-rel-content ul li .thumbnail .info-container,
.x-custom-space-new-employees .custom .ax-entity-rel-content ul li .thumbnail .info-container {
    min-height: 50px;
}

.x-custom-space-leadership-and-employee-development .whitebg .axero-widget {
    margin-bottom: 0;
}

/** Announcements **/
.axero-widget-announcements ul {
    list-style: none;
    margin: 10px 0;
    padding: 0 0 10px
}

.axero-widget-announcements ul li {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.axero-widget-announcements ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px 0;
    color: inherit
}

.axero-widget-announcements ul li a .photo {
    display: list-item;
    text-align: center;
    width: 100px;
    max-width: 100px;
    min-width: 100px
}

.axero-widget-announcements ul li a .photo img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 100%;
    max-width: none;
    width: 100px
}

.axero-widget-announcements ul li a .txt-info {
    display: list-item;
    margin: 0 0 0 15px
}

.axero-widget-announcements ul li a .txt-info .title {
    display: block
}

.axero-widget-announcements ul li a .txt-info .property {
    display: block;
    font-size: .9em;
    opacity: .7;
    margin: 0
}

.axero-widget-announcements ul li a .txt-info .property p {
    margin: 5px 0 0;
    line-height: 1.3em
}

.axero-widget-announcements ul li a:hover {
    background: var(--background-tertiary);
    text-decoration: none
}

.axero-widget-announcements ul li a:hover .title {
    text-decoration: none
}

.axero-widget-announcements ul li a:hover .property {
    text-decoration: none
}

.intranet-support .p-user .p-user-info {
    margin-left: 0;
    line-height: 1.1em;
    font-size: 1em;
}

/*Axero - Fixes search bar results issue identified on Decmeber 16th 2020 - Nathaniel Stiers
.navbar .community-header .axero-header-search {
    position: absolute;
    display: inline-block;
    max-width: 330px;
    top: 10px;
    -ms-transform: translateY(none);
    transform: none;
    left: 100%;
}
*/
.x-custom-space-leadership-and-employee-development .axero-widget-spaces ul li a .space-photo {
    width: 125px;
    max-width: 125px;
    min-width: 125px;
}

.x-custom-space-leadership-and-employee-development .axero-widget-spaces ul li a .space-photo img {
    width: 125px;
}

.x-custom-space-leadership-and-employee-development .axero-widget-spaces ul li a .space-info .title {
    font-size: 21px;
    margin-top: 25px;
}

.xs-newsroom-carousel .xs-slide a.xs-info .xs-eyebrow {
    color: #da291c;
}

body.x-custom-space-mynews .article-featured-image[style^="background-image:"][style$=".png);"] {
    width: 150px;
    height: 112px;
    margin-top: -60px;
    margin-bottom: 108px;
}

/* Top Banner Title & Image size for Home Pages spaces*/
.home-page-title-banner {
    font-size: 2.3rem;
    font-weight: 700;
}

.home-page-title-banner-v2 {
    font-size: 2.3rem;
    font-weight: 700;
    margin-top: 30px;
}

.home-page-info-banner {
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 4px;
}

@media (min-width: 768px) and (max-width: 979px) {

    .home-page-title-banner,
    .home-page-title-banner-v2 {
        font-size: 2.188rem;
    }

    .home-page-info-banner {
        font-size: 1.125rem;
    }
}

@media (max-width: 767px) {

    .home-page-title-banner {
        font-size: 1.875rem;
    }

    .home-page-title-banner-v2 {
        font-size: 1.875rem;
        text-align: center;
        margin-top: 0px;
    }

    .home-page-info-banner {
        font-size: 1.125rem;
        display: none;
    }
}

.home-page-nav-btn {
    margin: -16px 0 0 0;
}

/* Top Banner Img Size for every homepage space */
.top-banner-img-size {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    min-height: 500px;
    margin-top: -30px;
    margin-bottom: 10px;
}

/* Second option 2 */
.top-banner-img-size-v2 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -10px;
    min-height: 450px;
    margin-bottom: 10px;
}

/* Use in Convocation homepage space */
.top-banner-img-size-convocation {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    width: 100%;
    min-height: 500px;
    margin-top: -30px;
    margin-bottom: 10px;
}

.home-space-box {
    margin-top: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
}

.home-space-box-v2 {
    margin: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
}

/* Use in the Program for Newcomers to Canada Space - Home page */
.home-space-box-v3 {
    margin-top: 350px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
}

/* Use in Hospitality, Tourism, Flights & Global Business */
.content-banner-img-size {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    min-height: 445px;
    margin: 30px 0;
    padding-top: 40px;
}

/* Library Services Space - Home Page */
.library-services-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=2L7bDANokrJRG1jAOnqFfQ%3D%3D);
}

/* Learning Centre Space - Home Page */
.learning-centre-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=R%2Bep4GQAow1FHHoRS487iQ%3D%3D);
}

/* Test Centre Space - Home Page */
.test-centre-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=M%2F9%2FGs%2FpyXr8C1Y0%2FVrXmA%3D%3D);
}

/* Student Advising Space - Home Page */
.student-advising-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=q%2Bzbk%2FY74aefrZd05mjc6g%3D%3D);
}

/* Office of the Registrar Space & Subspace - Home Page */
.office-registrar-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=jJPzTDx9MuW4XG03FOhhCg%3D%3D);
    /*background-image: url(https://students.senecapolytechnic.ca/attachment?file=ISQSNJyzeOUMqBCYkheOdw%3D%3D);*/
}

.office-registrar-banner-image-v2 {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=XHtiqTUJuma7TdT%2BYMIToA%3D%3D);
    /*background-image: url(https://students.senecapolytechnic.ca/attachment?file=737xPfBv2jqvOu7Ps4t8Gg%3D%3D);*/
}

/* Convocation - Home Page */
.convocation-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=ngAaQU4Aw3DNEB2DbylFjw%3D%3D);
    /* background-image: url(https://students.senecapolytechnic.ca/attachment?file=mQ%2FQL4UTXRPA%2FUQPV19%2BYA%3D%3D); */
    /* background-image: url(https://students.senecapolytechnic.ca/attachment?file=MrESw8QItZzwoMUCAmIVeg%3D%3D); */
    /* background-image https://students.senecapolytechnic.ca/attachment?file=%2F0SBgFat0qgCQVLpU5ZTEw%3D%3D */
}

/* Dining Services Space - Home Page */
.dining-services-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=qiOYUtTtGBrET2BHNSLfVg%3D%3D);
}

/* One-Card Space - Home Page */
.one-card-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=ETJlKTznbjTkXnykWTT9nw%3D%3D);
}

/* Residence Space - Home Page */
.residence-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=zsFkZ5n9wj4salSrWN5cxA%3D%3D);
}

/* Off Campus Space - Home Page */
.off-campus-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=bMHBUHFz%2BSmfArXum4CVow%3D%3D);
}

/* Medical Centre Space - Home Page */
.medical-centre-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=R%2BrLeJMjmgD7tFBz0fdalg%3D%3D);
}

/* English Language Institute Space - Home Page */
.eli-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=5BH6FrE41CDFqqEngl%2F2Sw%3D%3D);
}

/* Programs for Newcomers to Canada Space - Home Page */
.programs-for-newcomers-to-canada-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=RYsav%2BeMR173JyEeLv%2FaUA%3D%3D);
}

/* Information Technology Services Space - Home Page */
.its-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=Pua2Ssd29NXOpL99OFlfOw%3D%3D);
}

/* Athletics & Recreation Space - Home Page */
.athletics-recreation-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=wEd9EQYFfKcCmSYtDEo5Ew%3D%3D);
}

/* #SenecaAbroad Space - Home Page */
.seneca-abroad-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=0fCHFLeiOlLx%2FVr4y2zOGA%3D%3D);
}

/* Student Conduct Space - Home Page */
.student-conduct-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=lM6DUuDXLOsIcBywSN1NQA%3D%3D);
}

/* Seneca Student Federation Space - Home Page */
.ssf-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=Mp5cpMnQRmmE90qlnmfj3A%3D%3D);
}

/*  Counselling & Accessibility Services Space - Home Page */
.counselling-and-accessibility-services-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=pJrWXmLIwCPsJYepMTZyrA%3D%3D);
}

/*  Getting involved with Student Life - Home Page */
.student-life-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=kVhrevvnh9LXbY2sz2FG1A%3D%3D);
}

/* Equity, Diversity & Inclusion Space - Home Page */
.equity-diversity-and-inclusion-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=HFe03Vhv7tJGqzlUnjKQGw%3D%3D);
}

/* School of Nursing Space - Home Page */
.school-of-nursing-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=ci8naMrOgTd0v4rEuvytFg%3D%3D);
}

/* School of Electronics & Mechanical Engineering Space - Home Page */
.school-of-eme-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=FpRDCwDBjGLLm2doZwhMiA%3D%3D);
}

/* School of Environmental & Civil Engineering Technology Space - Home Page */
.school-of-ecet-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=OQS8CJ02UctW80AZu1sI9Q%3D%3D);
}

/* MyNews space */
.mynews-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=WohID6VXZQz1aP5gzdjMRg%3D%3D);
}

/* Seneca Student Federation Clubs Space - Home Page*/
.ssf-clubs-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=7kNmiu4zqU7IS48n3xg7SQ%3D%3D);
}

/* School of Software Design & Data Science space */
.sdds-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=vT2J%2FXY2QR4v2xzzmoAG0A%3D%3D);
}

/* School of Information Technology Administration & Security space */
.itas-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=DwCSMwfwrc19mMZ77bUOTQ%3D%3D);
}

/* Seneca Sandbox space */
.sandbox-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=JGBHLz0KKNXFFvZGoXPoYw%3D%3D);
}

/* Career Fair space */
.career-fair-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=DpYH3Xb0EYnO5atjZTswuQ%3D%3D);
}

/* Board of Governors space */
.bog-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=5J8YUzJTVczo9we7sVeXdQ%3D%3D);
}

/* Sustainability Seneca space */
.suse-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=TqcA4LZiW8mEXYvJxPj7Pw%3D%3D);
}

/* Reciprocity Muralspace */
.reciprocity-murals-space-banner {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=7DKyVq4KtwIhIQ6AR%2Bv%2BfA%3D%3D);
}

/* Test space */
.test-space-banner {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=b3MJzV9Vz1%2FwRLqMy71MPg%3D%3D);
}

/* Parking Space - Home Page*/
.parking-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=5vn7K0OgQtyGjRD5Z1%2F%2B1w%3D%3D);
    /*background-image: url(https://students.senecapolytechnic.ca/attachment?file=dWn6k2%2FRANWiH82QS8nbRQ%3D%3D);*/
}

/* Support Services - Home Page*/
.support-service-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=GvHQYpx%2B15OxPEpda6phkw%3D%3D);
    /*background-image: url(https://students.senecapolytechnic.ca/attachment?file=GvHQYpx%2B15OxPEpda6phkw%3D%3D);*/
}

/* List of Subspaces Home Pages for School of Hospitality & Tourism */
.flights-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/fileattachment?file=A%2Bv24g12gKZ7nQgmoR9qBg%3D%3D);
}

.flights-design-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=t6%2F1R62behMw4Ysouu6WvQ%3D%3D);
}

.flights-programs-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/fileattachment?file=NYv2DM4cSMcCokZWnBW1KA%3D%3D);
}

.global-hospitality-business-graduate-certificates-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/fileattachment?file=M%2BPYI%2Bd8NSRzI10PIQxBIw%3D%3D&v=1&driveID=0);
}

.global-hospitality-programs-gbd-image {
    background-image: url(https://students.senecapolytechnic.ca/fileattachment?file=SVdaNba4m6G1PlWD3AaQ8w%3D%3D&v=1&driveID=0);
}

.global-business-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=iBOHDd1Fj5d2rM8JxlJlSg%3D%3D);
}

.global-design-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=AUY6aWjSaSiaJuEj9LHqmw%3D%3D);
}

.hospitality-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=Q12Kmm%2B94QolfcqLMdAqbA%3D%3D);
}

.hospitality-design-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=9hDttdLM2r0R6VZvFBJ0%2Bg%3D%3D);
}

.tourism-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=aPn0sliP73fBHhWcZhxJYg%3D%3D);
}

.tourism-design-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=4nn1HcxRuL03pX0KdkogPA%3D%3D);
}

/*  Getting involved with Student Life - Award page */

.student-leadership-awards-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/fileattachment?file=w%2FYPf9NK3L3SX1xdLoycDw%3D%3D&v=1&driveID=0);
}

.orientation-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=YQ5QNlHYFQ8U6GdlAOHMsQ%3D%3D);
}

.start-of-term-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=tg%2FP41Z4upycp6gY%2B%2Fu7gA%3D%3D);
}

.sqac-banner-image {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=DSZgtuPNDvmZVnajcPXv%2Fw%3D%3D);
}

@media (max-width: 1200px) {

    .library-services-banner-img,
    .learning-centre-banner-img,
    .test-centre-banner-img,
    .student-advising-banner-img,
    .office-registrar-banner-image,
    .office-registrar-banner-image-v2,
    .convocation-banner-img,
    .dining-services-banner-img,
    .one-card-banner-img,
    .residence-banner-img,
    .off-campus-banner-img,
    .medical-centre-banner-img,
    .eli-banner-img,
    .programs-for-newcomers-to-canada-banner-image,
    .its-banner-image,
    .athletics-recreation-banner-image,
    .seneca-abroad-banner-image,
    .ssf-banner-image,
    .counselling-and-accessibility-services-banner-image,
    .student-life-banner-image,
    .equity-diversity-and-inclusion-banner-image,
    .school-of-nursing-banner-image,
    .school-of-eme-banner-image,
    .school-of-ecet-banner-image,
    .mynews-banner-image,
    .ssf-clubs-banner-image,
    .parking-banner-image,
    .flights-banner-image,
    .flights-design-image,
    .global-hospitality-business-graduate-certificates-banner-image,
    .global-business-banner-image,
    .hospitality-banner-image,
    .hospitality-design-image,
    .tourism-banner-image,
    .tourism-design-image,
    .student-leadership-awards-banner-image {
        min-height: 400px;
    }

    .top-banner-img-size {
        background-size: 100% 100%;
    }

    .top-banner-img-size-v2 {
        min-height: 245px;
    }

    .home-space-box {
        margin-top: 40px;
    }
}

@media (max-width: 800px) {

    .library-services-banner-img,
    .learning-centre-banner-img,
    .test-centre-banner-img,
    .student-advising-banner-img,
    .office-registrar-banner-image,
    .office-registrar-banner-image-v2,
    .convocation-banner-img,
    .dining-services-banner-img,
    .one-card-banner-img,
    .residence-banner-img,
    .off-campus-banner-img,
    .medical-centre-banner-img,
    .eli-banner-img,
    .programs-for-newcomers-to-canada-banner-image,
    .its-banner-image,
    .athletics-recreation-banner-image,
    .seneca-abroad-banner-image,
    .ssf-banner-image,
    .counselling-and-accessibility-services-banner-image,
    .student-life-banner-image,
    .equity-diversity-and-inclusion-banner-image,
    .school-of-nursing-banner-image,
    .school-of-eme-banner-image,
    .school-of-ecet-banner-image,
    .mynews-banner-image,
    .ssf-clubs-banner-image,
    .parking-banner-image,
    .flights-banner-image,
    .flights-design-image,
    .global-hospitality-business-graduate-certificates-banner-image,
    .global-business-banner-image,
    .hospitality-banner-image,
    .hospitality-design-image,
    .tourism-banner-image,
    .tourism-design-image,
    .student-leadership-awards-banner-image {
        min-height: 300px;
    }

    .top-banner-img-size-v2 {
        min-height: auto;
    }

    .home-space-box,
    .home-space-box-v2 {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {

    .library-services-banner-img,
    .learning-centre-banner-img,
    .test-centre-banner-img,
    .student-advising-banner-img,
    .office-registrar-banner-image,
    .office-registrar-banner-image-v2,
    .convocation-banner-img,
    .dining-services-banner-img,
    .one-card-banner-img,
    .residence-banner-img,
    .off-campus-banner-img,
    .medical-centre-banner-img,
    .eli-banner-img,
    .programs-for-newcomers-to-canada-banner-image,
    .its-banner-image,
    .athletics-recreation-banner-image,
    .seneca-abroad-banner-image,
    .ssf-banner-image,
    .counselling-and-accessibility-services-banner-image,
    .student-life-banner-image,
    .equity-diversity-and-inclusion-banner-image,
    .school-of-nursing-banner-image,
    .school-of-eme-banner-image,
    .school-of-ecet-banner-image,
    .mynews-banner-image,
    .ssf-clubs-banner-image,
    .parking-banner-image,
    .flights-banner-image,
    .flights-design-image,
    .global-hospitality-business-graduate-certificates-banner-image,
    .global-business-banner-image,
    .hospitality-banner-image,
    .hospitality-design-image,
    .tourism-banner-image,
    .tourism-design-image,
    .student-leadership-awards-banner-image {
        min-height: 200px;
    }

    .content-banner-img-size {
        padding-top: 0px;
    }

    .home-space-box-v3 {
        margin-top: 0px;
    }

}

/* Remove margin in the homepage spaces */
.no-margin {
    margin: 0;
}

/* Add margin space in the top row of the homepage spaces */
.add-margin-top {
    margin-top: 30px;
}

/* Align and resize button in the homepage space for Dining Space & OneCard Space */
.do-btn-align-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.do-btn-size {
    width: 100%;
    padding: 6px 0;
}

/* Resize button in the homepage space for Finding Employment Space */
.fe-btn-size {
    padding: 10px 20px;
}

/* Standard Seneca Table design use throughout the Student Intranet */
.si-table {
    width: 100%;
    height: 100%;
    display: table;
    border-collapse: collapse;
    border-style: none !important;
    margin: 0;
}

.si-table th {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 5px 20px;
    text-align: center;
}

.si-table td {
    padding: 5px 10px 5px;
}


/* Table design use for ELI home page*/
.eli-table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-style: none !important;
    margin: 0;
    font-size: 1rem;
}

.eli-table th {
    background-color: #da291c;
    color: white;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 10px 8px;
}

.eli-table td {
    padding: 10px;
    font-size: 1rem;
}

.eli-table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* Student Intranet Main Homepage - Banner, Title, Image, Nav button*/
.si-main-homepage-banner-size {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 340px;
    padding: 110px 0;
}

.si-main-homepage-banner-container {
    margin: 0px 200px;
    padding: 20px 40px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.si-main-homepage-header h1,
.si-main-homepage-title-banner {
    font-size: 2.6rem;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin: .6em 0 0;
}

.si-main-homepage-info-banner {
    font-size: 1.25rem;
    font-weight: 400;
    color: #FFF;
    text-align: center;
}

.si-main-homepage-img-container {
    overflow: hidden;
}

.si-main-homepage-img-container:hover {
    box-shadow: 1px 1px 8px #000;
}

.si-main-homepage-img-size:hover {
    transform: scale(1.060);
    transition: all .3s ease;
    vertical-align: middle;
}

.si-main-homepage-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 30px;
}

.si-main-homepage-content-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 2px;
}

.si-main-homepage-content-desc {
    padding-bottom: 10px;
}

.si-main-homepage-link {
    color: #222222;
    text-decoration: none;
    font-weight: 600;
}

.si-main-homepage-link:hover {
    color: #222222;
    text-decoration: underline;
    cursor: pointer;
}

.si-main-homepage-space-divider {
    margin-bottom: 20px;
}

.si-main-homepage-nav-btn {
    margin-top: 24px;
    margin-bottom: 16px;
}

@media (max-width: 1200px) {

    .si-main-homepage-banner-size {
        min-height: 240px;
        padding: 40px 0;
    }

    .si-main-homepage-banner-container {
        margin: 50px 100px;
        padding: 30px;
    }

    .si-main-homepage-title-banner {
        font-size: 2.188rem;
    }

    .si-main-homepage-info-banner {
        font-size: 1.125rem;
    }
}

@media (max-width: 900px) {

    .si-main-homepage-banner-size {
        min-height: 200px;
        padding: 30px 0;
    }

    .si-main-homepage-banner-container {
        margin: 25px 50px;
        padding: 15px;
    }

    .si-main-homepage-title-banner {
        font-size: 1.875rem;
    }

    .si-main-homepage-info-banner {
        font-size: 1.125rem;
    }

    .si-main-homepage-title {
        font-size: 1.5rem;
    }

    .si-main-homepage-content-title {
        font-size: 1.125rem;
    }

    .si-main-homepage-space-divider {
        margin: 0;
    }
}

@media (max-width: 600px) {
    .si-main-homepage-banner-size {
        min-height: auto;
        padding: 10px;
    }

    .si-main-homepage-banner-container {
        margin: auto;
        padding: 20px;
    }
}

/* Padding spaces in the Student Intranet Main Home Page */
/* Header */
.si-main-homepage-header {
    padding-bottom: 50px;
}

/* Body */
.si-main-homepage-body-content-whitebg {
    background-color: #fff;
    padding: 40px 0;
}

.si-main-homepage-body-content-nobg {
    background-color: inherit;
    padding: 40px 0;
}

/* Footer */
.si-main-homepage-footer {
    padding-top: 30px;
    border-top: 1px solid var(--border-color-primary);
    background: var(--background-primary);
}

.si-main-homepage-privacy-statement {
    background-color: inherit;
    padding: 20px 0;
}

.si-main-homepage-privacy-statement-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Name link & Logo Thumbnail size in Flight, Hospitality, Tourism & Global Business space*/
.fhtg-thumbnail-image-size {
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.fhtg-name-label-link {
    margin: 0;
    color: #222222;
    text-decoration: none;
}

.fhtg-name-label-link:hover {
    color: #222222;
    text-decoration: underline;
    cursor: pointer;
}

/* Test Centre & Learning Centre Button */
.tl-btn-container {
    color: #000;
    border: 4px solid #000;
    margin-bottom: 10px;
}

.tl-btn-link {
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 200px;
}

.tl-btn-txt {
    color: #000;
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.tl-btn-icon {
    color: #000;
    text-decoration: none;
}

.tl-btn-txt:hover,
.tl-btn-txt:visited,
.tl-btn-icon:hover,
.tl-btn-icon:visited {
    color: #000;
    text-decoration: underline;
}

/* SSF Events template */
#ssfEvents {
    margin-top: 15px;
}

#ssfEvents .event-info {
    margin-left: 20px;
}

/* Seneca red button*/
.btn-seneca {
    background-color: #da291c;
    border-color: #da291c;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c8261a;
    background-image: -moz-linear-gradient(top, #da291c, #ad2116);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da291c), to(#ad2116));
    background-image: -webkit-linear-gradient(top, #da291c, #ad2116);
    background-image: -o-linear-gradient(top, #da291c, #ad2116);
    background-image: linear-gradient(to bottom, #da291c, #ad2116);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda291c', endColorstr='#ffac2016', GradientType=0);
    border-color: #ad2116 #ad2116 #69140d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.btn-seneca:hover,
.btn-seneca:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-seneca:hover,
.btn-seneca:focus {
    background-color: #ad2116;
    color: #fff;
}

.btn-seneca:active,
.btn-seneca.active,
.btn-seneca.active:hover {
    background-color: #c32519;
    border-color: #ad2116;
}

.btn-seneca.disabled:hover,
.btn-seneca.disabled:focus,
.btn-seneca.disabled:active,
.btn-seneca.disabled.active,
.btn-seneca[disabled] .btn-seneca:hover,
.btn-seneca[disabled] .btn-seneca:focus,
.btn-seneca[disabled] .btn-seneca:active,
.btn-seneca[disabled] .btn-seneca.active {
    background-color: #da291c;
    border-color: #da291c;
}

.black-history-month {
    background-image: url(https://external.senecacollege.ca/landing/page/Black-History-Month-MySeneca-banner-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
    min-height: 360px;
}

/*Fix to Space Image compression in /spaces*/
.ax-space li .ax-space-avatar img {
    height: auto;
}

/** Remove extra border on tables in wikis */
.axero-entity-formatted-content table {
    border: none;
}

/** Display tables as "tables" in wikis for Transportation space */
.x-custom-space-transportation .axero-entity-formatted-content table {
    display: table;
}

/**fix table cell no wrapping on  mobile*/
@media (max-width: 480px) {

    .axero-entity-formatted-content th,
    .axero-entity-formatted-content td,
    .axero-entity-formatted-content caption {
        white-space: normal;
    }

}

.convocation {
    background-image: url(https://external.senecacollege.ca/landing/page/seneca-graduates.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
    min-height: 500px;
}

/** Top navigation is red now **/
.axero-lightning-navigation-list.axero-full-width-blocks.si-main-nav .axero-widget-body ul li a {
    background: #DA291C;
    color: #FFF;
}

.axero-lightning-navigation-list.si-main-nav .axero-widget-body ul li a .x-icon i {
    color: #FFF;
}

.axero-lightning-navigation-list.axero-full-width-blocks.si-main-nav .axero-widget-body ul li a .x-label {
    font-weight: 700;
}

.row--secondary {
    padding-top: 30px;
}

.main-navigation ul li {
    margin-right: 0;
}

.navbar .ax-diamond-messages,
.navbar .ax-diamond-notifications {
    margin-top: 30px;
}

.navbar .community-header .axero-header-search {
    top: 25px;
}

.navbar .community-header .ax-diamond-menu-large {
    margin-top: 20px;
}

/* Seneca red button*/
.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a {
    background-color: #da291c;
    border-color: #da291c;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c8261a;
    background-image: -moz-linear-gradient(top, #da291c, #ad2116);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da291c), to(#ad2116));
    background-image: -webkit-linear-gradient(top, #da291c, #ad2116);
    background-image: -o-linear-gradient(top, #da291c, #ad2116);
    background-image: linear-gradient(to bottom, #da291c, #ad2116);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda291c', endColorstr='#ffac2016', GradientType=0);
    border-color: #ad2116 #ad2116 #69140d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a:hover,
.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a:hover,
.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a:focus {
    background-color: #ad2116;
    color: #fff;
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a:active,
.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a.active,
.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a.active:hover {
    background-color: #c32519;
    border-color: #ad2116;
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a .x-label {
    font-size: 20px;
    font-weight: 700;
}

.home .axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a .x-label {
    margin-top: 5px;
    margin-left: 50px;
}

.axero-lightning-navigation-list .axero-widget-body ul li.btn-seneca a .x-icon i {
    color: #FFF;
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a {
    padding: 32px 16px;
}

.axero-lightning-navigation-list.axero-full-width-blocks .axero-widget-body ul li.btn-seneca a .x-icon {
    width: 30px;
    font-size: 30px;
}

.navbar .brand img {
    max-height: 70px;
    max-width: 300px;
}

.si-main-homepage-banner-size {
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 30px 0;
    min-height: auto;
    height: calc(100vw / 3.85);
    max-height: 340px !important;
}

@media screen and (min-width: 979px) {
    .home #divCommunityWrapper {
        margin-top: -30px;
    }
}

.main-navigation .btn .x-label {
    text-align: left;
}


.truth-and-reconciliation {
    background-image: url(https://external.senecacollege.ca/landing/page/kamloops-memorial-1280x550.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
    min-height: 550px;
}

.icare-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/attachment?file=hKVtPAFB3bAVS9apNKSCrg%3D%3D);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    min-height: 500px;
    margin-top: -30px;
    margin-bottom: 10px;
}

/*Space banner generic*/
.space-banner {
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
    max-height: 450px;
    background-position: center center;
    overflow: hidden;
    position: relative;
}

.space-banner-img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 450px;
    overflow: hidden;
}

.space-banner-img img {
    max-width: 100%;
}

.space-banner-title {
    position: absolute;
    top: 0px;
    margin: 40px;
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #FFFFFF;
    padding: 20px 40px;
    max-width: 65%;
}

.space-banner-title h1 {
    margin: auto;
}

@media (max-width: 800px) {
    .space-banner-img {
        max-height: 300px;
    }

    .space-banner-title {
        margin: 5px 0;
        padding: 10px;
        max-width: 100%;
        position: relative;
    }
}

@media (max-width: 500px) {
    .space-banner-img {
        max-height: 200px;
    }

}

/*image-with-title*/
.image-with-title {
    top: -100px;
    position: relative;
}

.image-with-title h1 {
    position: relative;
    top: 150px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: inline-block;
    padding: 20px;
    left: 10%;
}

/*image-width-title end*/

/*Color-box*/

.color-box {
    margin-top: 22px;
    margin-bottom: 15px;
}

.color-box .red-without-border {
    background-color: #da291c;
    border-radius: 0;
    color: #fff
}

.color-box .red-without-border .highlight {
    border-top: 1px solid #fff;
    background-color: inherit;
    color: inherit;
    padding: 0px;
}

.color-box .red-without-border .highlight h2 {
    border-top: 4px solid #fff;
    display: inline-block;
    padding-top: 5px;
    margin: 0;
}

.color-box .red-without-border a {
    color: #fff;
    text-decoration: underline
}

.color-box .red-without-border a:hover {
    color: #fff;
    text-decoration: underline
}

.color-box .light-grey-with-border {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    padding: 20px;
}

/*personal-counselling-and-accessible-learning-services*/

.accessible-headers h2 {
    font-family: "minion-pro", "Georgia", "Times New Roman", "Times", serif;
    color: #55585a;
}

.accessible-headers h3 {
    font-family: "minion-pro", "Georgia", "Times New Roman", "Times", serif;
    color: #55585a;
}

/* sustainable Seneca (Nora)*/

/* add the Green Symposium banner*/
.green-symposium-banner-img {
    background-image: url(https://students.senecapolytechnic.ca/fileattachment?file=q5jA9TX1lZaJFRdn2Y%2FkhA%3D%3D);
}

.green-symposium-banner-img-size-v2 {
    background-repeat: no-repeat;
    background-size: 100%;

    margin-top: -10px;
    min-height: 400px;

    margin-bottom: 10px;
}

@media (min-width: 978px) {


    .slider-n {
        position: relative;
        width: 100%;
        height: 350px;
        overflow: hidden;
    }

    .slider-content-n {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

    .slider-text-n {

        position: absolute;
        top: 0px;
        margin: 40px;
        background-color: rgba(0, 0, 0, 0.6) !important;
        color: #FFFFFF;
        padding: 20px 40px;
        max-width: 65%;
    }

    .active-n {
        display: block;
    }
}

@media (max-width: 978px) {


    .slider-n {
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .slider-content-n {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

    .slider-text-n {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        background-color: rgba(0, 0, 0, 0.9);
        color: #fff;
    }

    .active-n {
        display: block;
    }
}

@media (max-width: 564px) {
    .slider-n {
        position: relative;
        width: 100%;
        height: 120px;
        overflow: hidden;
    }

    .slider-content-n {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

    .slider-text-n {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 18px;

        padding: 5px 10px;

        background-color: rgba(0, 0, 0, 0.9);
        color: #fff;
    }

    .active-n {
        display: block;
    }
}

/*tabs*/
/* Style the tab */
.tab-n {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab-n button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab-n button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab-n button.active {
    background-color: #da281c;
    color: #fff;
}

/* Style the tab content */
.tabcontent-n {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the title Orientation events page*/

.title-orientation-events h2 {
    color: #da291c;
}

.orientation-events a {
    text-decoration: underline;
}


.orientation-events-body {
    font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background-color: #fff
}

.orientation-events h4,
.orientation-events h5,
.orientation-events h6 {
    font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
    color: #55585a;
    font-weight: 600
}

.orientation-events h1 {
    font-size: 65px;
    line-height: initial
}

.orientation-events h2 {
    font-size: 30px;
    line-height: initial
}


.orientation-events h3 {
    font-size: 25px;
    line-height: initial
}

.orientation-events h4 {
    font-size: 21px;
    line-height: 25px
}

.orientation-events h5 {
    font-size: 18px;
    line-height: 27px
}

.orientation-events h6 {
    font-size: 14px;
    line-height: 24px
}

@media(max-width: 768px) {

    .orientation-events h1,
    .orientation-events h2,
    .orientation-events h3 {
        line-height: 1.1
    }

    .orientation-events h1 {
        font-size: 50px
    }
}

/*CSS To Override X-Icon For Custom Image*/
.fab.fa-twitter::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("https://students.senecapolytechnic.ca/fileattachment?file=HL2yId5qUno8wpYlUGelfg%3D%3D&v=0&viewfile=1&type=png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/*table responsive start*/
.visible-xs {
    display: none
}

@media(max-width:768px) {

    .table.responsive {
        display: block;
        border-top: solid 2px #da291C;
    }

    .table.responsive thead,
    .table.responsive tbody,
    .table.responsive th,
    .table.responsive td,
    .table.responsive tr,
    .table.responsive caption {
        display: block;
    }

    .table.responsive thead {
        border-bottom: solid 3px #da291c
    }

    .table.responsive thead tr {
        display: none
    }

    .table.responsive tr {
        border: 0;
        border-bottom: 1px solid #999
    }

    .table.responsive tr.rowspan-nolabel {
        border-top: 0
    }

    .table.responsive tr.rowspan-nolabel td:before {
        content: "" !important
    }

    .table.responsive .mobile-hide {
        display: none
    }

    .table.responsive td {
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative;
        white-space: normal;
        text-align: left !important;
        padding: 7px;
    }

    .table.responsive td .xsHeading {
        font-weight: 700;
        color: #000000;
    }

    .table.responsive td .xsContent {
        padding-left: 0px;
    }

    .table.responsive td.xsHeadingHide .xsHeading {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }
}

/*table responsive end*/
/*tables options*/
table.table-white tr,
table.table-white td {
    background-color: #ffffff !important;
}

table.dataTable thead th {
    background-color: #da291c;
    color: #ffffff;
}

table.dataTable tbody tr.odd,
table.dataTable tbody tr.even {
    background-color: transparent !important;
}

/*tables options end*/

/*wiki-housing*/

h2[id*="dwtlttc"]:before,
h3[id*="dwtlttc"]:before {
    content: "";
    display: block;
    height: 85px;
    margin: -85px 0 0;
}

/*wiki-housing end*/

/*red icons naviagtion widget*/
.red-icon .axero-lightning-navigation-list .axero-widget-body ul li a .x-icon i {
    color: #DA291C !important;

}

.axero-lightning-navigation-list .x-icon {
    margin-right: 8px;
    width: auto !important;
}

/*red icons navigation widget end*/

/*accordion widget*/
.accordion-heading .accordion-toggle {
    color: #000;
}

.accordion-heading .accordion-toggle {
    background-color: #f2f2f2;
}

.accordion-body {
    background-color: #fff;
}

.accordion-heading .accordion-toggle:hover {
    background-color: #dcdcdc;
}

.accordion-group {
    margin-bottom: -1px;
}

/*accordion widget end*/






/*Style for Content Grid template*/
.bdaia-feature-posts {
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
}

.flex-direction-nav {
    *height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    list-style: none !important;
}

.flex-direction-nav li {
    *height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    list-style: none !important;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -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;
}

.flex-direction-nav a.flex-next:before {
    content: "\e95d";
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.bdaia-lazyload .big-grids {
    opacity: 0;
}

.bdaia-lazyload .big-grids.bdaia-img-show {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bdaia-img-show {
    position: relative;
}

* {
    zoom: 1;
}

.bd-cat-link {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    padding: 3px 7px;
    margin: 0 2px 2px 0;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
    text-shadow: none !important;
}

*:before,
*:after {
    box-sizing: border-box;
}

.cfix {
    clear: both;
    zoom: 1;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
    height: 0;
}

.cfix:before,
.cfix:after {
    display: table;
    content: "";
    clear: both;
}

.big-grids {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.big-grids:after,
.big-grids:before {
    content: "";
    display: table;
    clear: both;
}

.big-grids .big-grid.fea-1,
.big-grids .big-grid.fea-2,
.big-grids .big-grid.fea-3 {
    display: block;
}

.big-grids .big-grids-single-slide {
    display: none;
    opacity: 0;
    padding: 0;
    position: relative;
}

.big-grids .big-grids-single-slide .big-grid {
    display: block;
}

.big-grids .big-grids-single-slide:first-child {
    display: block !important;
}

.big-grids .big-grid {
    float: left;
    position: relative;
    overflow: hidden;
}

.big-grids .big-grid-inner {
    position: relative;
    line-height: 0;
    color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    box-sizing: border-box;
    outline: none;
    zoom: 1;
}

.big-grids .big-grid-inner:before,
.big-grids .big-grid-inner:after {
    content: "";
    display: table;
    clear: both;
}

.big-grids .big-grid-inner .img {
    background-color: #eee;
    background-position: center center;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    max-width: none;
}

.big-grids .big-grid-inner:hover .img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
}

.big-grids .big-grid-inner .img:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: -moz-linear-gradient(top,
            transparent 40%,
            rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            color-stop(40%, transparent),
            color-stop(100%, rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top,
            transparent 40%,
            rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top,
            transparent 40%,
            rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom,
            transparent 40%,
            rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1 {
    width: 50%;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1 .big-grid-inner {
    height: 490px;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-2,
div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-3,
div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-4,
div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-5 {
    width: 25%;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-2 .big-grid-inner,
div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-3 .big-grid-inner,
div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-4 .big-grid-inner,
div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-5 .big-grid-inner {
    height: 244px;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1 {
    padding: 0 2px 0 0;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-2 {
    padding: 0 2px 2px 0;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-4 {
    padding: 0 2px 0 0;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-3 {
    padding: 0 0 2px 0;
}

@media only screen and (max-width: 919px) {
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid {
        width: 100%;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid .big-grid-inner {
        height: 360px;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-2,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-3,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-4 {
        padding: 0 0 2px 0;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .bdayh-date {
        display: none;
    }
}

@media only screen and (max-width: 630px) {
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid .big-grid-inner {
        height: 220px;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-2 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-3 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-4 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-5 .big-grid-inner {
        height: 180px;
    }
}

.big-grids .featured-title {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px;
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -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;
}

.big-grids .featured-title h2 {
    padding: 0;
    margin: 5px 0 10px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 1px;
    font-size: 21px;
    line-height: 26px;
    font-weight: 400;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1 .featured-title h2 {
    max-width: 98%;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .featured-title h2 {
    font-size: 16px;
    line-height: 21px;
}

div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1 .featured-title h2 {
    font-size: 37px;
    line-height: 46px;
}

.big-grids .featured-title a {
    color: #fff;
}

.big-grids .featured-title .bdayh-date {
    font-size: 12px;
    line-height: 12px;
}

@media only screen and (max-width: 1024px) {
    .big-grids .featured-title {
        max-width: 100%;
        padding: 14px;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid-1 .featured-title h2 {
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 9px;
    }
}

.big-grids .flex-direction-nav a {
    width: 25px;
    height: 44px;
    margin: -22px 0 0 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    background: #fff;
    color: inherit;
}

.big-grids .flex-direction-nav a::before {
    color: inherit;
}

.big-grids .flex-direction-nav a:hover {
    color: #fff !important;
}

.big-grids.big-grids-disable-nav .flex-direction-nav {
    display: none !important;
}

.big-grids .flex-direction-nav .flex-next {
    right: -1px !important;
    left: auto !important;
}

.big-grids .flex-direction-nav .flex-prev {
    left: -1px !important;
    right: auto !important;
}

.big-grids .flex-direction-nav .flex-next:before,
.big-grids .flex-direction-nav .flex-prev:before {
    display: block;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    transform: translate(0, 0);
}

.big-grids .flex-direction-nav .flex-next:before,
.big-grids .flex-direction-nav .flex-prev:before {
    width: 25px;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    display: block;
    text-align: center;
    text-shadow: none !important;
}

.big-grids:hover .flex-next,
.big-grids:hover .flex-prev {
    opacity: 1;
}

.big-grids .flex-next:hover,
.big-grids .flex-prev:hover {
    background: #ea0253;
}

.big-grids .big-grid-inner:hover .featured-title {
    bottom: 0;
}

@media only screen and (max-width: 985px) {
    .big-grids .big-grid-2 .featured-title .featured-cat {
        display: none;
    }

    .big-grids .big-grid-3 .featured-title .featured-cat {
        display: none;
    }

    div.bdaia-feature-posts.bdaia-fp-grid3 div.featured-title div.featured-cat {
        display: block;
    }

    .big-grids .flex-direction-nav a {
        width: 40px;
        height: 40px;
        margin: 0 0 0 0;
        color: #fff;
        top: 5px;
        left: 0;
        background: #222;
    }

    .big-grids .flex-direction-nav .flex-next {
        left: 50px !important;
        right: auto !important;
    }

    .big-grids .flex-direction-nav .flex-prev {
        left: 5px !important;
        right: auto !important;
    }

    .big-grids .flex-direction-nav .flex-next:before,
    .big-grids .flex-direction-nav .flex-prev:before {
        height: 40px;
        line-height: 40px;
        font-size: 20pt;
    }

    .big-grids .flex-next:hover,
    .big-grids .flex-prev:hover {
        background: #222 !important;
        opacity: 0.8;
    }
}

@media only screen and (max-width: 767px) {
    .big-grids .big-grid .featured-title h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .big-grids .big-grid-2 .featured-title .featured-cat {
        display: none;
    }

    .big-grids .big-grid-3 .featured-title .featured-cat {
        display: none;
    }

    .big-grids .big-grid-4 .featured-title .featured-cat,
    .big-grids .big-grid-5 .featured-title .featured-cat {
        display: none;
    }

    .big-grids .flex-direction-nav a {
        width: 40px;
        height: 40px;
        margin: 0 0 0 0;
        color: #fff;
        top: 5px;
        left: 0;
        background: #222;
    }

    .big-grids .flex-direction-nav .flex-next {
        left: 50px !important;
        right: auto !important;
    }

    .big-grids .flex-direction-nav .flex-prev {
        left: 5px !important;
        right: auto !important;
    }

    .big-grids .flex-direction-nav .flex-next:before,
    .big-grids .flex-direction-nav .flex-prev:before {
        height: 40px;
        line-height: 40px;
        font-size: 20pt;
    }

    .big-grids .flex-next:hover,
    .big-grids .flex-prev:hover {
        background: #222 !important;
        opacity: 0.8;
    }
}

@media only screen and (max-width: 479px) {
    .big-grids .big-grid .featured-title h2 {
        font-size: 14px;
        line-height: 18px;
    }

    .big-grids .flex-direction-nav a {
        width: 40px;
        height: 40px;
        margin: 0 0 0 0;
        color: #fff;
        top: 5px;
        left: 0;
        background: #222;
    }

    .big-grids .flex-direction-nav .flex-next {
        left: 50px !important;
        right: auto !important;
    }

    .big-grids .flex-direction-nav .flex-prev {
        left: 5px !important;
        right: auto !important;
    }

    .big-grids .flex-direction-nav .flex-next:before,
    .big-grids .flex-direction-nav .flex-prev:before {
        height: 40px;
        line-height: 40px;
        font-size: 20pt;
    }

    .big-grids .flex-next:hover,
    .big-grids .flex-prev:hover {
        background: #222 !important;
        opacity: 0.8;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.featured-title:hover .featured-cat a {
    color: #fff !important;
}

@media (max-width: 919px) {
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid {
        padding: 1px !important;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-1 {
        width: 100%;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-2,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-3,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-4,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-5 {
        width: 50%;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-1 .big-grid-inner {
        height: 420px;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-2 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-3 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-4 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-5 .big-grid-inner {
        height: 160px;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-1 .bdayh-date {
        display: block !important;
    }
}

@media (max-width: 414px) {

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-1,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-2,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-3,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-4,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-5 {
        width: 100%;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-1 .big-grid-inner {
        height: 312px;
    }

    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-2 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-3 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-4 .big-grid-inner,
    div.bdaia-feature-posts.bdaia-fp-grids.bdaia-fp-grid3 .big-grid.big-grid-5 .big-grid-inner {
        height: 126px;
    }
}

/*! CSS Used from: Embedded */
.bd-cat-3 {
    background: #7e69ef !important;
}

.bd-cat-3:before {
    border-top-color: #7e69ef !important;
}

.bd-cat-5 {
    background: #e29c04 !important;
}

.bd-cat-5:before {
    border-top-color: #e29c04 !important;
}

.bd-cat-8 {
    background: #45ace4 !important;
}

.bd-cat-8:before {
    border-top-color: #45ace4 !important;
}

/*! CSS Used fontfaces */
/*End style for Content Grid template*/

.red-box,
.gray-box,
.dark-gray-box,
.white-box {
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.red-box {
    background-color: #da291c;
    color: #fff;
}

.dark-gray-box {
    background-color: #666;
    color: #fff;
}

.gray-box {
    background-color: #f2f2f2;
    color: #333;
    border: solid 1px #ccc;
}

.white-box {
    background-color: #fff;
    color: #333;
    border: solid 1px #ccc;
}

.red-box a,
.dark-gray-box a {
    color: #fff;
    text-decoration: underline;
}