/*#region Badge */
.eng-program-grid .uk-margin p,
.eng-program-grid .wk-margin p {
    background-color: #1e6b52;
    color: #fff;
    padding: 10px;
    margin-top: 0 !important;
}

/*#endregion Badge */
/*#region Banner */
/*ADD banner image to media and replace url below.  To adjust the position of the background, change the percentages in background position.*/
.banner-background--container {
    background-image: url('/engineering/home/images/banners/2560x800px.jpg');
    background-position: 45%;
}

/* BEGIN General Styles */
.banner-background--container {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/*#endregion Banner */
/*---#region NEWS **/
.itemByline {
    display: none;
}

/*!add this to the news card template css to remove the byline that is pulled in from UAB Magazine stories */
.news-feed--card-layout .srfrRow h3 a[href*="uab.edu/engineering"]::after {
    content: "School of Engineering News";
}

.news-feed--card-layout .srfrRow h3 a[href*="uab.edu/mix"]::after {
    content: "The Mix";
}

.news-feed--card-layout {
    padding: 0 .5em;
}

.news-feed--card-layout ul.srfrList li h3 a {
    border-bottom: none !important;
}

/*--BEGIN All News */
.soe-news--all-news--bc.item-page .page-header:nth-child(2) {
    display: none;
}

.soe-news--all-news--bc.item-page .page-header:nth-child(3) h2 {
    margin-top: 0 !important;
}

/*--END All News */
.soe-news--all-news--bc .item-page .page-header:first-child {
    display: none;
}

/*--BEGIN News Tabs */
.nav-tabs.news--tabs li.active a {
    background-color: #1E6B52 !important;
    color: #fff !important;
}

/*!changes active item styling */
.nav-tabs.news--tabs li a {
    font-family: "kulturista-web", serif !important;
    font-size: 1.2em;
}

/*!changes text styling on tabs*/
.nav-tabs.news--tabs {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

/*! adds top margin and centers tabs */
/*--END News Tabs */
/*--BEGIN Badge for Widgekit */
.news--badge {
    font-family: "kulturista-web", serif !important;
    font-size: 14px;
    background-color: #f5f5f5;
    max-width: 175px;
    border-left: 2px solid #80bc00;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 7px;
}

/*--END Badge for Widgekit */
/*--BEGIN News Feed Layout Fix */
/*--END News Feed Layout Fix */
/*--BEGIN More News Feed */
/*! Grid layout and styling for each news item  */
@supports (display: grid) {
    .news--more-news--container li.srfrRow {
        display: grid;
        grid-template-columns: 200px 2fr;
        border-bottom: 1px solid #eee;
    }
}

.news--more-news--container li.srfrRow {
    padding: 10px;
    margin-top: 20px;
}

.news--more-news--container li.srfrRow:last-child {
    border-bottom: none;
}

/*! Overrides width brought in by default styling */
.news--more-news--container li.srfrRow > div {
    width: auto !important;
}

/*! Read More Button Stying */
.news--more-news--container.srfrStream .srfrReadMore > a {
    font-size: 1em;
    color: #444;
    display: inline-block;
    background-color: #fafafa;
    border: 1px solid #eee !important;
    padding: 5px 10px;
    margin-top: 10px;
}

/*! Styling of container around news items.*/
.news--more-news--container {
    background-color: #fafafa;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

/*! News Title */
.news--more-news--container a.srfrTitle {
    float: none;
    font-size: 1.3em;
    font-weight: 600 !important;
    border-bottom: 0 !important;
    background-color: transparent !important;
    color: #1e6b52 !important;
}

.news--more-news--container a.srfrTitle:hover {
    text-decoration: underline !important;
}

/*! More News Heading above Feed - adjust the name of this in the module*/
.news--more-news--container h2 {
    padding-left: 20px;
    font-size: 1.5em;
}

/*! Styles Source Tag */
.news--more-news--container .srfrRow .col2 > a:after {
    display: block;
    font-family: "kulturista-web", serif !important;
    font-size: 14px;
    background-color: #f5f5f5;
    max-width: 200px;
    border-left: 2px solid #80bc00;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 7px;
}

/*-END Source Tag */
/*--END BEGIN More News Feed */
/*---#endregion NEWS **/
/*---#region Programs */
.eng-program-grid {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    margin-left: 0 !important;
    height: auto !important;
    grid-gap: 20px;
}

.eng-program-grid > div {
    position: relative !important;
    left: inherit !important;
    top: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: 1em !important;
    padding: 0 !important;
    border: 1px solid #eee;
    flex: 1 0 50%;
    background-color: #fff;
}

.eng-program-grid > div h2,
.eng-program-grid > div h3 {
    font-size: 1.2em;
    padding: .5em;
    margin: 0 !important;
    font-family: "proxima-nova", sans-serif !important;
}

.eng-program-grid .uk-text-center,
.eng-program-grid .uk-margin,
.eng-program-grid .wk-text-center,
.eng-program-grid .wk-margin {
    margin: 0 !important;
}

.template-01 #content ul.uk-subnav-pill > li.uk-active > a,
.template-01 #content ul.wk-subnav-pill > li.wk-active > a  {
    color: #fff;
}

@media screen and (min-width:500px) {
    .eng-program-grid {
        grid-template-columns: 1fr 1fr;
    }

    .eng-program-grid > div {
        flex: 1 0 33%;
       
    }
}

@media screen and (min-width:768px) {
    .eng-program-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .eng-program-grid > div {
        flex: 1 0 25%;
      
    }
}

@supports (display: grid) {
    .eng-program-grid > div {
        margin: 0 !important;
        max-width: auto;
    }
}

.eng-program--wrapper {
    position: relative;
}

#content,
#whitebox,
#maincolumn-r {
    overflow: visible !important;
}

/*---#endregion Programs */
/*---#region Switcher Nav */
.switcher--nav--engineering .uk-nav .uk-active a,
.switcher--nav--engineering .uk-nav .uk-active a:hover,
.switcher--nav--engineering .wk-nav .wk-active a,
.switcher--nav--engineering .wk-nav .wk-active a:hover {
    background-color: #1E6B52 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.switcher--nav--engineering .uk-nav a:hover,
.switcher--nav--engineering .wk-nav a:hover  {
    background-color: #d3d3d3 !important;
}

.switcher--nav--engineering .uk-nav,
.switcher--nav--engineering .wk-nav {
    background-color: #fafafa;
}

.switcher--nav--engineering .uk-panel-title {
    margin-top: 0 !important;
    font-family: "kulturista-web", serif !important;
}

.switcher--nav--engineering .uk-panel .uk-panel h4 {
    font-size: 1.3em;
}

.switcher--nav--engineering .uk-panel .uk-panel h4 a {
    font-size: 1em;
}

/*#endregion Swticher Nav
/*#region Grid - Nav - Widgekit */
.template-01 #content .grid--nav--style-1--wrapper .uk-subnav-pill > .uk-active a,
.template-01 #content .grid--nav--style-1--wrapper .wk-subnav-pill > .wk-active a {
    color: #fff;
    background: #1E6B52;
}

.template-01 #content .grid--nav--style-1--wrapper .uk-subnav-pill a,
.template-01 #content .grid--nav--style-1--wrapper .wk-subnav-pill a {
    border: 1px solid #d3d3d3 !important;
    background-color: #fff;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    .template-01 #content .grid--nav--style-1--wrapper .uk-subnav-pill,
    .template-01 #content .grid--nav--style-1--wrapper .wk-subnav-pill {
        flex-direction: column;
    }

    .template-01 #content .grid--nav--style-1--wrapper .uk-subnav-pill li,
    .template-01 #content .grid--nav--style-1--wrapper .wk-subnav-pill li {
        margin: 5px 0;
    }

    .template-01 #content .grid--nav--style-1--wrapper .uk-subnav-pill a,
    .template-01 #content .grid--nav--style-1--wrapper .wk-subnav-pill a {
        width: 100%;
    }
}

