body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    background-color: #fff;
    color: #666;
    overflow-x: hidden;
}

/*generic*/
a {
    color: #f26f20;
}

    a:hover {
        color: #77a1ce;
        text-decoration: none;
    }

p {
    font-size: 16px;
    line-height: 24px;
}

h2 {
    font-size: 26px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 34px;
}

h4 {
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

ul li {
    list-style-type: none;
}

/*header*/
.site-header {
    background: url('../img/header-background.png') no-repeat;
    background-size: 100%;
    width: 100%;
    height: 0;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-bottom: 17%;
}

.header-container {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
}

.main-logo {
    position: absolute;
    left: 2%;
    top: 0;
}

.tablet-logo {
    display: none;
    position: absolute;
    left: -15px;
    top: 0;
}

.mobile-logo {
    display: none;
    position: absolute;
    top: 2vw;
    left: 2vw;
    height: 11vw;
    width: auto;
}

.mob-logo {
    display: none;
}

.add-logo {
    position: absolute;
    right: 2%;
    top: 30px;
}

.tablet-add-logo {
    position: absolute;
    right: -15px;
    top: -10px;
    display: none;
}

.mobile-add-logo {
    display: none;
    position: absolute;
    top: 5vw;
    left: 21vw;
    height: 5vw;
    width: auto;
    z-index: 2;
}

a.unilogo:hover {
    background-position: center -33px !important;
}

a.unilogo.university-of-edinburgh {
    height: 38px;
}

    a.unilogo.university-of-edinburgh:hover {
        background-position: center -37px !important;
    }

a.unilogo.university-of-reading:hover {
    background-position: center -40px !important;
}

a.unilogo.university-of-reading {
    height: 39px !important;
}

a.unilogo.university-of-illinois-at-chicago {
    height: 23px !important;
}

    a.unilogo.university-of-illinois-at-chicago:hover {
        background-position: center -23px !important;
    }

a.unilogo.university-of-sheffield {
    height: 52px !important;
}

    a.unilogo.university-of-sheffield:hover {
        background-position: center -56px !important;
    }


/*uni listings*/
.details img {
}

.uni-listing img {
    display: block;
    max-width: 100%;
    max-height: 250px;
    height: 250px;
    margin: 0 auto;
}

.uni-listing-details ul {
    margin: 15px 0 !important;
}

/*main nav*/
ul.main-nav {
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 16px;
}

    ul.main-nav li {
        list-style-type: none;
        display: inline;
        padding: 0;
    }


        ul.main-nav li a {
            color: #333;
            padding-right: 10px;
            outline: 0;
            text-decoration: none;
        }

            ul.main-nav li a.dropdown:after {
                position: relative;
                font-family: FontAwesome;
                color: #f26f20;
                font-size: 30px;
                padding: 0 0 0 6px;
                content: "\f107";
                top: 4px;
            }

            ul.main-nav li a.dropdown {
                padding-right: 12px;
                padding-bottom: 25px;
            }


        ul.main-nav li:last-child {
            padding: 0;
        }

            ul.main-nav li:last-child a {
                padding-right: 0;
            }


        ul.main-nav li:hover a.dropdown:after, ul.main-nav li a.dropdown.selected:after {
            font-family: FontAwesome;
            color: #1d62ae;
            font-size: 30px;
            padding: 0 0 0 6px;
            content: "\f106";
            top: 4px;
        }

@media only screen and (max-width: 1199px) {
    ul.main-nav li:hover a.dropdown:after, ul.main-nav li a.dropdown.selected:after {
        font-size: 24px;
        top: 0;
    }
}

@media only screen and (max-width: 991px) {
    ul.main-nav li:hover a.dropdown:after, ul.main-nav li a.dropdown.selected:after {
        font-size: 24px;
        top: 2px;
    }
}

ul.main-nav li:hover a, ul.main-nav li a.selected {
    color: #1d62ae;
    text-decoration: none;
}

.mobile-button {
    display: none;
    position: absolute;
    top: 6vw;
    right: 4vw;
    -webkit-appearance: none;
    background: none;
    border: 0;
    outline: 0;
}

li:hover .dropdown-menu {
    display: block;
}

/*dropdown menu*/

.dropdown-menu {
    width: 108%;
    position: absolute;
    background-color: #1d62ae;
    border-radius: 8px;
    float: left;
    padding: 2%;
    left: -10%;
    margin-top: -37px;
}

    .dropdown-menu ul {
        padding-right: 0;
        padding-left: 20px;
        margin: 0 0 0 15px;
        width: 22%;
        float: left;
        font-size: 14px;
        background: url('../img/dropdown-menu-arrow.png') no-repeat left 3px;
    }

        .dropdown-menu ul li:first-child {
            font-size: 18px;
            border-bottom: solid 1px #fff;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .dropdown-menu ul li {
            margin-bottom: 10px;
            display: block;
        }

            .dropdown-menu ul li a {
                color: #fff;
                background: none;
                padding-right: 0;
            }

ul.main-nav li:hover .dropdown-menu ul li a {
    color: #fff;
}

    ul.main-nav li:hover .dropdown-menu ul li a:hover, .dropdown-menu ul li a:hover {
        color: #a4c0de;
    }


.dropdown-menu.sub-menu {
    left: 5%;
    width: 100%;
    margin-top: 5px;
    padding: 5%;
}

    .dropdown-menu.sub-menu ul {
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
    }

        .dropdown-menu.sub-menu ul li {
            border-right: none;
            text-align: left;
            color: #fff;
            border-bottom: solid 1px #4a82be;
            width: 100%;
            padding: 5px 0;
            margin: 0;
            position: relative;
        }

            .dropdown-menu.sub-menu ul li:first-child {
                font-size: 14px;
                padding: 5px 0;
                margin: 0;
            }



            .dropdown-menu.sub-menu ul li:last-child {
                border-bottom: none;
            }

.publication-ul li.open {
    position: relative;
}

.dropdown-menu.sub-menu ul li input {
    float: right;
}

.dropdown-menu.sub-menu p {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
}

/********** mobile menu **********/
#mobile-menu {
    position: absolute;
    z-index: 0;
}
#mm-0 {background: white;}

.mm-menu {
    background: white;
    font-size: 16px;
}

    .mm-menu .mm-navbar > * {
        padding: 15px 0 5px;
    }

    .mm-menu .mm-navbar .mm-title {
        border: 0;
        outline: none;
        color: #1d62ae;
    }

    .mm-menu .mm-navbar-top-2 {
        height: 70px;
    }

    .mm-menu.mm-hasnavbar-top-2 .mm-panels,
    .mm-menu .mm-navbar-top-3 {
        top: 110px;
    }

    .mm-menu .mm-search {
        height: 45px;
        padding: 10px 20px 15px;
    }

        .mm-menu .mm-search input {
            display: inline;
            width: 80%;
            padding: 20px 15px;
            border-radius: 0;
            font-size: inherit;
        }

        .mm-menu .btn.mobile-search {
    margin: -4px 0 0 0;
    padding: 9px;
    border-radius: 0;

        }

    .mm-menu .mm-prev:hover:before {
        border-color: #1d62ae;
    }

    .mm-menu .mm-listview {
        font-size: inherit;
    }

        .mm-menu .mm-listview > li > a,
        .mm-menu .mm-listview > li > span,
        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
        .mm-menu .mm-listview > li.mm-selected > span {
            padding: 15px 20px;
            color: #1d62ae;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .mm-menu .mm-listview > li > a:hover,
            .mm-menu .mm-listview > li > span:hover,
            .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover,
            .mm-menu .mm-listview > li.mm-selected > span:hover {
                background: rgba(29, 98, 174, 0.1);
                color: white;
            }

        .mm-menu .mm-listview > li .mm-arrow:after,
        .mm-menu .mm-listview > li .mm-next:after {
            border-color: #f26f20;
        }

        .mm-menu .mm-listview > li > a:hover.mm-next:before,
        .mm-menu .mm-listview > li > a:hover.mm-next:after,
        .mm-menu .mm-listview > li > span:hover.mm-next:before,
        .mm-menu .mm-listview > li > span:hover.mm-next:after,
        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover.mm-next:before,
        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover.mm-next:after,
        .mm-menu .mm-listview > li.mm-selected > span:hover.mm-next:before,
        .mm-menu .mm-listview > li.mm-selected > span:hover.mm-next:after {
            border-color: #9e9e9e;
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
        .mm-menu .mm-listview > li.mm-selected > span {
            background: #1d62ae;
            color: white;
        }

        .mm-menu .mm-listview > li:not(.mm-divider):after {
            left: 0;
        }

    .mm-menu .mm-prev:before {
        top: 10px;
    }

/*social links*/
ul.social {
    padding: 0;
    margin: 10px 0 0 0;
}

.share ul.social {
    width: auto;
    text-align: center;
}

ul.social li {
    list-style-type: none;
    display: inline;
    position: relative;
    width: 35px;
    height: 35px;
    padding-right: 18px;
}

.main-content ul.social li {
    font-size: 24px;
}

ul.footer-social {
    margin-top: 20px;
    padding-left: 0;
    float: right;
}

    ul.footer-social li {
        list-style-type: none;
        position: relative;
        width: 35px;
        height: 35px;
        margin-bottom: 20px;
    }

        ul.social li a, ul.footer-social li a {
            background-color: #4f595d;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            position: relative;
            display: inline-block;
        }

            ul.social li a:before, ul.footer-social li a:before {
                position: absolute;
                font-family: FontAwesome;
                color: #fff;
                /*font-size: 17px;*/
                /*Changed to 18px*/
                font-size: 18px;
                width: 100%;
                height: 35px;
                text-align: center;
                padding-top: 5px;
            }

.share ul.social li a:before {
    /*padding-top: 4px;*/
    /*Changed 16/12/14*/
    padding-top: 6px;
    padding-right: 20px;
    position: absolute;
    right: -9px;
    top: -3px;
}

ul.social li a.linkedin:before, ul.footer-social li a.linkedin:before {
    content: "\f0e1";
}

ul.social li a.youtube:before, ul.footer-social li a.youtube:before {
    content: "\f16a";
}

ul.social li a.twitter:before, ul.footer-social li a.twitter:before {
    content: "\f099";
}

ul.social li a.facebook:before, ul.footer-social li a.facebook:before {
    content: "\f09a";
}

ul.social li a.email:before, ul.footer-social li a.email:before {
    content: "\f003";
}

.share ul.social a {
    background-color: #4f595d;
}

    ul.social li a.linkedin:hover, ul.footer-social a.linkedin, .share ul.social a.linkedin, .listing ul.social a.linkedin {
        background-color: #8ec6d8;
    }

    ul.social li a.youtube:hover, ul.footer-social a.youtube, .share ul.social a.youtube, .listing ul.social a.youtube {
        background-color: #ee6361;
    }

    ul.social li a.twitter:hover, ul.footer-social a.twitter, .share ul.social a.twitter, .listing ul.social a.twitter {
        background-color: #64c9ec;
    }

    ul.social li a.facebook:hover, ul.footer-social a.facebook, .share ul.social a.facebook, .listing ul.social a.facebook {
        background-color: #507cbb;
    }

    ul.footer-social a:hover, .share ul.social a:hover {
        background-color: #4f595d;
    }

.listing ul.social li a.linkedin:before {
    padding: 5px 7px;
}

.listing ul.social li a.facebook:before {
    padding: 5px 8px;
}

.listing ul.social li a:before {
    padding: 5px 6px;
}

.share h3 {
    text-align: right;
    margin-top: 15px;
}

ul.social.share ul li {
    display: inline;
}

ul.social li.share-title {
    bottom: 10px;
}

/*breadcrumbs*/

ul.breadcrumbs {
    width: 100%;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
}

    ul.breadcrumbs li {
        display: inline;
    }

        ul.breadcrumbs li a:after {
            content: "/";
            color: #666;
            padding-left: 5px;
        }

.side-left ul.breadcrumbs {
    border-bottom: solid 2px #ccc;
    border-right: solid 2px #ccc;
}

/*END breadcrumbs*/

/*home page*/
.section.banner {
    position: relative;
    /*max-width: 1336px;*/
    margin: 0 auto;
    z-index: 1;
    top: -190px;
    background-color: white;
}

    /*banner*/

    .section.banner img {
        width: 100%;
    }

.carousel-inner {
    height: 700px;
}

    .carousel-inner:after {
        background: url('../img/UBDC_footerTexture_Repeater.png');
    }



@media only screen and (max-width: 1366px) {
    .carousel-inner img {
        position: relative;
        top: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .carousel-inner img {
        top: 22px;
    }
}


#banner-texture {
    position: absolute;
    background: url(../img/UBDC_MainBanner_effect.png);
    top: 0;
    height: 700px;
    width: 100%;
    z-index: 2;
}

.carousel-caption {
    left: 30%;
    top: 160px;
    padding-left: 50px;
    padding-top: 0;
    overflow: hidden;
    max-height: 400px;
}

.arrow {
    background: url('../img/UBDC_bigArrow_WHite_mainBanner.png') no-repeat;
    background-position: 0;
    height: 38px;
    width: 38px;
    z-index: 999;
    position: relative;
    overflow: visible;
    left: -50px;
    top: 68px;
}

.carousel-caption h2 {
    text-align: left;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    padding: 15px 0;
    line-height: 40px;
}

.carousel-caption p {
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 2px #fff;
}

.button, div.contourNavigation input[type="Submit"] {
    border: none;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 17px;
    text-align: left;
    background: #f17021 url('../img/UBDC_footerTexture_Repeater.png');
    color: #fff;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 0.02em;
}

div.news-content .button {
margin: 10px 15px 10px;
margin-top:15px;
}

.carousel-caption a.button {
    float: right;
}

.button:hover {
    background: #efece6 url('../img/UBDC_footerTexture_Repeater.png');
    color: #1d62ae;
}

.carousel-caption a.button:hover {
    color: #1d62ae;
}

a.carousel-control {
    color: #f26f20;
    z-index: 4;
}

    a.carousel-control:hover {
        color: #f26f20;
    }

.glyphicon-chevron-right:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 70px;
}

.glyphicon-chevron-left:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 70px;
}