/*#endregion Grid - Nav - Widgekit */
/*---#region Locations */
.locations--address {
    margin: 0 0 15px 0 ;
    padding: 15px 21px 0 0;
    border-top: 1px solid #80bc00;
}



.locations--physical-address {
    padding-left: 15px;
    display: block;
    position: relative;
}



.locations--phone {
    padding-left: 15px;
    display: block;
    position: relative;
    margin-top: 8px;
    margin-bottom: 20px;
}

.locations--driving-parking-link {
    position: absolute;
    bottom: 0px;
    right: 0;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    padding: 7px 7px;
    font-size: .9em !important;
    color: #444;
    left: 0;
    font-weight: 700 !important;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}



/*---#endregion Locations */
/*--BEGIN Widgekit Grid Style 1 ***/
.wk-grid--engineering--style-1 .uk-panel-title,
.wk-grid--engineering--style-1 .uk-h1,
.wk-grid--engineering--style-1 .uk-h2,
.wk-grid--engineering--style-1 .uk-h3,
.wk-grid--engineering--style-1 .uk-h4,
.wk-grid--engineering--style-1 .uk-h5,
.wk-grid--engineering--style-1 .uk-h6,
.wk-grid--engineering--style-1 .uk-heading-large,
.wk-grid--engineering--style-1 .wk-h1,
.wk-grid--engineering--style-1 .wk-h2,
.wk-grid--engineering--style-1 .wk-h3,
.wk-grid--engineering--style-1 .wk-h4,
.wk-grid--engineering--style-1 .wk-h5,
.wk-grid--engineering--style-1 .wk-h6,
.wk-grid--engineering--style-1 .wk-heading-large {
    margin: -20px -20px 0 -20px !important;
    background-color: #1E6B52;
    padding: 8px 20px 8px 20px;
    color: #fff;
    position: relative;
    line-height: 100% !important;
}