.carousel-indicators li {
    background: url('../img/billboard-icon.png') no-repeat;
    height: 22px;
    width: 22px;
    border: none;
    border-radius: 0;
    padding-right: 40px;
}

.carousel-indicators .active {
    background: url('../img/billboard-active.png') no-repeat;
    height: 22px;
    width: 22px;
}

.carousel-indicators {
    bottom: 100px;
}

.content-container {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    z-index: 1;
    top: -220px;
    background: url('../img/UBDC_contentTopArc.png') no-repeat;
    height: auto;
    -ms-background-size: 100%;
    background-size: 100%;
    margin-bottom: -144px;
    overflow: hidden;
}


.content-container-home {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    z-index: 2;
    top: -266px;
    background: url('../img/UBDC_contentTopArc.png') no-repeat;
    height: auto;
    -ms-background-size: 100%;
    background-size: 100%;
    margin-bottom: -210px;
}


@media only screen and (max-width: 1366px) {
    .content-container-home {
        top: -285px;
    }
}

.section.content {
    position: relative;
    top: 80px;
    background-color: #fff;
    padding-bottom: 60px;
}

.content-container-home .section.content {
    padding-bottom: 0;
}

.section.content h1 {
    background: url('../img/UBDC_blueArrrow_forText_LR.png') no-repeat;
    padding: 0 0 0 50px;
    margin: 20px 0 0 0;
    font-size: 32px;
    position: relative;
    top: -11px;
}

.section.content .profile-header h1 {
    background-image: none;
}

.section.content h2 {
    /*Commented out due to h2 arrow issue - UBD-146*/
    /*padding-top: 10px;*/
    /*background: url('../img/UBDC_blueArrrow_forText_LR.png') no-repeat;*/
    /*Commented out due to spacing issue under arrow in case study listing pages*/
    /*padding: 0 0 0 50px;*/
}

/*.section.content p{line-height: 30px;/*cursor: default;*/

.general-content {
    margin: 0;
}

    .general-content img {
        max-width: 100%;
        margin-bottom: 20px;
    }

.section.content .general-content h2 {
    padding-top: 0; /*cursor: default;*/
}

.disabled {
    cursor: default;
}

    .disabled:hover {
        text-decoration: none;
    }

/*learn more panel*/
.home-options {
    width: 100%;
    background: url('../img/gradient-home-options.png') repeat-x bottom;
    border-top: solid 1px #ccc;
    border-bottom: solid 3px #ccc;
    margin-bottom: 20px;
    padding: 40px 0;
    float: left;
    text-align: center;
}

    .home-options a:hover {
        background-color: #f3f7fa;
    }

    .home-options a h3 {
        color: #666;
        font-size: 22px;
    }

a.services {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

@media only screen and (max-width: 550px) {
    .home-options a img {
        width: 100%;
        max-width: 111px;
        height: auto;
    }

    .home-options a h3 {
        font-size: 18px;
        line-height: 25px;
    }
}
/*------------
  END learn more panel*/


/*Side panel*/
.side-right {
    background: url('../img/right-column-splitter.png') repeat-y;
    padding-left: 38px;
    min-height: 570px;
    position: relative;
    top: -30px;
}

.side-left {
    /*background: url('../img/right-column-splitter.png') 100% repeat-y;*/
    min-height: 664px;
    position: relative;
    top: -10px;
    padding: 0;
    right: 0;
}

.latest-info {
    background: url('../img/right-nav-gradient.png') repeat-y;
    padding-left: 20px;
    min-height: 595px;
    margin-left: 0;
}

@media only screen and (max-width: 1199px) {
    .side-left {
        padding: 0 15px;
    }

    .latest-info.row {
        padding: 0;
    }
}

.latest-info .latest {
    width: 100%;
    /*border-bottom: solid 3px #ccc;
    min-height: 278px;*/
}

.latest {
    clear: both;
}

.section.content .latest p {
    font-size: 14px;
    line-height: 17px;
}

.spacer {
    float: left;
    height: 60px;
    width: 100%;
}

.side-left h3 a {
    color: #1d62ae;
    font-size: 24px;
}

/* side navigation */
ul.side-nav, ul.blog-nav {
    padding-left: 0;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    ul.side-nav, ul.blog-nav {
        display: none;
    }
}

ul.side-nav.visible, ul.blog-nav.visible {
    display: block;
}

ul.side-nav::after {
    content: '';
    background: url('../img/UBDC_leftNav_bottomGrad.png') no-repeat bottom right;
    height: 66px;
    display: block;
}

ul.side-nav > li {
    border-bottom: solid 2px #ccc;
    position: relative;
    background: url('../img/left-nav-gradient.png') right repeat-y;
}

ul.side-nav li a {
    font-size: 24px;
    line-height: 60px;
}

ul.side-nav li.condensed {
    border-right: 0;
    background: #fff;
}

    ul.side-nav li.condensed a {
        color: #666;
        text-decoration: none;
    }

    ul.side-nav li.condensed .toggle {
        pointer-events: none;
    }

@media only screen and (max-width: 1199px) {
    ul.side-nav .toggle {
        padding-left: 15px;
        background: white;
    }

    ul.side-nav li ul {
        border-right: 0 !important;
    }
}


ul.side-nav li.open span {
    position: absolute;
    right: -30px;
    top: 0;
    height: 60px;
    width: 90px;
    background: url('../img/nav-arrow.png') no-repeat right;
}

ul.side-nav li ul {
    padding-left: 0;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    background: url('../img/left-nav-gradient.png') right repeat-y;
}

    ul.side-nav li ul li {
        border: none;
        padding: 6px 0;
        /*margin-right: 5%;*/
        position: relative;
        border-bottom: solid 1px #fff;
    }

div#sublink {
    width: 90%;
    display: inline-block;
}

div#subsublink {
    width: 78%;
    display: inline-block;
    text-indent: 0;
}

ul.side-nav li ul li:last-child {
    border-bottom: none;
}

/*ul.side-nav li.open ul li a:before {
    position: relative;
    font-family: FontAwesome;
    font-size: 17px;
    padding: 5px 10px;
    content: "\f105";
    padding-right: 10px;
}*/

ul.side-nav li.condensed ul li:before {
    position: relative;
    font-family: FontAwesome;
    font-size: 17px;
    padding: 5px 10px;
    content: "\f105";
    padding-right: 10px;
    vertical-align: top;
}

ul.side-nav li.condensed ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #1d62ae;
}

    ul.side-nav li.condensed ul li a:hover, ul.side-nav li.open ul li a.active {
        color: #77a1ce;
    }

    ul.side-nav li.condensed ul li a.active {
        color: #666;
    }

ul.side-nav li ul li ul {
    border-top: none;
    border-right: none;
    background: none;
    margin-top: 10px;
}

    ul.side-nav li ul li ul li {
        padding-left: 25px;
    }

/* mobile subnav */
.subnav-toggle {
    display: none;
    width: 100%;
    position: relative;
    text-align: right;
    padding-right: 15px;
}

    .subnav-toggle a {
        border: 0;
        text-decoration: none;
    }

        .subnav-toggle a:after {
            position: relative;
            color: #555;
            font-size: 40px;
            padding: 0 0 0 6px;
            content: "\002B";
            top: 4px;
        }

        .subnav-toggle a.open:after {
            position: relative;
            color: #555;
            font-size: 40px;
            padding: 0 0 0 6px;
            content: "\2212";
            top: 4px;
        }

.mobile-subnav {
    display: none;
    padding: 0 15px 30px 15px;
}

    .mobile-subnav li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid lightgray;
    }

    .mobile-subnav a {
        font-size: 16px;
        line-height: 20px;
        color: #1d62ae;
        width: 100%;
        display: block;
    }

        .mobile-subnav a:hover {
            color: #77a1ce;
        }

@media only screen and (max-width: 1199px) {
    .subnav-toggle {
        display: block;
    }

    ul.breadcrumbs {
        display: none;
    }
}

.latest h3 {
    font-size: 26px;
    width: 100%;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .latest h3.blog {
        background: url('../img/UBDC_blog_icon.png') no-repeat right top;
    }

    .latest h3.twitter {
        background: url('../img/UBDC_twitter_icon.png') no-repeat right top;
        border: 0;
        padding-bottom: 5px;
    }

    .latest h3.eventheader {
        background: url('../img/UBDC_event_icon.png') no-repeat right top;
    }

    .latest h3.rss {
        background: url('../img/UBDC_rss_Icon.png') no-repeat right top;
    }

.latest h4 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
}

.latest a {
    color: #00b3db;
}

.border-bottom {
    border-bottom: solid 3px #ccc;
}

.right-side-bottom {
    border-bottom: solid 3px #ccc;
    width: 100%;
    float: left;
}

.side-right .latest .borders {
    border-bottom: none;
}

/*Illustration CSS removed for their fix*/

/*.illustration {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 67px;
    float: left;
}*/

/*.illustration img {
        width: 30%;
        float: left;
    }*/

/*.illustration.coin {background-image: url('../img/coin-stack.png');}
.illustration.car {background: url('../img/UBDC_transport_icon.png') no-repeat; }
.illustration.house {background: url('../img/UBDC_housing_icon.png') no-repeat;}
.illustration.health {background: url('../img/UBDC_health_icon.png') no-repeat;}
.illustration.education {background: url('../img/UBDC_eucation_icon.png') no-repeat;}
.illustration.management {background: url('../img/UBDC_infoManagement_icon.png') no-repeat;}
.illustration.environment {background: url('../img/UBDC_environment_icon.png') no-repeat;}
.illustration.employment {background: url('../img/UBDC_emplyomentMigration_icon.png') no-repeat;}*/


/*D8 CSS starts*/
.illustration {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 67px;
    float: left;
    display: table;
}

    .illustration img { /* width: 30%; */ /* float: left; */
        max-width: 100px;
    }



    .illustration .icon {
        width: 140px;
        text-align: center;
    }

.latest span.keywords {
    font-size: 20px;
    line-height: 28px; /* width: 70%; */ /* float: right; */
    display: block;
}

/*D8 CSS ended*/


.illustration span {
    color: #00b3db;
}

.latest span.numeric-value {
    font-family: 'Lora', Arial serif;
    font-size: 80px;
    line-height: 80px;
    /*width: 100%;*/
}

ul.latest-details {
    width: 100%;
    margin-top: 20px;
    border-top: solid 1px #ccc;
    margin: 0;
    padding: 5px 0;
}

    ul.latest-details li {
        width: 33.3333%;
        list-style-type: none;
        display: inline;
        padding: 0 2% 0 0;
    }

.listing-credits ul.latest-details li {
    padding: 0 2px 0 0;
}

ul.latest-details li:before {
    position: relative;
    font-family: FontAwesome;
    font-size: 17px;
    color: #00b3db;
    padding-right: 6px;
}

ul.latest-details li.author:before {
    content: "\f007";
}

ul.latest-details li.date:before {
    content: "\f017";
}

ul.latest-details li.comments:before {
    content: "\f075";
}

ul.twitter-options {
    padding: 0;
    margin: 0 0 10px 0;
}

    ul.twitter-options li {
        display: inline;
        list-style-type: none;
        padding-right: 15px;
    }

        ul.twitter-options li a:before {
            position: relative;
            font-family: FontAwesome;
            font-size: 22px;
            color: #00b3db;
        }

        ul.twitter-options li a.reply:before {
            content: "\f112";
        }

        ul.twitter-options li a.retweet:before {
            content: "\f079";
        }

        ul.twitter-options li a.favourite:before {
            content: "\f005";
        }

/*blog menu*/

div.blog-nav-container {
    border-bottom: solid 2px #ccc;
    padding: 0 10px 0 0;
    margin-bottom: 0;
    border-right: solid 2px #ccc;
    background: url('../img/left-nav-gradient.png') right repeat-y;
}