.wk-grid--engineering--style-1 {
    justify-content: center;
}

.wk-grid--engineering--style-1 h3.uk-panel-title,
.wk-grid--engineering--style-1 h3.uk-panel-title a,
.wk-grid--engineering--style-1 .wk-card-body h3 > a {
    font-size: 1.4rem;
}

.wk-grid--engineering--style-1 .uk-h1,
.wk-grid--engineering--style-1 .uk-h1 a,
.wk-grid--engineering--style-1 .wk-h1,
.wk-grid--engineering--style-1 .wk-h1 a {
    font-size: 1.6rem;
}

.wk-grid--engineering--style-1 .uk-h2,
.wk-grid--engineering--style-1 .uk-h2 a,
.wk-grid--engineering--style-1 .wk-h2,
.wk-grid--engineering--style-1 .wk-h2 a {
    font-size: 1.5rem;
}

.wk-grid--engineering--style-1 .uk-h3,
.wk-grid--engineering--style-1 .uk-h3 a,
.wk-grid--engineering--style-1 .wk-h3,
.wk-grid--engineering--style-1 .wk-h3 a {
    font-size: 1.4rem;
}

.wk-grid--engineering--style-1 .uk-h4,
.wk-grid--engineering--style-1 .uk-h4 a,
.wk-grid--engineering--style-1 .wk-h4,
.wk-grid--engineering--style-1 .wk-h4 a  {
    font-size: 1.3rem;
}

.wk-grid--engineering--style-1 .uk-h5,
.wk-grid--engineering--style-1 .uk-h5 a,
.wk-grid--engineering--style-1 .wk-h5,
.wk-grid--engineering--style-1 .wk-h5 a {
    font-size: 1.2rem;
}

.wk-grid--engineering--style-1 .uk-h6,
.wk-grid--engineering--style-1 .uk-h6 a,
.wk-grid--engineering--style-1 .wk-h6,
.wk-grid--engineering--style-1 .wk-h6 a {
    font-size: 1.1rem;
}

.wk-grid--engineering--style-1 .uk-heading-large,
.wk-grid--engineering--style-1 .uk-heading-large a,
.wk-grid--engineering--style-1 .wk-heading-large,
.wk-grid--engineering--style-1 .wk-heading-large a {
    font-size: 1.6rem;
}

.wk-grid--engineering--style-1 .uk-panel-title a,
.wk-grid--engineering--style-1 .uk-h1 a,
.wk-grid--engineering--style-1 .uk-h2 a,
.wk-grid--engineering--style-1 .uk-h3 a,
.wk-grid--engineering--style-1 .uk-h4 a,
.wk-grid--engineering--style-1 .uk-h5 a,
.wk-grid--engineering--style-1 .uk-h6 a,
.wk-grid--engineering--style-1 .uk-heading-large a,
.wk-grid--engineering--style-1 .wk-card-body h3 > a,
.wk-grid--engineering--style-1 .wk-h1 a,
.wk-grid--engineering--style-1 .wk-h2 a,
.wk-grid--engineering--style-1 .wk-h3 a,
.wk-grid--engineering--style-1 .wk-h4 a,
.wk-grid--engineering--style-1 .wk-h5 a,
.wk-grid--engineering--style-1 .wk-h6 a,
.wk-grid--engineering--style-1 .wk-heading-large a {
    color: #fff;
}

.wk-grid--engineering--style-1 .uk-panel-title:before,
.wk-grid--engineering--style-1 .uk-h1:before,
.wk-grid--engineering--style-1 .uk-h2:before,
.wk-grid--engineering--style-1 .uk-h3:before,
.wk-grid--engineering--style-1 .uk-h4:before,
.wk-grid--engineering--style-1 .uk-h5:before,
.wk-grid--engineering--style-1 .uk-h6:before,
.wk-grid--engineering--style-1 .wk-card-body h3 > a:before,
.wk-grid--engineering--style-1 .wk-h1:before,
.wk-grid--engineering--style-1 .wk-h2:before,
.wk-grid--engineering--style-1 .wk-h3:before,
.wk-grid--engineering--style-1 .wk-h4:before,
.wk-grid--engineering--style-1 .wk-h5:before,
.wk-grid--engineering--style-1 .wk-h6:before,
.wk-grid--engineering--style-1 .wk-heading-large:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-bottom: 10px;
    box-shadow: 4px 5px 0px #80bc00;
}