ul.blog-nav {
    max-height: 210px;
    overflow-y: auto;
    padding: 0;
}

    ul.blog-nav::-webkit-scrollbar {
        width: 12px; /* for vertical scrollbars */
        height: 12px; /* for horizontal scrollbars */
        background-color: rgba(219, 221, 222, 1); /* Added in for Chris */
    }

    ul.blog-nav::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    ul.blog-nav::-webkit-scrollbar-thumb {
        background: rgba(134, 181, 219, 1);
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    ul.blog-nav li {
        width: 95%;
        position: relative;
        font-size: 14px;
        padding: 2px 5% 2px 0;
        margin-bottom: 2px;
        border-bottom: solid 1px #ccc;
    }

        ul.blog-nav li:last-child {
            border-bottom: none;
        }

    ul.blog-nav p {
        padding: 8px 0;
    }

    ul.blog-nav li label {
        width: 100%;
        margin: 0 0 2px 0;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
        color: #f26f20;
        cursor: pointer;
    }

        ul.blog-nav li label input[type="checkbox"] {
            float: right;
            width: 15px;
            height: 15px;
            margin-top: 10px;
        }

        ul.blog-nav li label:hover {
            color: #1d62ae;
            background-color: #e8eff6;
        }

        ul.blog-nav li label.active {
            color: #666;
        }


/*partner with us etc*/
.partner {
    width: 100%;
    background-color: #e8eff6;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 20px 0;
    float: left;
    margin: 20px 0 0 0;
}

.section.content .partner p {
    font-size: 13px;
    line-height: 20px;
}

.partner-button {
    margin-left: 0;
    margin-right: 0;
}

.partner a.button {
    text-transform: none;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 2%;
}

/*testimonials etc*/

.testimonial {
    width: 100%;
    border-top: solid 1px #ccc;
    padding: 20px 0;
    float: left;
    margin: 20px 0 60px 0;
}

.side-left .testimonial {
    border-bottom: solid 3px #ccc;
}

.testimonial a {
    color: #00b3db;
}

.testimonial h4 {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

.testimonial p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.testimonial-content {
    width: 100%;
    float: left;
    background: url('../img/gradient-testimonial.png') no-repeat center bottom;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

blockquote:before {
    background: url('../img/UBDC_testimonial_quotes_LR_icon.png') no-repeat;
    position: absolute;
    height: 31px;
    width: 36px;
    top: 0;
}

blockquote {
    border: none;
    font-size: 13px;
    position: relative;
    padding: 38px 0;
}

    blockquote:after {
        background: url('../img/UBDC_testimonial_quotes_RL_icon.png') no-repeat;
        position: absolute;
        height: 31px;
        width: 36px;
        bottom: 0;
        left: 0;
    }

.testimonial-author {
    position: relative;
    left: 50px;
    top: -50px;
    float: left;
}

.section.content .latest.rss p {
    color: #00b3db;
    font-size: 20px;
    line-height: 30px;
}

.rss p a {
    text-decoration: underline;
    color: #00b3db;
}

/*------------
  END side panel*/

/*case studies*/
.case-studies {
    background: url('../img/UBDC_smallDivider.png') no-repeat top center;
    padding-top: 60px;
    margin-bottom: 50px;
    text-align: center;
}

    .case-studies h2 {
        font-size: 32px;
    }

span.arrow-blue-right {
    background: url('../img/UBDC_blueArrrow_forText_RL.png') no-repeat;
    position: absolute;
    margin-left: 30px;
    width: 30px;
    height: 30px;
}

.spotlight {
    border-bottom: solid 3px #ccc;
    background: url('../img/spotlight-gradient.png') no-repeat bottom;
    padding-bottom: 20px;
}

    .spotlight:hover {
        background-color: #f3f7fa;
    }

    .spotlight h3 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 0;
        padding-top: 0;
    }

    .spotlight a {
        color: #666;
    }

        .spotlight a p.section {
            font-size: 14px;
            color: #f26f20;
        }

.stat {
    font-family: 'Lora', Arial serif;
    height: 212px;
    width: 212px;
    border-radius: 50%;
    background: #efeeee url('../img/cross-texture.png');
    text-align: center;
    font-size: 80px;
    line-height: 80px;
}

.headline-wrapper {
    max-width: 1366px;
}


.spotlight .stat {
    padding-top: 32%;
}

/*Content*/

.section.top-image {
    position: relative;
    /*max-width: 1336px;*/
    margin: 0 auto;
    z-index: 1;
    top: -190px;
    max-height: 350px;
}

.section.top-image-fw {
    position: relative;
    /*max-width: 1366px;*/
    margin: 0 auto;
    z-index: 1;
    top: -190px;
    max-height: 696px;
}

#image-texture {
    position: absolute;
    background: url(../img/UBDC_MainBanner_effect2.png);
    top: 0;
    height: 400px;
    width: 100%;
    z-index: 2;
}

.bg-image {
    width: 100%;
    height: 400px;
    -ms-background-size: cover;
    background-size: cover !important;
}

.section.top-image img, .section.top-image-fw img {
    width: 100%;
}

.image-headline {
    position: absolute;
    z-index: 2;
    bottom: 10%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .image-headline .row {
        max-width: 1200px;
        margin: 0 auto;
    }


@media only screen and (max-width: 1199px) {
    .image-headline .row {
        max-width: 1000px;
    }
}

@media only screen and (max-width: 990px) {
    .image-headline .row {
        max-width: 780px;
    }
}






.section.top-image h1, .section.top-image h2 {
    font-size: 44px;
    color: #fff;
}

.main-content h2 {
    background: url('../img/UBDC_blueArrrow_forText_LR.png') top left no-repeat;
    padding: 0 0 0 50px;
    margin: 0;
    font-size: 32px;
    line-height: 42px;
    position: relative;
    padding-top: 0;
    top: -8px;
    margin-bottom: 30px;
}

.main-content .row {
    margin-left: 0;
}

.content-container p {
    font-size: 14px;
    /*Trying to fix line height issue, truncating top of text*/
    /*line-height: 22px !important;*/
}

.content-container .intro {
    font-size: 20px;
    padding-top: 20px;
    line-height: 40px;
}

.main-content {
    background: url('../img/content-gradient.png') no-repeat left top;
    left: 0; /*pull content left 1% to close gap between columns*/
    padding-left: 30px;
}

/*full width layout*/

.full-width {
    text-align: center;
}

.full-width-content span {
    font-size: 13px;
}

.section.content .full-width h1 {
    padding: 0;
    background: none;
    font-size: 30px;
    font-weight: 900;
}

.section.content .full-width h2 {
    padding-top: 0;
    background: none;
}

.section.content .full-width h1 span {
    background: url('../img/UBDC_blueArrrow_forText_RL.png') no-repeat;
    position: absolute;
    width: 30px;
    height: 29px;
    margin-left: 20px;
}

.full-width-content {
    background: url('../img/gradient-form2.png') no-repeat top center;
    padding-top: 50px;
    margin-top: 40px;
    width: 100%;
    float: left;
}

.video-pane {
    background: #f7f7f7 url('../img/gradient-on-tan.png') no-repeat top center;
    margin: 0 0 20px 0;
    padding: 60px 0 40px 0;
}

.share {
    margin-bottom: 40px;
}

.full-width-panels h3 a {
    color: #1d62ae;
}

    .full-width-panels h3 a:hover {
        color: #428bca;
    }

.full-width-panels .testimonial-content {
    padding-bottom: 0;
}

.full-width-panels .partner a.button {
    margin-top: 20px;
}


/*END*/


.image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.image-right {
    float: right;
    margin: 0 0 20px 20px;
}

a.back-link {
    color: #1d62ae;
    margin-bottom: 20px;
}

    a.back-link:before {
        position: relative;
        font-family: FontAwesome;
        font-size: 17px;
        padding-right: 5px;
        color: #1d62ae;
        content: "\f100";
    }


/*Team Stuff*/
li.sub-subnav {
    text-indent: 20px;
}

.profile {
    position: relative;
}

.team {
    width: 100%;
    margin-top: 60px;
    padding-top: 30px;
    margin-bottom: 100px;
    border-top: solid 1px #ccc;
    clear: both;
    float: left;
}

    .team h3 {
        font-size: 32px;
        line-height: 46px;
    }

    .team img {
        margin-top: 20px;
    }

.team-member {
    padding: 0;
    position: relative;
}

.uni-listing {
    padding: 0;
    position: relative;
    padding-bottom: 8%;
    width: 48%;
}

    .team-member a:first-child, .uni-listing a:first-child {
        float: left;
        width: 100%;
        padding: 8px;
    }

.team-member a:hover, .uni-style a:hover, .uni-style a:hover {
    background-color: #e8eff6;
}

/*.team-member a:after, .uni-listing a:after {
    position: absolute;
    font-family: FontAwesome;
    color: #f26f20;
    font-size: 28px;
    content: "\f107";
    top: 360px;
    right: 20px;
}*/

.uni-listing ul li a:after {
    display: none;
}

.uni-style:hover {
    background-color: #e8eff6;
}

.uni-listing:hover:after {
    position: absolute;
    font-family: FontAwesome;
    color: #f26f20;
    font-size: 28px;
    content: "\f107";
    right: 20px;
}

.team-member a:hover:after, .team-member a.active:after {
    position: absolute;
    font-family: FontAwesome;
    color: #f26f20;
    font-size: 28px;
    /* content: "\f106"; */
    top: 460px;
    right: 20px;
    /* HIDE THIS ARROW */
    content: '';
}

.uni-listing a:hover:after, .uni-style a.active:after {
    position: absolute;
    font-family: FontAwesome;
    color: #f26f20;
    font-size: 28px;
    top: 460px;
    right: 20px;
}

.team-member .details, .uni-listing .details {
    float: left;
    /*min-height: 525px;*/
}

.team-member a:hover .details {
    border-bottom: solid 1px #ccc;
}

.team-member h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 20px 0 0 0;
    padding: 0 20px;
}

.team-member h4 {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
}

.team-member a h3, .team-member a h4 {
    color: #666;
}

.team-member img {
    width: 100%;
}

.team-member a.button, .team-member a.close, .uni-listing a.button, .uni-listing a.close {
    float: none;
    width: auto;
    min-height: 60px;
}

    .team-member a.button:after, .team-member a.close:after, .uni-listing a.button:after, .uni-listing a.close:after {
        display: none;
    }

.team-details, .uni-listing-details {
    position: relative;
    width: 200%;
    clear: both;
    padding: 30px;
    border-bottom: solid 3px #ccc;
    margin-bottom: 20px;
    display: none;
    overflow: hidden;
}

.listing-details.research img {
    width: 100%;
}

.uni-listing-details {
    margin-top: 30px;
}

    .uni-listing-details h3 {
        margin-left: 45px;
    }

    .uni-listing-details.uni-left {
        background: url('../img/team-left.png') no-repeat top right;
        left: -100%;
    }

.team-details.team-left {
    background: url('../img/team-left.png') no-repeat top left;
}

.team-details.team-right {
    left: -100%;
    background: url('../img/team-left.png') no-repeat top right;
}

.uni-listing-details.uni-right {
    /*left: -100%;*/
    background: url('../img/team-left.png') no-repeat top left;
    display: block;
}

/*Trying to add a fix for researchers right hand columns*/

.uni-listing-details.uni-left h3 {
    text-align: right;
}

.uni-listing-details.uni-left ul li {
    float: right !important;
    width: 100% !important;
    text-align: right !important;
}

.team-details p, .uni-listing p {
    margin-bottom: 30px;
}

.team-member .team-details a.close, .uni-listing .uni-listing-details a.close {
    float: right;
    opacity: 1;
}

    .team-member .team-details a.close:before, .uni-listing .uni-listing-details a.close:before {
        position: absolute;
        font-family: FontAwesome;
        color: #f26f20;
        font-size: 28px;
        content: "\f106";
    }

.profile-header {
    background: url('../img/UBDC_blueArrrow_forText_LR.png') no-repeat top left;
    padding-top: 40px;
}

section.content .profile-header h1, .section.content .profile-header h2 {
    background: none;
}

.section.content .profile-header h1 {
    padding: 20px 0 0 0;
    margin: 0 0 10px 0;
    top: 0;
    font-size: 24px;
    color: #4f595d;
    border-top: solid 1px #ccc;
}

.section.content .profile-header h2 {
    padding: 0 0 20px 0;
    margin: 0;
    top: 0;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    border-bottom: solid 1px #ccc;
}

.profile-pic {
    width: 100%;
}

@media screen and (max-width: 550px) {
.profile-pic {
    padding: 20px;
}
}

.positions {
    border-bottom: solid 3px #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

    .positions h3, .contact h3 {
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.contact {
    background: url('../img/top2bottom-gradient.png') no-repeat top center;
}

    .contact dl {
        width: 100%;
        margin: 40px 0;
        float: left;
    }

        .contact dl dt {
            width: 30%;
            float: left;
            color: #4f595d;
            margin-bottom: 10px;
        }

        .contact dl dd {
            width: 70%;
            float: left;
            margin-bottom: 10px;
        }

.contourNavigation {
    overflow: auto;
}

    .contourNavigation input[type="submit"] {
        float: right;
        text-align: center;
    }
/*END*/


/*tabs*/

.tab-pane {
    padding: 30px 20px;
}

.main-content .nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
    color: #1d62ae;
    border-radius: 0;
}

    .nav-tabs > li > a:hover {
        color: #428bca;
    }

    .nav-tabs > li > a:hover {
        background-color: transparent;
        border: 1px solid transparent;
    }

.nav-tabs > li.active a {
    background: #fff url('../img/gradient-tab-top.png') top center;
    border-bottom-color: #fff;
}

.main-content .nav-tabs {
    clear: both;
    border-bottom: none;
    background: url('../img/gradient-tab-bottom.png') no-repeat bottom left;
    z-index: 1;
    margin-bottom: 0;
}

/*END*/

/*Events & publications stuff*/

.event, .listing, .listing-full-width {
    color: #666;
    padding: 10px 0;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.event {
    background: url('../img/bottom2top-gradient.png') no-repeat center bottom;
}

.listing-details {
    background: url('../img/bottom2top-gradient.png') no-repeat center bottom;
    -ms-background-size: 100%;
    background-size: 100%;
    border-bottom: solid 1px #ccc;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    position: relative;
    margin-right: 0;
    margin-left: 0;
}

    .listing-details p a, .listing-details p a:hover, .listing-details p a:focus, .uni-listing p a, .uni-listing p a:hover, .uni-listing p a:focus {
        color: #666;
    }

.testimonial-content img {
    max-width: 100%;
}

.publication-download {
    background: url('../img/bottom2top-gradient.png') no-repeat center -189px;
    -ms-background-size: 100%;
    background-size: 100%;
    border-bottom: solid 1px #ccc;
    width: 100%;
    /*padding-top: 35px;*/
}

.download-link {
    float: right;
    background: url('../img/download.gif') no-repeat right;
    padding-right: 35px;
    height: 30px;
    padding-bottom: 2%;
    font-size: 1.4em;
    color: #f26f20;
}

    .download-link a {
        font-size: 17px;
    }

.download-details {
    padding-top: 25px;
    /*background: url('../img/download.gif') no-repeat right bottom;*/
    border-bottom: solid 1px #ccc;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    position: relative;
    margin-right: 0;
    margin-left: 0;
}

.related-projects-details {
    padding-top: 25px;
    border-bottom: solid 1px #ccc;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    position: relative;
    margin-right: 0;
    margin-left: 0;
}


.related-projects img {
    width: 100%;
}

.listing-full-width .listing-details {
    background: none;
}

.listing-details.research {
    border-bottom: solid 3px #ccc;
    border-top: solid 1px #ccc;
    padding-top: 20px;
}

    .listing-details.research .stat {
        padding-top: 12%;
        position: absolute;
        right: 10px;
        top: 10px;
    }

.listing a, .listing-full-width a {
    color: #666;
}

.listing a, .listing span.credit {
    color: #00b3db;
    cursor: pointer;
}

.event:after, .listing-details:after {
    position: absolute;
    font-family: FontAwesome;
    color: #f26f20;
    font-size: 40px;
    content: "\f105";
    right: 10px;
}

.event:after {
    bottom: 0;
}

.listing-details:after {
    bottom: 20px;
}

.listing-details.author:after {
    content: "";
}

.download .listing-details:after {
    content: "";
}

.listing-details:after {
    bottom: 0;
}

.event:hover:after, .listing:hover .listing-details:after, .listing-full-width:hover .listing-details:after {
    color: #4a82be;
}

.listing h4 {
    font-size: 24px;
    line-height: 30px;
}

.event:hover, .listing:hover, .listing-full-width:hover {
    background: #e8eff6;
    color: #666;
}

.download.listing:hover {
    background: transparent;
    color: inherit;
}

.borders {
    border-top: solid 1px #ccc;
    border-bottom: solid 3px #ccc;
    float: left;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

.listing .borders {
    padding: 20px 0 0 0;
}

.main-content .event h2, .main-content .listing h2 {
    background: none;
    padding: 0;
    font-size: 26px;
    line-height: 32px;
    position: relative;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 0;
}

.main-content ul {
    margin: 15px 0;
}

    .main-content ul li {
        list-style-type: disc;
        font-size: 14px;
        line-height: 30px;
        /*margin-bottom: 20px;*/
    }

#expand ul li {
    list-style-type: none;
    line-height: 16px;
    float: left;
    width: 50%;
}

.event .date, .listing div.icon {
    border-right: solid 3px #ccc;
}

    .event .date span.day {
        font-size: 60px;
        line-height: 60px;
        width: 100%;
        float: left;
    }

    .event .date span.month {
        font-size: 30px;
        line-height: 30px;
        width: 100%;
        float: left;
        text-align: center;
    }

.section.content .event-detail h1 {
    top: 0;
}

.event-detail dl {
    width: 80%;
    margin: 40px 10% 20px 10%;
    float: left;
}

    .event-detail dl dt {
        width: 15%;
        float: left;
        color: #4f595d;
        margin-bottom: 10px;
    }

    .event-detail dl dd {
        width: 80%;
        float: left;
        margin-bottom: 10px;
    }

.listing-credits {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    display: table;
    list-style-type: none;
}

    .listing-credits ul {
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
        margin: 0;
        width: auto;
    }

        .listing-credits ul li {
            display: inline;
            list-style-type: none;
            margin-right: 20px;
        }

    .listing-credits p {
        padding: 4px 8px 0 0;
        margin: 0;
        float: left;
    }

        .listing-credits p.comments {
            float: right;
            padding: 2px 0 0 0;
            margin: 10px 0 0 0;
        }

            .listing-credits p.comments a:before {
                position: relative;
                font-family: FontAwesome;
                font-size: 17px;
                color: #00b3db;
                padding-right: 10px;
                content: "\f075";
            }

    .listing-credits > div {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.listing ul.latest-details {
    border: none;
    width: auto;
    padding: 0;
}

.listing ul.social {
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
}

    .listing ul.social li {
        margin-right: 5px;
        padding-right: 0;
    }

        .listing ul.social li a {
            height: 24px;
            width: 24px;
        }

            .listing ul.social li a:before {
                font-size: 12px;
                line-height: 14px;
            }

        .listing ul.social li:last-child a:after {
            border-right: solid 1px #ccc;
        }


a.download {
    float: right;
    color: #f26f20;
    font-size: 18px;
    background: url('../img/UBDC_downloadPDF_icon.png') no-repeat right;
    background-position-y: 0;
    padding-right: 40px;
}

    a.download:hover {
        color: #1d62ae;
        background-position-y: -33px;
    }

.section.content .listing-full-width h2 {
    border-bottom: solid 1px #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding-right: 212px;*/
    background: url('../img/UBDC_blueArrrow_forText_LR.png') no-repeat top left;
    padding-top: 35px;
    font-weight: 800;
}

.listing-full-width p {
    font-size: 16px;
}

.blog-large-img {
    width: 100%;
    margin-bottom: 20px;
}

/*listing icons*/
a.icon {
    height: 67px;
    width: 69px;
    position: relative;
    float: left;
}

    a.icon.car {
        background: url('../img/UBDC_transport_icon.png') no-repeat;
    }

    a.icon.house {
        background: url('../img/UBDC_housing_icon.png') no-repeat;
    }

    a.icon.health {
        background: url('../img/UBDC_health_icon.png') no-repeat;
    }

    a.icon.education {
        background: url('../img/UBDC_eucation_icon.png') no-repeat;
    }

    a.icon.management {
        background: url('../img/UBDC_infoManagement_icon.png') no-repeat;
    }

    a.icon.environment {
        background: url('../img/UBDC_environment_icon.png') no-repeat;
    }

    a.icon.employment {
        background: url('../img/UBDC_emplyomentMigration_icon.png') no-repeat;
    }

/*Added Spans*/
span.icon {
    height: 67px;
    width: 69px;
    position: relative;
    float: left;
}

    span.icon.car {
        background: url('../img/UBDC_transport_icon.png') no-repeat;
    }

    span.icon.house {
        background: url('../img/UBDC_housing_icon.png') no-repeat;
    }

    span.icon.health {
        background: url('../img/UBDC_health_icon.png') no-repeat;
    }

    span.icon.education {
        background: url('../img/UBDC_eucation_icon.png') no-repeat;
    }

    span.icon.management {
        background: url('../img/UBDC_infoManagement_icon.png') no-repeat;
    }

    span.icon.environment {
        background: url('../img/UBDC_environment_icon.png') no-repeat;
    }

    span.icon.employment {
        background: url('../img/UBDC_emplyomentMigration_icon.png') no-repeat;
    }


/*publication menu*/

.publication-menu {
    position: relative;
    margin: 0;
}

    .publication-menu::before {
        content: '';
        background: url('../img/gradient-form.png') no-repeat top center;
        height: 35px;
        display: block;
    }

    .publication-menu::after {
        content: '';
        background: url('../img/gradient-form2.png') no-repeat bottom center;
        height: 35px;
        display: block;
        margin-bottom: 20px;
    }

.publication-ul {
    float: left;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 20px 0;
}

.main-content .publication-ul li {
    width: 33.333%;
    display: inline;
    float: left;
    text-align: center;
    border-right: solid 1px #ccc;
    margin-bottom: 0;
}

.publication-ul li:last-child {
    border-right: none;
}

.publication-ul li a {
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

    .publication-ul li a:after {
        position: absolute;
        font-family: FontAwesome;
        color: #f26f20;
        font-size: 30px;
        padding: 0 0 0 10px;
        content: "\f107";
        top: -4px;
        font-weight: normal;
    }

    .publication-ul li a:hover:after, .publication-ul li a.selected:after {
        content: "\f106";
    }

    .publication-ul li a.selected, .publication-ul li a:hover, .publication-ul li a.selected:hover {
        text-decoration: none;
    }

/*END*/


/*blog*/

ul.paging {
    text-align: center;
}

    ul.paging li {
        display: inline;
    }

        ul.paging li a.prev:before, ul.paging li a.prev_off:before {
            position: relative;
            font-family: FontAwesome;
            color: #f26f20;
            font-size: 26px;
            content: "\f104";
            top: 2px;
            margin-right: 20px;
        }

        ul.paging li a.next:after, ul.paging li a.next_off:after {
            position: relative;
            font-family: FontAwesome;
            color: #f26f20;
            font-size: 26px;
            content: "\f105";
            top: 2px;
            margin-left: 20px;
        }

        ul.paging li a.next_off:after, ul.paging li a.next_off:hover:after, ul.paging li a.prev_off:before, ul.paging li a.prev_off:hover:before, ul.paging li a.active {
            color: #666;
            cursor: default;
        }

        ul.paging li a:hover:before, ul.paging li a:hover:after {
            color: #428bca;
        }

.blog-credits {
    border-top: solid 1px #ccc;
    border-bottom: solid 3px #ccc;
    margin: 0 15px 20px 15px;
    padding: 5px 0;
}

.tab-content .blog-credits {
    margin: 0 0 30px 0;
}

.blog-credits a {
    color: #00b3db;
}

.blog-credits ul.credits {
    padding: 0;
    margin: 0;
    width: auto;
    float: left;
}

    .blog-credits ul.credits.contribute {
        float: right;
    }

        .blog-credits ul.credits.contribute li {
            border-right: solid 1px #ccc;
            padding-right: 20px;
        }

            .blog-credits ul.credits.contribute li:last-child {
                padding-left: 10px;
            }

            .blog-credits ul.credits.contribute li:last-child {
                border-right: none;
            }

    .blog-credits ul.credits li {
        display: inline;
        list-style-type: none;
        padding-right: 10px;
    }

        .blog-credits ul.credits li:before {
            position: relative;
            font-family: FontAwesome;
            font-size: 17px;
            color: #00b3db;
            padding-right: 10px;
        }

        .blog-credits ul.credits li.date:before {
            content: "\f017";
        }

        .blog-credits ul.credits li.author:before {
            content: "\f007";
        }

        .blog-credits ul.credits li:last-child {
            padding-left: 30px;
        }

.blog-credits p.comments, .listing-credits p.comments {
    float: right;
    margin: 10px 0 0 0;
    padding: 0 0 0 18px;
    line-height: 14px;
    border-left: solid 1px #ccc;
}

    .blog-credits p.comments a:before {
        position: relative;
        font-family: FontAwesome;
        font-size: 17px;
        color: #00b3db;
        padding-right: 10px;
        content: "\f075";
    }

.related-blogs {
    /*margin-top: 40px;*/
    float: left;
}

.section.content .related-blogs h2 {
    padding-top: 0;
    margin-top: 0;
}

.related-blogs .listing .borders {
    padding: 10px 0 0 0;
}

/*.related-blogs .listing{
    margin: 0 0 5px 0;
}*/

.section.content .related-blogs p {
    line-height: 26px;
}

.section.content .latest p {
    line-height: 22px;
    clear: both;
    margin-top: 10px;
}

ul.tags {
    padding: 0;
}

    ul.tags li {
        display: inline;
        list-style-type: none;
        margin-right: 4px;
    }

        ul.tags li a {
            font-size: 24px;
            text-decoration: underline;
            color: #2f6e95;
        }

            ul.tags li a:after {
                content: ",";
            }

        ul.tags li:last-child a:after {
            content: "";
        }

        ul.tags li a:hover {
            color: #00b3db;
            text-decoration: none;
        }

/*projects*/
.projects {
    float: left;
    width: 100%;
    background: url('../img/gradient-form.png') no-repeat top center;
    padding-top: 60px;
    margin-top: 20px;
}

    .projects h3 {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

.project h4 {
    font-size: 24px;
}

.project {
    background: url('../img/bottom2top-gradient.png') no-repeat center bottom;
    border-top: solid 1px #ccc;
    border-bottom: solid 3px #ccc;
    width: 100%;
    float: left;
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
    margin: 0 0 30px 0;
    color: #666;
}

    .project:hover {
        background: #e8eff6;
    }

        .project:hover p {
            color: #666;
        }

    .project:after {
        position: absolute;
        font-family: FontAwesome;
        color: #f26f20;
        font-size: 40px;
        content: "\f105";
        bottom: 10px;
        right: 10px;
    }

    .project:hover:after {
        color: #1d62ae;
    }

/*map*/
#map {
    width: 100%;
    height: 372px;
    margin-bottom: 40px;
}
/*END*/


/*resource*/

.resource {
    padding-top: 35px;
    background: url('../img/gradient-form.png') no-repeat top center;
    margin-bottom: 20px;
    float: left;
}

    .resource p:first-child {
        border-top: solid 1px #ccc;
        padding-top: 20px;
    }

/*form styles*/

.section.content form {
    background: url('../img/gradient-form.png') no-repeat top center;
    margin-top: 20px;
    margin-bottom: 60px;
    padding-top: 50px;
    clear: both;
}

    .section.content form h3 {
        margin-bottom: 20px;
    }

    .section.content form label {
        font-weight: normal;
    }

    .section.content form input[type="text"], .section.content form input[type="email"], .section.content form input[type="password"], .section.content form textarea {
        border-radius: 0;
        background: url('../img/form-input.png') repeat-x top center;
    }

    .section.content form textarea {
        width: 100%;
        height: 150px;
    }

    .section.content form button {
        float: right;
    }

    .section.content form label span {
        color: #da4598;
        padding-left: 2px;
    }

.parsley-errors-list.filled {
    color: #f17021;
    position: absolute;
    top: -32px;
    width: 100%;
}

/*END*/


/*footer styles*/

.site-footer {
    background: #f7f7f7 url('../img/gradient-on-tan.png') no-repeat top center;
    position: relative;
    margin-top: 2%;
}

.footer-events {
    background: url('../img/texture-footer-events.png');
    border-bottom: solid 3px #ccc;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

.event-title {
    background: url('../img/event-footer-icon.png') no-repeat;
    position: relative;
    height: 96px;
    top: -40px;
    padding-left: 100px;
    z-index: 2;
}

.footer-events h4 {
    font-size: 32px;
    padding-top: 52px;
    padding-left: 10px;
}


    .footer-events h4:after {
        position: relative;
        font-family: FontAwesome;
        font-size: 32px;
        color: #f26f20;
        padding-left: 26px;
        content: "\f107";
    }



@media only screen and (max-width: 640px) {
    .footer-events h4 {
        padding-top: 40px;
        padding-left: 0;
        font-size: 20px;
    }

        .footer-events h4:after {
            content: '';
        }
}

.footer-event {
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    padding: 20px 0;
    float: left;
    width: 100%;
}

    .footer-event .date {
        width: 30%;
        float: left;
        border-right: solid 1px #fff;
        color: #f26f20;
    }

        .footer-event .date span.day {
            font-size: 69px;
            line-height: 70px;
            float: left;
            width: 100%;
        }

        .footer-event .date span.month {
            font-size: 32px;
            line-height: 32px;
            margin-left: 10px;
            float: left;
            width: 100%;
        }

    .footer-event p {
        width: 65%;
        float: right;
        margin-top: 4%;
    }

/*styles if only one event*/
.col-md-12 .footer-event p {
    margin-top: 2%;
}

.col-md-12 .footer-event .date {
    text-align: center;
}

    .col-md-12 .footer-event .date span.month {
        margin-left: 0;
    }

.footer-event p a {
    color: #666;
}

.view-all-events {
    position: relative;
    text-align: center;
    top: 40px;
}

.logos {
    padding-top: 75px;
    margin-bottom: 25px;
}

ul.footer-logos {
    padding-left: 0;
    float: left;
    text-align: center;
    width: 100%;
}

    ul.footer-logos li {
        list-style-type: none;
        display: inline;
        width: auto;
    }

        ul.footer-logos li img {
            padding: 0 20px;
        }

        ul.footer-logos li:first-child img {
            padding-left: 0;
        }

        ul.footer-logos li:last-child img {
            padding-right: 0;
        }

ul.add-border {
    border-left: solid 2px #ccc;
    padding-left: 40px;
}

    ul.add-border li {
        padding-right: 8%;
        float: left;
        margin-bottom: 20px;
        min-height: 50px;
        width: 33.33333%;
    }

.row.sign-up {
    background: #f7f7f7 url('../img/UBDC_footerTop.png') no-repeat center;
    height: 161px;
    position: relative;
}

/*footer sign up form*/

.site-footer form {
    position: relative;
    float: left;
    top: 51px;
    width: 100%;
}

    .site-footer form h5 {
        font-size: 18px;
        color: #fff;
        padding-top: 3%;
    }

    .site-footer form label {
        background-color: #3f474a;
        color: #fff;
        padding: 6px 10px 6px 12px;
        font-size: 16px;
        font-weight: normal;
        border-radius: 6px 0 0 6px;
        height: 40px;
        float: left;
    }

        .site-footer form label:before {
            position: relative;
            font-family: FontAwesome;
            font-size: 20px;
            color: #fff;
            padding-right: 6px;
        }

        .site-footer form label.name:before {
            content: "\f007";
        }

        .site-footer form label.email:before {
            content: "\f003";
        }

    .site-footer form input[type="text"], .site-footer form input[type="email"] {
        height: 40px;
        width: 230px;
        border-radius: 0 6px 6px 0;
        margin-right: 20px;
        border: none;
        float: left;
        padding: 6px;
        outline: none;
    }

        .site-footer form input[type="text"]:focus, .site-footer form input[type="email"]:focus {
            border: solid 1px #ed4848;
            border-radius: 4px;
            padding: 6px;
        }

    .site-footer form .form-row {
        padding-left: 0;
        padding-right: 0;
    }

.site-footer .button-radius {
    position: relative;
    top: -72px;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #30618e;
    border: solid 26px #505a5e;
}

.site-footer form input[type="submit"] {
    background: none;
    background-color: #f17021;
    position: absolute;
    top: 53px;
    left: 20px;
}

    .site-footer form input[type="submit"]:hover {
        background: none;
        background-color: #efece6;
    }

.mce_inline_error {
    color: #f17021;
    font-weight: bold;
}
/*----------------
 END footer sign up form*/

.row.base-footer {
    background: #5b6770 url('../img/UBDC_footerTexture_Repeater.png') repeat;
    padding: 50px 0;
    color: #fff;
}

/*footer list nav links*/

.footer-nav-section {
    margin: 10px 0 70px 0;
}

ul.footer-nav {
    padding-left: 0;
    width: 20%;
    float: left;
    margin-top: 30px;
}

    ul.footer-nav li:first-child {
        margin-bottom: 26px;
    }

    ul.footer-nav li {
        margin-bottom: 20px;
    }

        ul.footer-nav li:first-child a {
            font-size: 16px;
        }

        ul.footer-nav li a {
            color: #fff;
            font-size: 14px;
        }
/*END footer list nav links*/


.row.base-footer p {
    font-size: 14px;
    text-align: right;
}

/*base footer links*/
ul.footer-links {
    padding-left: 0;
}

    ul.footer-links li {
        display: inline;
        border-right: solid 1px #fff;
        padding: 0 10px;
    }

        ul.footer-links li:last-child {
            border-right: none;
        }

        ul.footer-links li a {
            color: #fff;
            font-size: 14px;
        }
/*END base footer links*/





/*@media only screen and (max-width: 1373px) {
    .main-logo{ left: -4%;}
    .add-logo{ right: -4%;top: 15px;}
}

@media only screen and (max-width: 1280px) {
    .main-logo{ left: -2%;}
    .add-logo{ right: -2%;}
}

@media only screen and (max-width: 1280px) {
    .main-logo{ left: 0;}
    .add-logo{ right: 0;}
}*/

.vertical-center-parent {
    display: table;
    height: 400px;
    width: 37%;
}

.vertical-center-parent-sm {
    display: table;
    height: 85px;
}

.vertical-center {
    display: table-cell;
    vertical-align: middle;
}



@media only screen and (max-width: 1366px) {
    .main-logo, .add-logo {
        display: none;
    }

    .tablet-logo, .tablet-add-logo {
        display: block;
    }

    .mobile-logo, .mobile-add-logo {
        display: none;
    }
}


@media only screen and (max-width: 1350px) {
    .tablet-logo {
        width: 18%;
    }

    .tablet-add-logo {
        width: 10%;
    }
}


@media only screen and (max-width: 1300px) {
    /*header*/
    ul.main-nav {
        margin: 0;
        font-size: 14px;
    }

        ul.main-nav li a.dropdown {
            padding-right: 6px;
        }

    /*home*/
    .carousel-caption {
        left: 20%;
        top: 170px;
    }


    .arrow {
        margin-top: 29px;
    }

    .vertical-center-parent {
        width: 60%;
    }
}




@media only screen and (max-width: 1199px) {
    /*.ipad-nav { display: block!important;}*/

    .main-content {
        left: 0;
        /*margin-bottom: 50px;*/
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

        .main-content .row {
            margin-left: 0;
            margin-right: 0;
        }

    .row.general-content::before {
        margin-top: 12px;
    }

    .row.general-content.research {
        margin: 0;
    }




    /*header*/
    ul.main-nav {
        margin: 0;
        font-size: 12px;
    }

        ul.main-nav li a.dropdown:after {
            font-size: 24px;
            top: 2px;
            padding: 0 0 0 6px;
        }

        ul.main-nav li a.dropdown:hover:after, ul.main-nav li a.dropdown.selected:after {
            font-size: 24px;
            top: 2px;
            padding: 0 0 0 6px;
        }

        ul.main-nav li {
            padding: 0;
        }

    .main-logo {
        left: -4%;
        overflow: hidden;
        width: 28%;
    }

    .add-logo {
        right: -2%;
        top: 0;
        overflow: hidden;
        width: 23%;
        position: absolute;
        z-index: 0;
    }

    div.blog-nav-container {
        /*border-right-width: 0;
        background: url('../img/left-nav-gradient.png') right repeat-y;
        padding: 10px 0;*/
        display: none;
    }

    .blog-nav-container p {
        cursor: pointer;
        margin: 0;
        position: relative;
    }

        .blog-nav-container p:before {
            content: url(../img/UBDC-up.png);
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            height: 100%;
            position: absolute;
            width: 19px;
            height: 11px;
            top: 8px;
            right: 1.8%;
            pointer-events: none;
        }

        .blog-nav-container p.open:before {
            content: url(../img/UBDC-down.png);
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            position: absolute;
            width: 19px;
            height: 11px;
            top: 8px;
            right: 1.8%;
            pointer-events: none;
        }

    ul.blog-nav {
        max-height: none;
        overflow: visible;
        display: none;
    }

        ul.blog-nav li {
            width: 100%;
            padding: 2px 0;
        }

            ul.blog-nav li:last-child {
                margin-bottom: -16px;
            }

            ul.blog-nav li label {
                width: 98%;
            }

    .general-content .listing.row {
        margin: 0 -15px 20px;
    }

    .team {
        margin-bottom: 10px;
    }

    .team-member .details {
        width: 100%;
    }

    /*side column*/
    .side-right {
        top: 0;
        background: none;
        padding-left: 0;
    }

    .side-left {
        min-height: inherit;
        top: 0; /*margin-top: 30px;*/
        background: none;
        clear: both; /*margin-bottom: 30px;*/
    }

        .side-left ul.breadcrumbs {
            border-right: 0;
            padding-top: 15px;
            padding-left: 15px;
        }

    .blog-credits {
        margin: 0 0 20px 0;
    }

    .latest h3.twitter {
        padding-bottom: 0;
        margin-top: 30px;
    }

    ul.twitter-options {
        padding-top: 5px;
        border-top: 1px solid #ccc;
    }

    .right-side-bottom {
        display: none;
    }

    .spacer {
        height: 10px;
    }

    .testimonial {
        margin: 20px 0;
    }
    /*team*/
    .team-member a:after, .team-member a:hover:after, .team-member a.active:after {
        top: 665px;
    }

    /*events*/
    .event .date span.month {
        text-align: left;
    }

    /*footer*/
    ul.add-border li {
        width: 33.3333333333%;
        padding: 0;
    }

    .site-footer form input[type="text"], .site-footer form input[type="email"] {
        width: 150px;
    }

    .site-footer form h5 {
        text-align: center;
        padding-bottom: 20px;
    }

    .site-footer {
        margin-top: -170px;
    }

    .footer-events {
        padding-top: 62px;
    }

    ul.footer-logos {
        border-left: 0;
        padding: 0;
        padding-top: 30px;
    }

        ul.footer-logos.add-border li a {
            margin: 0 auto;
            text-align: center;
        }

    .row.sign-up {
        background: none;
        background-color: #505a5e;
        padding: 30px 0 50px;
        height: auto;
    }

    .site-footer form {
        text-align: center;
        top: 0;
    }

        .site-footer form h5 {
            font-size: 16px;
            margin-top: 0;
            padding-top: 0;
        }

        .site-footer form label {
            width: 20%;
        }

        .site-footer form input[type="text"], .site-footer form input[type="email"] {
            width: 75%;
            margin-right: 0;
        }

    .site-footer .button-radius {
        border: none;
        background-color: transparent;
        height: auto;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        top: 0;
    }

    .site-footer form input[type="submit"] {
        top: 0;
        left: 0;
        position: relative;
    }

    .sm-form-row {
        margin-bottom: 10px;
        width: 100%;
        float: left;
        margin-left: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .side-right {
        min-height: 0;
    }

    .latest-info {
        min-height: 0;
    }

    .side-left .col-md-11 {
        display: none;
    }
    /* hides LHS components so they don't appear above main content */

    .blogListing .listing:first-child .borders {
        border-top: 0;
    }

    .paging {
        padding: 0;
    }
}


@media only screen and (max-width: 1033px) {
    /*home*/
    /*.section.banner{ top: -128px;}*/
    .tablet-logo {
        width: 20%;
    }

    .tablet-add-logo {
        width: 12%;
    }

    .spotlight .stat {
        padding-top: 13%;
        margin: 0 auto;
    }
}


@media only screen and (max-width: 991px) {
    /*header*/
    .header-container {
        overflow: hidden;
        background: white;
        padding: 0;
    }

    .site-header {
        background: white;
        padding-bottom: 15vw;
    }

        .site-header ul.social {
            display: none;
        }

    .mobile-button {
        display: block;
    }

    ul.main-nav {
        display: none;
        background-color: #fff;
        z-index: 1;
    }

    .tablet-logo, .tablet-add-logo {
        display: none;
    }

    .mobile-logo, .mobile-add-logo {
        display: block;
    }

    /*nav*/
    .mob-menu {
        float: left;
        width: 100%;
    }

    ul.main-nav li {
        width: 100%;
        display: block;
        text-align: center;
        padding: 8px 0;
        font-size: 16px;
        border-bottom: solid 1px #749ecd;
    }

        ul.main-nav li a.dropdown:hover:after, ul.main-nav li a.dropdown.selected:after {
            font-size: 24px;
        }

        ul.main-nav li:last-child {
            padding: 8px 0;
        }

    .dropdown-menu {
        position: relative;
        width: 100%;
        left: 0;
        padding: 0;
        margin-top: 8px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .dropdown-menu ul {
            width: 100% !important;
            background: none;
            padding: 0;
            margin: 0;
        }

            .dropdown-menu ul li {
                display: none;
            }

                .dropdown-menu ul li:first-child {
                    display: block;
                    font-size: 13px;
                    padding-bottom: 8px;
                    margin-bottom: 0;
                }

    .row .mob-menu .col-sm-12 {
        background: white;
    }
    /*END nav*/


    /*home*/
    .section.banner {
        top: -108px;
    }

    .carousel-caption {
        top: 125px;
    }

    .spotlight .stat {
        padding-top: 26%;
    }

    .section.top-image h1, .section.top-image h2 {
        font-size: 38px;
    }

    /*team*/
    .team-member a:after, .team-member a:hover:after, .team-member a.active:after {
        top: 520px;
    }

    /*case studies*/
    .listing-details.research .stat {
        padding-top: 9%;
        top: 70px;
    }

    .stat {
        height: 176px;
        width: 176px;
        font-size: 68px;
        line-height: 68px;
    }

    .profile-header {
        margin-top: 15px;
    }

    /*side panel*/
    .side-right {
        background: none;
        top: 0;
        padding-left: 0;
    }

    /*footer*/
    .footer-event {
        border-bottom: none;
        width: 100%;
    }
    /*footer form*/
    .site-footer form {
        top: 15px;
    }

        .site-footer form input[type="text"], .site-footer form input[type="email"] {
            width: 70%;
        }

    ul.footer-nav {
        width: 40%;
        margin: 5px 0 5px 10%;
    }

        ul.footer-nav li:first-child {
            display: block; /*margin-bottom: 0;*/
        }
    /*ul.footer-nav li{ display: none;}*/
    ul.footer-links {
        text-align: center;
    }

    .row.base-footer p {
        text-align: center;
    }

    ul.footer-social {
        margin-top: 0;
    }

    .logo-separator {
        background-color: #ccc;
        float: left;
        height: 2px;
        width: 30%;
        margin: 20px 35% 30px 35%;
    }

    ul.add-border {
        border-left: none;
    }

    ul.footer-logos {
        float: none;
    }

    .share h3 {
        text-align: center;
    }

    .main-content .listing-details.row, .main-content .listing-credits.row {
        margin-left: 0;
    }

    .listing-details .col-md-3 {
        text-align: center;
        margin-bottom: 30px;
    }
}


@media only screen and (max-width: 1276px) {
    .section.top-image {
        /*top: -164px;*/
        top: -150px;
        max-height: 320px;
        overflow: hidden;
    }

    .image-headline {
        bottom: 30%;
    }
}


@media only screen and (max-width: 870px) {
    /*carousel*/
    .section.banner {
        top: -65px;
    }

    .content-container-home {
        top: -460px;
    }

    .carousel-caption {
        top: -20px;
    }

        .carousel-caption p {
            display: none;
        }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        top: 24%;
    }

    .carousel-caption .button {
        font-size: 10px;
    }

    .section.top-image h1, .section.top-image h2 {
        font-size: 32px;
    }

    .content-container-home {
        margin-bottom: -390px;
    }

    .site-footer {
        margin-top: -285px;
    }

    .paging {
        padding: 0 0 40px 0;
    }

    .vertical-center-parent {
        display: table;
        /*height: 400px;
        width: 60%;*/
    }

    .vertical-center {
        display: table-cell;
        vertical-align: middle;
    }
}


@media only screen and (max-width: 768px) {
    /*side panel*/
    .latest h3.twitter {
        background: url('../img/UBDC_twitter_icon.png') no-repeat right center;
    }

    .side-right {
        top: 0;
    }
    /*.site-header{ padding-bottom: 20%;}*/


    /*home*/
    a.services {
        border-left: none;
        border-right: none;
    }

    /*team*/
    .team-member a:after, .team-member a:hover:after, .team-member a.active:after {
        display: none;
    }

    /*case studies*/
    .stat {
        margin: 0 auto; /* padding-top: 10%; */
        display: none;
    }

    .spotlight {
        text-align: center;
    }

        .spotlight a p.section {
            margin-top: 20px;
        }

    span.arrow-blue-right {
        background: none;
    }

    .spotlight .stat {
        display: block;
        /*Editing from 9% to 25%*/
        padding-top: 25%;
    }

    .event .date {
        border-right: none;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

        .event .date span.day {
            font-size: 30px;
            line-height: 30px;
            width: auto;
            margin-right: 10px;
        }

        .event .date span.month {
            width: auto;
        }

    /*footer*/
    ul.add-border li {
        width: 46%;
    }

    ul.footer-logos {
        float: left;
        width: 100%;
    }

        ul.footer-logos li {
            /*float: left;*/
            width: 50%;
            padding-right: 0;
            text-align: center;
        }

            ul.footer-logos li img {
                margin-bottom: 20px;
            }

        ul.footer-logos.add-border {
            padding-top: 10px;
        }

            ul.footer-logos.add-border li {
                float: left;
                width: 50%;
                padding-right: 0;
            }

    .listing-credits div {
        padding-bottom: 10px;
    }

        .listing-credits div:first-child {
            padding-bottom: 0;
        }

    /*Trying a fix for large white space beneath ubdc spotlight section*/
    .slick-slider {
        margin-bottom: 0px !important;
    }
}


@media only screen and (max-width: 600px) {
    .section.banner {
        top: -80px;
    }

    ul.footer-logos {
        padding-top: 50px;
    }

        ul.footer-logos li img {
            margin-bottom: 40px;
        }
}


@media only screen and (max-width: 600px) {
    /*.team-details.team-right, .uni-listing-details.uni-right{ left: 0;}
    .team-details, .uni-listing-details{ width: 100%;}*/

    /*header*/
    ul.footer-logos li {
        width: 100%;
        margin-bottom: 8%;
    }

    ul.footer-logos.add-border li {
        width: 50%;
        margin-bottom: 0;
    }

    .logo-separator {
        margin: 0 35% 30px 35%;
    }
}


@media only screen and (max-width: 550px) {
    /*master*/
    .mob-menu {
        padding-left: 0;
        padding-right: 0;
    }

    .header-container {
        overflow: hidden;
        border-bottom: 2px solid lightgray;
    }

    .tablet-logo, .tablet-add-logo {
        display: none;
    }

    .mobile-logo {
        top: 3vw;
        left: 3vw;
        height: 19vw;
    }

    .mobile-add-logo {
        left: 33vw;
        top: 9vw;
        height: 8vw;
    }

    .mobile-button {
        top: 9.5vw;
        right: 9vw;
        width: 5.5vw;
        height: 4.5vw;
    }

    .site-header {
        height: auto;
        padding-bottom: 25vw;
    }

    .logos {
        padding-top: 0;
    }


    .team-member .details {
        min-height: 365px;
    }

    .section.content {
        top: 0;
        padding-bottom: 0;
    }

    .content-container {
        top: 0;
        margin-bottom: 0;
        overflow: hidden;
    }

    .content-container-home {
        top: 0;
        padding-top: 30px;
        margin-top: 0;
        background: white;
        margin-bottom: 0;
        border-top: none;
    }

    .section.top-image-fw {
        top: 7px;
        padding: 25px 0 25px 0;
    }

    .section.top-image h1 {
        font-size: 7vw;
        margin: auto;
    }

    .site-footer {
        margin-top: 0;
        overflow: hidden;
    }

    .uni-listing {
        width: 100%;
    }

    .uni-listing-details h3 {
        margin-left: 0;
    }

    .uni-listing img {
        max-width: 80%;
        max-height: 160px;
        height: auto;
    }

    .image-right {
        float: left;
        margin: 0 0 20px 0;
        width: 100%;
        overflow: hidden;
    }

    .image-left {
        margin: 0 0 20px 0;
        width: 100%;
        overflow: hidden;
    }


    /*top image*/
    .section.top-image {
        max-height: 130px;
        top: 0;
    }

    #image-texture, .bg-image {
        height: 130px;
    }

    .image-headline {
        top: 20%;
    }

    /* top banner */
    .section.banner {
        top: 0;
    }

    #banner-texture {
        height: 100%;
    }

    .carousel-inner {
        height: 300px;
    }

        .carousel-inner .item {
            height: 300px;
        }

            .carousel-inner .item img {
                top: 0;
                width: 100%;
                height: auto;
            }

    .carousel-indicators {
        display: none;
    }

    .carousel-caption {
        top: -33px;
        right: 20%;
        padding-left: 0;
    }

        .carousel-caption .arrow {
            display: none;
        }

        .carousel-caption h2 {
            line-height: 30px;
        }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 36%;
    }

    /* main content */
    .main-content {
        float: none;
    }

        .main-content h2 {
            font-size: 26px;
        }

        .main-content.event-detail ul {
            padding: inherit;
        }

        .main-content .uni-listing-details ul {
            padding: 0;
        }

    #expand ul li {
        width: 100%;
    }

    .main-content p img {
        max-width: 100%;
    }

    h2 {
        font-size: 20px;
    }
    /*side panel*/

    .spotlight .stat {
        padding-top: 12%;
    }

    .event-detail dl dt {
        width: 20%;
    }

    .main-content {
        float: none;
        background: none;
    }

        .main-content h2 {
            margin-top: 30px;
            margin-bottom: 20px;
        }

    .blog-credits {
        margin: 0 0 20px 0;
        border-top: none;
    }

        .blog-credits ul.credits {
            width: 100%;
            float: left;
        }

            .blog-credits ul.credits li:last-child {
                padding-left: 0;
            }

            .blog-credits ul.credits li {
                padding-right: 20px;
            }

        .blog-credits p.comments {
            float: left;
            width: 100%;
            padding: 0;
            border-left: none;
            margin: 10px 0 8px 0;
        }

    .section.content form {
        background: none;
        margin-top: 0;
        padding-top: 0;
    }

    #contour input.text, #contour textarea, .contour .contourPage input.text, .contour .contourPage textarea {
        width: 100% !important;
    }

    .tab-pane {
        padding: 10px 0 0 0;
    }

    .borders {
        border-top: none;
    }

    .latest-tweet .borders {
        border-top: solid 1px #ccc;
    }

    .tab-content .row {
        margin-right: 0;
        margin-left: 0;
    }

    .event {
        padding-bottom: 20px;
        width: 100%;
    }

        .event:after, .listing-details:after {
            bottom: 0px;
        }

    .spacer {
        height: 20px;
    }

    .illustration span.numeric-value {
        font-size: 60px;
    }

    .latest h3 {
        font-size: 20px;
    }

    blockquote {
        margin-top: 10px;
    }

    .section.content h1 {
        font-size: 26px;
    }

    /*Researchers Logos - Added by CJ*/

    .uni-listing-details.uni-left {
        background: url('../img/team-right.png') no-repeat top right;
    }

    .uni-listing-details.uni-right {
        width: 100%;
    }


    /*footer*/
    .footer-nav-section img {
        width: 100%;
    }

    .site-footer form label {
        width: auto;
    }

    .site-footer form input[type="text"], .site-footer form input[type="email"] {
        width: 60%;
    }

    ul.footer-nav {
        margin-left: 0;
        width: 50%;
    }
    /*ul.footer-nav li:first-child a{font-size: 14px;}*/

    /*Blog icons and data*/
    .blog-credits.col-md-12.clearfix {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .blog-credits p.comments, .listing-credits p.comments {
        /*clear: both;*/
        float: left;
        border: 0;
        margin: 10px 10px;
        padding: 0;
    }
}

@media only screen and (max-width: 450px) {
    ul.footer-logos.add-border li {
        width: 100%;
        text-align: center;
        margin-bottom: 6%;
        padding-top: 5%;
    }
}

@media only screen and (max-width: 410px) {
    /*header*/

    p {
        font-size: 13px;
        line-height: 24px;
    }

    .spotlight .stat {
        padding-top: 18%;
    }

    .event-detail dl dt {
        width: 30%;
    }

    .event-detail dl dd {
        width: 70%;
    }

    .team-member .details {
        min-height: 345px;
    }

    .main-content .nav-tabs {
        background: none;
    }

    .main-content ul li {
        width: 100%;
    }

    .nav-tabs > li.active a {
        background: none;
        border-bottom-color: #ccc;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: none;
        border-bottom: solid 1px #ccc;
    }

    .nav-tabs > li > a {
        border-bottom: solid 1px #ccc;
    }

    .blog-credits ul.credits.contribute li {
        border-right: none;
    }

    /*footer*/
    .footer-nav-section img {
        width: 200%;
    }

    ul.footer-nav {
        width: 100%;
        text-align: center;
    }

    .footer-events h4 {
        font-size: 20px;
    }

    .footer-event .date span.day {
        font-size: 50px;
    }

    .footer-event .date span.month {
        margin-left: 0;
    }

    /* Trying to fix issue with spacing */
    div#sublink {
        width: 80%;
        /* text-indent: 23px; */
        display: inline-block;
    }

    ul.side-nav li.open ul li:before {
        width: 10%;
    }
    /*End*/
    #glasimg {
        padding-left: 0 !important;
    }

    .sm-form-row {
        width: 90vw;
        margin-left: 5vw;
        padding: 0;
    }

    .site-footer form label {
        width: 35%;
    }

    .site-footer form input[type='text'],
    .site-footer form input[type="email"] {
        width: 65%;
    }
}

@media only screen and (max-width: 350px) {
    .share {
        padding-top: 20px;
    }

    ul.social li.share-title {
        float: left;
        clear: both;
    }

    .spotlight .stat {
        padding-top: 24%;
    }

    .team-member .details {
        min-height: 300px;
    }

    .listing-credits p.comments {
        float: left;
        padding: 0 0 0 0;
        border-left: none;
        margin: 9px 5px 10px 7px;
    }
}

@media only screen and (max-width: 300px) {
    /*footer*/
    .footer-nav-section img {
        width: 300%;
    }

    .site-footer form label {
        font-size: 12px;
        padding: 4px 6px 4px 8px;
        height: 30px;
    }

        .site-footer form label:before {
            font-size: 16px;
        }

    .site-footer form input[type="text"], .site-footer form input[type="email"] {
        height: 30px;
        padding: 0;
        font-size: 12px;
    }

        .site-footer form input[type="text"]:focus, .site-footer form input[type="email"]:focus {
            border-radius: 0 6px 6px 0;
        }
}


.accordion {
    position: relative;
    overflow: auto;
}

    .accordion h3 {
        margin: 0;
        position: relative;
        padding-right: 24px;
    }

    .accordion dt {
        cursor: pointer;
        margin-top: 1.25em;
        padding: 1em 30px;
        border: 2px solid #1d62ae;
        position: relative;
    }

        .accordion dt:after {
            position: absolute;
            font-family: FontAwesome;
            color: #f26f20;
            font-size: 30px;
            content: "\f107";
            top: 16%;
            right: 5%;
        }

    .accordion dd {
        display: none;
        overflow: hidden;
        position: relative;
        border-bottom: 2px solid #1d62ae;
    }

        .accordion dd div {
            border: 2px solid #1d62ae;
            border-top: none;
            border-bottom: none;
            padding: 2.5em 4.5977011%;
        }

    .accordion .active {
        margin-bottom: 0;
    }

        .accordion .active:after {
            color: #1d62ae;
            content: "\f106";
        }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -0.05em;
        content: "";
    }

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}

    .remodal-overlay.remodal-is-opening,
    .remodal-overlay.remodal-is-closing {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .remodal-overlay.remodal-is-opening {
        -webkit-animation-name: remodal-overlay-opening-keyframes;
        animation-name: remodal-overlay-opening-keyframes;
    }

    .remodal-overlay.remodal-is-closing {
        -webkit-animation-name: remodal-overlay-closing-keyframes;
        animation-name: remodal-overlay-closing-keyframes;
    }

/* Default theme styles of the wrapper */

.remodal-wrapper {
    padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

    .remodal.remodal-is-opening,
    .remodal.remodal-is-closing {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .remodal.remodal-is-opening {
        -webkit-animation-name: remodal-opening-keyframes;
        animation-name: remodal-opening-keyframes;
    }

    .remodal.remodal-is-closing {
        -webkit-animation-name: remodal-closing-keyframes;
        animation-name: remodal-closing-keyframes;
    }

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}

    .remodal-close:hover,
    .remodal-close:focus {
        color: #2b2e38;
    }

    .remodal-close:before {
        font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
        font-size: 25px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 35px;
        content: "\00d7";
        text-align: center;
    }

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #f26f20;
}

    .remodal-confirm:hover,
    .remodal-confirm:focus {
        background: #f26f20;
    }

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

    .remodal-cancel:hover,
    .remodal-cancel:focus {
        background: #ef5350;
    }

    /* Remove inner padding and border in Firefox 4+ for the button tag. */

    .remodal-confirm::-moz-focus-inner,
    .remodal-cancel::-moz-focus-inner,
    .remodal-close::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .hamburger:hover {
        opacity: 0.7;
    }

.hamburger-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 36px;
        height: 4px;
        background-color: #555;
        border-radius: 0;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block;
        }

        .hamburger-inner::before {
            top: -10px;
        }

        .hamburger-inner::after {
            bottom: -10px;
        }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.1s 0.14s ease, opacity 0.1s ease;
    }

    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease, opacity 0.1s 0.14s ease;
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    }