.wk-grid--engineering--style-1 .uk-panel {
    border: 1px solid #1E6B52;
    padding: 20px;
    transition: all ease 0.5s;
}

.wk-grid--engineering--style-1 > div > div.wk-card {
    border: 1px solid #1E6B52;
    padding: 0;
    transition: all ease 0.5s;
}

.wk-grid--engineering--style-1 div.wk-card-body {
    padding: 20px;
}

.wk-grid--engineering--style-1 .uk-panel-teaser {
    margin-top: -21px;
    margin-left: -21px;
    margin-right: -21px;
}

.wk-grid--engineering--style-1 .uk-overlay-hover:hover {
    box-shadow: 0px 10px 0 -6px #80bc00;
    transform: scale(1.02);
    transition: all ease 0.5s;
}

/*--END Widgekit Box ***/
/*---#region Switcher Panel - Nav - Widgekit */
.template-01 #content .switcher-panel--nav--style-1 .uk-subnav-pill > .uk-active a,
.template-01 #content .switcher-panel--nav--style-1 .wk-subnav-pill > .wk-active a {
    color: #fff;
    background: #1E6B52;
}

.template-01 #content .switcher-panel--nav--style-1 .uk-subnav-pill a,
.template-01 #content .switcher-panel--nav--style-1 .wk-subnav-pill a {
    border: 1px solid #d3d3d3 !important;
    background-color: #fff;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    .template-01 #content .switcher-panel--nav--style-1 .uk-subnav-pill,
    .template-01 #content .switcher-panel--nav--style-1 .wk-subnav-pill {
        flex-direction: column;
    }

    .template-01 #content .switcher-panel--nav--style-1 .uk-subnav-pill li,
    .template-01 #content .switcher-panel--nav--style-1 .wk-subnav-pill li {
        margin: 5px 0;
    }

    .template-01 #content .switcher-panel--nav--style-1 .uk-subnav-pill a,
    .template-01 #content .switcher-panel--nav--style-1 .wk-subnav-pill a {
        width: 100%;
    }
}

.template-01 #content .switcher-panel--nav--style-1 .uk-panel,
.template-01 #content .switcher-panel--nav--style-1 .wk-panel {
    padding-top: 0;
}

.template-01 #content .switcher-panel--eng--research .uk-panel h3,
.template-01 #content .switcher-panel--eng--research .wk-panel h3 {
    margin-top: 0 !important;
}

.template-01 #content .switcher-panel--eng--research .uk-subnav-pill,
.template-01 #content .switcher-panel--eng--research .wk-subnav-pill {
    padding: 0 1em !important;
}



/*---#endregion Switcher Panel - Nav - Widgekit */



/*---#endregion Grid - Featured News - Widgekit */
/*!Consider adding below items to template-01 template */
/*---#region Grid Layout */
@supports (display: grid) {
    @media screen and (min-width:900px) {
        #system-message-container {
            grid-column: 1/span2;
        }
    }

    #whitebox {
        display: grid;
        grid-template-columns: 1fr .38fr;
        width: 100%;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    #downright .moduletable {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    @media screen and (max-width:900px) {
        #whitebox {
            grid-template-columns: 1fr;
        }
    }

    #maincolumn-wide {
        grid-column: -1/span2;
    }

    body.hd.linear #maincolumn-r {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 20px 0 1em !important;
        box-sizing: border-box;
    }

    body.linear.hd.sidebars #downright {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box;
        padding: 0 20px !important;
        height: 100% !important;
        position: relative;
    }

    body.hd #content {
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1025px) {
    body.hd.sidebars #downright {
        margin: 0 2% !important;
    }
}

/*---#endregion Grid Layout */
.template-01 .focus-box--pull-right--green,
.template-01 .focus-box-text-container {
    box-sizing: border-box;
}

a[href^=tel] {
    text-decoration: inherit;
    color: inherit !important;
}

/*?fixes color of phone link */
/*---#region FormAssembly Styling---*/
@media all and (min-width: 901px) {
    #rightsidebar .wForm {
        box-sizing: border-box !important;
    }

    #rightsidebar .wFormContainer .wForm form {
        max-width: 280px !important;
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #downright .wForm input {
        max-width: 100%;
        font-size: 100%;
    }
}

/*---#endregion FormAssembly Styling---*/



.wFormContainer .wForm form {
    padding:0 !important;
}

.wForm {
    padding:0 !important;
}