.marc {
    border: 1px solid red;
}

/* bug fixes 13 / 10 / 16 */

#siteSearchForm {
    margin-top: -35px;
}

.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span {
    /*z-index: 2;*/
    position: relative;
}

.site-header #siteSearchForm {
    margin: 0;
    float: left;
    margin-left: 36em;
    margin-top: 14px;
    display: inline-block;
    top: -100px;
    position: relative;
    left: -13px;
}

@media only screen and (max-width: 400px) {
    .site-header #siteSearchForm {
        margin-left: 35.6em;
        top: -88px;
        left: -3px;
    }
}

@media only screen and (max-width: 1299px) {
    .site-header #siteSearchForm {
        margin-left: 28.5em;
        top: -88px;
        left: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .site-header #siteSearchForm {
        margin-left: 24em;
        top: -80px;
        left: -18px;
    }
}

.mob-menu > div > div > form > fieldset > .btn{
    background: #EF702F;
    color: white;
    height: 26px;
    margin-top: -2px;
    padding: 2px 10px 0 10px;
}

.site-header #siteSearchForm > fieldset {
    position: relative;
}

.mob-menu > div > div > form > fieldset {
    position: relative;
}

/*.mob-menu > div > div > form > fieldset:after {
    content: " \f002 ";
    right: 6px;
    position: absolute;
    top: 2px;
    font-family: FontAwesome;
    font-size: 15px;
    color: white;
}*/

.general-content p {
    margin: 0 15px 10px;
}

.general-content h3 {
    padding-left: 15px;
}


ul.social {
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .site-header #siteSearchForm {
        display: none;
    }
.hide-on-mob{display:none;}

}

a.next {
    margin-left: 1.5em;
    font-weight: bold;
}

span.prev { 
    margin-right: 1em;
    font-weight: bold;
}

.page {
    margin-right: 5px;
}

.ezsearch-pager {
    text-align: center;
    margin-top: 4em;
}

/*.searchResults > div > div > h2{
    font-size: 40px;
    font-weight: bold;
    padding-left: 0;
    background: none;
}*/

.ezsearch-result-count > p {
    font-weight: bold;
    font-size: 19px;
}

.searchResults h2 {
    background: url(../img/UBDC_blueArrrow_forText_LR.png) no-repeat;
    padding: 0px 0px 0px 50px;
    background-size: 25px;
    top: 4px;
    position: relative;
}

.searchResults h2:first-child {
    /*display: none;*/
}

/*@media screen and (max-width: 480px) {
    .section.top-image h1 {
        margin-top: 24px;
    }
}*/
input.site-search-input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.searchResults {
    margin-bottom: 30px;
}

div.cta-container {
margin-bottom: 10px;
}

.mm-panels>.mm-panel {
    -webkit-overflow-scrolling: touch;
    height: 551px;
}