/* prod */
/*---#region Department Template */
/*! This CSS was moved to site specific so development could continue on the department template without impacting this site.*/
/*
Author: UAB Digital Media
Last Updated Date: Feb 21, 2018
Version:2
Environment: WWW
[Color codes]
# Black (text): #000000
# Dark grey (headings, ribbon nav links): #333333
# Lime Green (subheading on banner, border on module titles): #A3CD65 
# Light lime green (focus box): rgba(210, 199, 128, 0.6) or #e4ddb2
# Green (announcement box): #006241
# UAB Green (link color): #1e6b52
# Dark grey (secondary footer background): #595959
# Medium grey (border on form input boxes): #cccccc
# Light grey (primary footer background): #f5f5f5
#Very light grey (separation lines, breadcrumb border): #dedede
[Table of Contents]
Animations
Announcement Box
Breadcrumb
Bullets
Button
    -Button Grid
Faculty Profiles
Focus Box
Footer
Fullwidth Overrides
Horizontal Rule
Navigation - Middle Menu
Navigation - Mobile Menu
Navigation - Ribbon
Navigation - Right Sidebar Menu
News Feed
Popular
Quicklinks
Right Module Position
Search
Typography
VJTabs
Widgekit
    -Accordion
    -Grid Buttons
    -Slider Nav
    -Tab Nav
[CHANGE NOTES]
    May 30, 2017
    Added styling to announcement box to override default link color and link hover color. Adjusted padding on announcement box.
	April 5, 2018
    Removed px when using 0
    Ran through prefixer
	April 23, 2018 
    Updated bullet for middle nav pages
	June 7, 2018
	Added V2 styles
	October 9, 2018
	added support for extra set of quicklinks
	Removed px when using 0
	removed empty lines
	formatted with beautify
    */
/*////////////////////////////////////////BEGIN Localist Design Options Switcher///////////////////////////////////////*/
.localist-design-options .uk-subnav-pill > li.uk-active > a {
    color: #fff !important;
}

.localist-design-options .uk-subnav-pill li {
    border: 1px solid #e5e5e5;
    margin: 10px;
}

.localist-design-options .uk-subnav > li {
    padding-left: 0;
}

.localist-design-options .uk-subnav-pill > li.uk-active > a:hover {
    color: #000 !important;
}

.localist-design-options .uk-subnav-pill li:hover {
    border: 1px solid #1E6B52;
}

/*////////////////////////////////////////END Localist Design Options Switcher///////////////////////////////////////*/
/*////////////////////////////////////////BEGIN Animations///////////////////////////////////////*/
.customFooterSocialMedia img:hover {
    -webkit-animation: pulsate-fwd 0.2s ease-in-out both;
    animation: pulsate-fwd 0.2s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2017-4-14 12:42:34
 * https://animista.net
 * ---------------------------------------------- */
@-webkit-keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }

    100% {
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
    }
}

@keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }

    100% {
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
    }
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*////////////////////////////////////////   END Animations   ///////////////////////////////////////*/
/*///////////////////////////////////////   BEGIN Announcement Box   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.announcementBox {
    background-color: #006241;
    padding: 10px;
    margin-top: 20px;
}

.announcementText {
    margin-left: 30px;
    margin-top: 5px;
    padding: 0 10px;
    border-left: 2px solid #eee;
}

.announcementText h3,
.announcementText p {
    color: #eee !important;
    border-left: none;
    padding-left: 10px;
}

.announcementText h3 {
    font-size: 17pt;
    line-height: 120% !important;
    font-family: "proxima-nova", sans-serif !important;
    text-transform: none;
}

.announcementText a {
    color: #fff;
}

.announcementText a:hover {
    color: #fff !important;
}

/*---BEGIN Mobile---*/
@media all and (max-width:1024px) {
    .announcementBox {
        padding: 10px 10px 20px 10px
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////   END Announcement Box   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*---#region Breadcrumb ***/
/*?slight difference from the center css breadcrumb - see below*/
body.hd .breadcrumb {
    border: none;
    padding: 5px 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    /*?addition only in dept css*/
}

body.hd #breadcrumbs {
    display: block;
    text-align: left;
    width: 95%;
    margin: 10px 0;
    /*?addition only in dept css*/
}

.breadcrumb li span.divider:after {
    content: "\e006";
    font-family: 'IcoMoon';
    font-size: .7em !important;
    color: #80bc00;
    margin-right: 3px;
}

.breadcrumb span.divider > img {
    display: none;
}

#breadcrumbs + #content h1 {
    margin-top: 0 !important;
}

/*---#endregion Breadcrumb ***/
/*///////////////////////////////////////BEGIN Bullets///////////////////////////////////////*/
.bulletpoint ul {
    counter-reset: foo;
    display: table;
}

.bulletpoint li {
    position: relative;
    left: 25px;
}

.bulletpoint ul > li {
    counter-increment: foo;
    display: table-row;
}

.bulletpoint ul > li::before {
    content: counter(foo) ".";
    display: table-cell;
    text-align: right;
}

/*///////////////////////////////////////END Bullets///////////////////////////////////////*/
/*////////////////////////////////////////   BEGIN Buttons   ///////////////////////////////////////*/
/*************BEGIN Button Grid*************/
.gridButton:hover,
.gridLevels a:hover {
    -webkit-animation: shadow-drop-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.gridLevels a {
    border: 1px #eee solid;
    padding: 10px;
    display: block;
    text-decoration: none;
    padding-top: 20px;
    margin-top: 25px;
}

.gridAmount {
    font-weight: 600;
    font-size: 1.2em;
}

.gridDescription {
    font-weight: 400 !important;
}

/*styling for giving examples on main giving page*/
@media screen and (max-width: 1024px) {
    .gridLevels a {
        padding-top: 15px;
    }
}

@media screen and (max-width: 768px) {
    .gridLevels a {
        padding-top: 15px;
    }
}

code.giv {
    border-color: greenyellow;
    color: #1e6b52;
    display: block;
    padding: 1em;
    white-space: pre-wrap;
}

/**************END Button Grid***************/
/**************BEGIN Single Buttons***************/
.uk-button,
.whiteButton {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-shadow: none;
    background-image: none;
    background-color: #fff;
    color: #1E6B52;
    border: 1px #1E6B52 solid;
    font-size: 1em;
}

.uk-button:hover,
whiteButton:hover {
    -webkit-animation: shadow-drop-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.uk-button {
    padding: 5px 15px;
}

a.uk-button:hover,
a.whiteButton:hover {
    color: #1e6b52 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #fff;
    text-decoration: none;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee));
    background-image: -webkit-linear-gradient(top, #eee, #eee);
    background-image: -o-linear-gradient(top, #eee, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
    background-image: linear-gradient(to bottom, #eee, #eee);
}

.dropdown-menu {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    border-radius: 0;
}

/**************END Single Buttons***************/
/**************BEGIN Home Buttons***************/
.dmButton a {
    border: 2px solid #cfcfcf;
    color: #656565 !important;
    cursor: pointer;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 12pt;
    padding: 0.5em 2.7em 0.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 20px;
}

.dmButton a:hover {
    background: #1e6b52 none repeat scroll 0 0;
    border: #1e6b52 solid 2px;
    color: #f4f4f4 !important;
    text-decoration: none;
}

.dmButtonGreen a {
    background: #1e6b52;
    border: #1e6b52 solid 2px;
    color: #fff !important;
    cursor: pointer;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 12pt;
    padding: 0.5em 2.7em 0.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 20px;
}

.dmButtonGreen a:hover {
    background: #1e6b52 none repeat scroll 0 0;
    border: #1e6b52 solid 2px;
    color: #f4f4f4 !important;
    text-decoration: none;
}

.dmHomeButton {
    margin-top: 1em;
}

.dmHomeButton a {
    border: #cfcfcf solid 2px;
    color: #656565 !important;
    cursor: pointer;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 1.8em;
    padding: 0.5em 0.6em 0.4em;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal
}

.dmHomeButton a:hover {
    background: #1e6b52 none repeat scroll 0 0;
    border: #1e6b52 solid 2px;
    color: #f4f4f4 !important;
    text-decoration: none;
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.flex-item:nth-child(1) {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.flex-item:nth-child(2) {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.flex-item:nth-child(3) {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

/*---BEGIN Mobile---*/
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    .dmHomeButton a {
        padding: 0.5em 0.7em 0.4em;
        /*changes padding on homepage buttons to align correctly with images below*/
    }
}

@media (min-width: 320px) {

    .flex-item:nth-child(1),
    .flex-item:nth-child(2),
    .flex-item:nth-child(3) {
        width: 100%;
    }
}

@media (min-width: 768px) {

    .flex-item:nth-child(1),
    .flex-item:nth-child(2),
    .flex-item:nth-child(3) {
        width: 26%;
    }
}

/*---END Mobile---*/
/**************END Home Buttons***************/
/*///////////////////////////////////////   END Button Styles   ///////////////////////////////////////*/
/*///////////////////////////////////////   BEGIN Category Headings  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
span.subheading-category {
    font-size: 32px !important;
    line-height: 120% !important;
    font-family: "din-condensed", sans-serif !important;
    color: #333 !important;
    margin: 0.5em 0 !important;
    text-align: left !important;
}

/*///////////////////////////////////////   END Category Headings  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////BEGIN Focus Box///////////////////////////////////////*/
.focusBox {
    background-color: rgba(210, 199, 128, 0.6);
    padding: 30px;
}

.focusBox h3,
.focusBox h2 {
    margin-top: 0;
}

.focusBox p:last-child {
    margin-bottom: 0;
}

.focusBoxPullRight,
.focusBoxPullLeft {
    width: 30%;
}

.focusBoxPullRight {
    float: right;
    margin: 0 10px 10px;
}

.focusBoxPullLeft {
    float: left;
    margin: 0 10px 10px 0;
}

/*---BEGIN Mobile---*/
@media only screen and (max-width: 767px) {

    .focusBoxPullLeft,
    .focusBoxPullRight {
        float: none;
        display: block;
        width: 89%;
        padding: 5%;
        margin: 0 0 2% 0;
    }

    .focusBox p {
        margin-top: 10px;
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////END Focus Box///////////////////////////////////////*/
/*/
////////////////////////////////////// BEGIN Footer ///////////////////////////////////////*/
.wkFooter {
    padding: 0 !important;
}

body.ribbonFullwidth #footer {
    background-color: white !important;
}

.quicklinksNestedContainer a {
    color: green;
}

ul.customFooterLinks li a {
    color: #0A6142 !important;
}

#footer .customFooterLinks a:hover {
    color: #0A6142 !important;
}

#footer .uabFooterMenu a:hover {
    color: #eee !important;
}

@media only screen and (max-width: 300px) and (min-width: 1024px) {
    #footer {
        background-color: white !important;
    }
}

.uabFooterMenu {
    background-color: rgba(0, 0, 0, 0.65);
}

body.hd #footer .uabFooterMenu {
    padding: 2em 0 2em 0;
}

.customFooter {
    padding: 0 !important;
    background-color: #f5f5f5;
}

.nestedContainer,
.quicklinksNestedContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footerSocialMediaContainer {
    padding-right: 100px;
}

.footerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 0;
}

.footerItem {
    margin: 20px 0;
}

.footerSecondItem {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.footerThirdItem > img {
    margin-left: 15px;
}

.quicklinksText {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.footerSocialMediaContainer a {
    margin-right: 5px;
}

@media only screen and (min-width: 200px) and (max-width: 1024px) {
    .footerItem {
        -webkit-box-flex: 1;
        -ms-flex: 1 100%;
        flex: 1 100%;
        padding-top: 30px;
    }

    .footerSecondItem {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .footerSocialMediaContainer {
        padding-right: 0;
    }

    .nestedContainer,
    .quicklinksNestedContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .quicklinksNestedContainer {
        margin-left: -50px;
    }

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

    .quicklinksText {
        margin-right: 40px !important;
    }
}

/* @media screen and (min-width: 1024px) {
		body.ribbonFullwidth #footer div {}
	} */
.uabFooterMenu,
.poweredByDM {
    background-color: rgba(0, 0, 0, 0.65);
    background-color: #595959;
}

#footer div.addthis_toolbox.addthis_default_style {
    text-align: center;
}

#footer a.at-follow-btn {
    float: none;
}

/* AddThis Embiggening */
.addthis_32x32_style .at4-icon,
.addthis_32x32_white_style .at4-icon,
.at-32x32 {
    background-color: #888 !important;
    background-size: 2.5pc !important;
    border-radius: 3px;
    height: 2.5pc !important;
    line-height: 2.5pc !important;
    margin: 0 14px;
    width: 2.5pc !important;
}

.at-icon-wrapper {
    height: 2.5pc !important;
    width: 2.5pc !important;
}

.at-icon {
    height: 2.5pc !important;
    width: 2.5pc !important;
}

.addthis_32x32_style .at4-icon,
.addthis_32x32_white_style .at4-icon,
.at-32x32 {
    background-size: 2.5pc !important;
}

@media screen and (max-width: 1080px) {
    .at-icon-wrapper {
        height: 2pc !important;
        width: 2pc !important;
    }

    .at-icon {
        height: 2pc !important;
        width: 2pc !important;
    }

    #content .addthis_32x32_style .at4-icon,
    .addthis_32x32_white_style .at4-icon,
    .at-32x32 {
        background-size: 2pc !important;
    }

    .addthis_32x32_style .at4-icon,
    .addthis_32x32_white_style .at4-icon,
    .at-32x32 {
        background-color: #888 !important;
        background-size: 2pc !important;
        height: 2pc !important;
        line-height: 2pc !important;
        margin: 0 5px;
        width: 2pc !important;
    }
}

/*/
////////////////////////////////////// END Footer ///////////////////////////////////////*/
/*///////////////////////////////////////   BEGIN Fullwidth Overrides  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
body.hd #maincolumn-r {
    margin: 0 1.5% 0 1.5%;
}

/*removes left margin so that full one and article content don't overlap with right sidebar */
body.hd .full {
    width: 97%;
    margin-left: 1.3%;
}

/*reduces width of full position(announcement box) - to line up correctly with homepage content.  Pushes box to right slightly to align correctly. */
body.hd #content {
    width: 97%;
    /*changes article width*/
    padding-top: 2%;
    /*adds padding between article and item above */
}

/*---BEGIN Mobile---*/
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #maincolumn-r {
        padding: 0 0 0;
        /*Removes spacing above item in full1 position */
    }
}

@media (max-width: 699px) {
    body.hd.sidebars #maincolumn-r {
        margin: 0 1% 0 4% !important;
        width: 91% !important;
        /*Widens full one and article to same size as items below */
    }
}

@media (max-width: 1024px) {
    body.hd #whitebox .full {
        margin: 0;
        width: 97%;
        margin-left: 1.4%;
        /*reduces width of full position(announcement box) - to line up correctly with homepage content.  Pushes box to right slightly to align correctly. */
    }

    body.hd #rightsidebar .moduletable {
        width: 100% !important;
        max-width: 100% !important;
        /*changes modules in right position to be full width below 1024px */
    }

    #downright #rightsidebar {
        width: 100%;
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////   END Fullwidth Overrides   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////BEGIN Horizontal Rule///////////////////////////////////////*/
hr {
    border: none;
    border-top: 1px solid #D3D3D3;
}

/*///////////////////////////////////////END Horizontal Rule///////////////////////////////////////*/
/*///////////////////////////////////////BEGIN Navigation - Middle Menu///////////////////////////////////////*/
.resourceContent {
    font-size: 16px;
    line-height: 30px;
}

/* BEGIN .middle_content nav list */
.middle-nav--page .middle_content > li {
    border-top: 4px solid #D2D2D2;
    float: left;
    margin: 10px 0 0;
    padding: 20px 0 0;
    width: 100%;
}

.middle-nav--page .middle_content > li a:hover {
    text-decoration: underline !important;
    color: #1E6B52 !important;
}

.middle-nav--page .middle_content > li:last-of-type {
    border-bottom: 4px solid #d2d2d2;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.middle-nav--page .nav-header.resourceCategory::after {
    clear: both;
    content: attr(title);
    float: left;
    font-family: "din-condensed", sans-serif;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 1.6em;
    margin-top: 0.6em;
    position: relative;
    text-align: right;
    text-transform: none;
}

.middle-nav--page .nav-header.resourceCategory {
    color: #333333 !important;
    float: left;
    font-family: "din-condensed", "din-condensed-web", sans-serif !important;
    font-size: 3rem !important;
    font-weight: normal;
    line-height: normal;
    margin: 0 10px 2px 0 !important;
    padding: 2%;
    text-align: right;
    text-shadow: none;
    text-transform: uppercase;
    border-right: 9px solid #1e6b52;
}

.middle-nav--page .middle_content li span {
    background-color: rgba(235, 232, 229, 1.0);
    border-radius: 6px 0 0 6px;
    float: left;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 117px;
    padding: 2% 1%;
    width: 43%;
}

.middle-nav--page .middle_content p {
    color: #333;
    font-family: "din-condensed", sans-serif !important;
    font-size: 1rem;
    line-height: 1.6em;
    margin: 2px 10px;
    text-align: right;
}

.middle-nav--page .middle_content .nav-child {
    float: left;
    margin: 0;
    min-height: 100px;
    padding-bottom: 5px;
    padding-left: 2%;
    padding-top: 10px;
    width: 48%;
}

.middle-nav--page .middle_content ul.nav-child.small {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.middle-nav--page .middle_content .nav-child li {
    line-height: inherit;
    list-style: outside none none;
    padding: 0 0 1em 2em;
    text-indent: -1.5em;
}

.middle-nav--page .middle_content .nav-child li::before {
    color: #a4a4a4;
    content: "•";
    font-size: 2em;
    padding-right: 0.4em;
    vertical-align: sub;
}

.middle-nav--page .middle_content .nav-child a {
    color: #333333;
    font-family: "din-condensed", sans-serif;
    font-size: 20px;
}

.middle-nav--page #middle_content_bottom {
    background-repeat: no-repeat;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.middle-nav--page .miniMiddleContent li span {
    min-height: 40px !important;
}

.middle-nav--page .miniMiddleContent span.nav-header {
    font-size: 2.5rem !important;
}

.middle-nav--page .rightBorderUABGreen {
    border-right: 9px solid #1e6b52;
}

.clear {
    clear: both;
}

@media screen and (max-width: 800px) {
    .middle-nav--page .middle_content li span {
        border-radius: 4px 4px 0 0;
        display: table;
        min-height: 0;
    }

    .middle-nav--page .middle_content .nav-child {
        min-height: 0;
    }

    .middle-nav--page .middle_content span.middleTitle {
        text-align: center;
        width: 94%;
        height: 20px !important;
        float: left;
        margin: auto;
        margin-bottom: 20px !important;
    }

    .middle-nav--page .middle_content span.middleTitle:after {
        font-size: .4em !important;
        text-align: center !important;
    }

    .middle-nav--page .middle_content li > ul {
        width: 94% !important;
        text-align: center;
        margin: auto;
    }

    .middle-nav--page .rightBorderUABGreen {
        border-bottom: 9px solid #1e6b52 !important;
        border-right: none !important;
        width: 100% !important;
    }

    body.hd.middle-nav--page .middle_content h3,
    .middle-nav--page .middle_content p {
        font-size: 1.5rem;
        text-align: center;
    }

    .middle-nav--page ul.middle_links {
        font-size: 0.8em;
        padding: 0 4%;
        text-align: center;
        width: 92%;
    }

    .middle-nav--page .middle_links li {
        list-style: outside none none;
        padding: 0 0 0.8em;
    }

    .middle-nav--page .middle_links li::before {
        content: none;
        font-size: 0;
        padding-right: 0;
        vertical-align: sub;
    }
}

/*///////////////////////////////////////END Navigation - Middle Menu///////////////////////////////////////*/
/*///////////////////////////////////////BEGIN Navigation - Mobile Menu///////////////////////////////////////*/
/*---BEGIN Mobile---*/
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #downright #rightsidebar > * {
        background: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    #downright #rightsidebar {
        margin: 0 !important;
        /* removes extra margin on left of right modules on mobile */
    }
}

@media only screen and (max-width:1024px) {
    ul.nav-child.unstyled.small {
        margin: 0;
    }

    #rightsidebar ul.nav.menu > li > ul {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #rightsidebar ul.nav.menu > li > ul {
        border-top: none !important;
    }

    #rightsidebar ul.nav.menu {
        text-align: center;
    }

    /*RESTYLED with version 2
		#rightsidebar ul.nav.menu>li>a {
			border-bottom: 5px solid #A3CD65;
			font-weight: 500;
			border-left: none !important;
			text-transform: uppercase;
		}
     */
    #rightsidebar .nav-child li {
        border: 1px solid #eee !important;
    }

    #rightsidebar .nav-child .nav-child li {
        border: none !important;
    }

    #rightsidebar .nav-child .nav-child li a {
        font-weight: 400;
    }

    #rightsidebar .nav-child .nav-child li {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    #rightsidebar ul.nav.menu > li > ul {
        text-align: center;
    }

    #rightsidebar .nav a {
        display: block;
        font-size: 18px;
        padding: 15px;
    }

    /*changes rightsidebar navigation into full width clickable links on mobile*/
}

/*---END Mobile---*/
/*///////////////////////////////////////END Navigation - Mobile Menu///////////////////////////////////////*/
/*///////////////////////////////////////BEGIN Navigation - Ribbon ///////////////////////////////////////*/
/*---BEGIN Mobile---*/
@media (min-width: 980px) {

    /*.navbar-static-top {
			margin-top: 40px;
		}*/
    /*body.hd #whitebar {
			margin-top: 40px;
		}*/
    .dmRibbonNav > li > a {
        padding: 15px !important;
        /*adds padding around ribbon navigation elements */
        font-size: 16px;
    }

    #tray:before {
        content: "";
        display: block;
        height: 1px;
        background: #D3D3D3;
        /*adds a horizontal line above the ribbon navigation */
    }

    body.hd.white div#tray {
        margin-top: 15px;
        background-color: transparent;
        border-bottom: 0;
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////END Navigation - Ribbon ///////////////////////////////////////*/
/*///////////////////////////////////////   BEGIN Navigation - Right Sidebar Menu   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.dmMenuModule ul {
    font-size: 16pt;
}

/* RESTYLED with version 2 
	#rightsidebar ul.nav.menu>li>a {
		font-size: 22pt;
		line-height: 120% !important;
		padding-left: 10px;
		border-left: 8px solid #1e6b52;
		font-family: "proxima-nova", sans-serif !important;
	}
  */
/*changes first item in a sidebar menu to be larger and have a side border style*/
.dmRibbonNav li span {
    padding: 15px !important;
    font-weight: 500;
    color: #1e6b52;
}

/*corrects styling on text separator items*/
/* #rightsidebar ul.nav.menu>li>ul {
		margin-top: 10px;
		padding-top: 5px;
	}
  RESTYLED with version 2 border-top: 1px solid #D3D3D3; */
/*adds border above sidebar menu - below the menu title */
ul.nav-child.unstyled.small {
    margin-top: 5px;
    margin-bottom: 0;
}

ul.nav-child.unstyled.small li,
ul.nav-child.unstyled.small li a {
    line-height: 1em !important;
}

/*eliminates extra space when long menu item breaks to two lines */
ul.nav-child.unstyled.small li {
    margin-top: 10px !important;
}

/* adds space between menu items in sidebar - skips first item */
#rightsidebar ul.nav.menu > li:first-child > span {
    font-size: 22pt;
    line-height: 120% !important;
    padding-left: 10px;
    border-left: 8px solid #1e6b52;
    font-weight: 400 !important;
    font-family: "proxima-nova", sans-serif !important;
    color: #1e6b52;
}

#rightsidebar .nav.menu li {
    padding: .75% 1.25%;
}

/*---BEGIN Mobile---*/
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    .nav .menu li {
        text-align: center;
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////   END Navigation - Right Sidebar Menu   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////   BEGIN News Feed   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
body.hd .third {
    width: 25.33%;
}

@media screen and (max-width:1024px) {
    .newsASEM .third img {
        max-width: 250px !important;
        min-width: 250px;
    }
}

@media screen and (min-width:1024px) {
    .newsDescription .two_thirds {
        padding-left: 20px !important;
    }
}

.newsDescription .third {
    text-align: center;
}

.newsDescription {
    border: 1px #eee solid;
    padding: 10px;
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}

.newsTag {
    font-weight: 500;
    position: absolute;
    top: 15px;
    right: 0;
    padding: 5px;
    background-color: #1E6B52;
    min-width: 180px;
    text-align: center;
    color: #fff;
}

.newsTitle {
    width: 60%;
    display: inline-block;
}

.spaceforCourseNumber {
    width: 20%;
    display: inline-block;
}

.newsTitle h2 {
    margin-top: 0 !important;
}

.newsbuttonContainer {
    text-align: left;
}

@media screen and (min-width:805px) and (max-width:1024px) {
    .newsButton {
        margin-top: 10px;
    }
}

@media screen and (max-width:805px) {
    .newsTag {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        right: 0;
        padding: 5px 0;
    }

    .newsDescription img {
        margin-top: 40px;
    }

    .newsDescription {
        margin-top: 20px;
    }

    .newsTitle h2 {
        margin-top: 20px !important;
    }

    .newsTitle {
        width: 100%;
        display: inline-block;
    }

    .spacefornewsTag {
        width: 0;
        display: inline-block;
    }

    .newsButton {
        width: 100%;
        margin-top: 10px;
    }
}

.feedMore {
    display: none;
    /*OVERRIDE eliminates More News button at bottom of feed */
}

.K2FeedImage {
    display: none;
    /*OVERRIDE eliminates wierd first paragraph spacing*/
}

.customNewsFeed .newsfeed > li {
    border-top: none;
    margin-bottom: 10px;
    /*OVERRIDE eliminates top borders & adds space between news items*/
}

.newsfeed > li:last-of-type {
    border-bottom: none;
    /*OVERRIDE eliminates bottom borders*/
}

.customNewsFeed .feed-item-description {
    margin-top: 0;
    /*eliminates space between title and feed description*/
}

.homepageModule .feed-link a {
    font-weight: bold !important;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    body.hd #downright #rightsidebar > div {
        border: none;
        /*eliminates default border that appears on mobile */
    }

    .customNewsFeed ul.newsfeed {
        padding: 0 20px;
    }
}

/*///////////////////////////////////////   END News Feed   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////   BEGIN Popular  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.mostread span {
    color: #555555;
    font-weight: 500;
}

/*///////////////////////////////////////   END Popular  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////   BEGIN Profiles  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.item-image {
    margin: 0 20px 20px 0;
}

.readmore {
    text-align: left;
    margin: 5px 0;
}

.item-page ul.bulletedList {
    margin: 0 0 0 30px;
}

/*---BEGIN Mobile---*/
@media only screen and (max-width: 575px) {
    .item-page img {
        width: 100%;
        box-sizing: border-box;
        /*changes image to full width on mobile*/
    }

    .pull-left {
        float: none;
        /*changes image to not float on mobile*/
    }
}

/*---END Mobile---*/
.item-page .item-image.pull-right {
    margin: 0 20px;
}

@media all and (max-width:600px) {
    .item-page .item-image.pull-right {
        float: none;
        margin: 10px 0;
    }

    .item-page .item-image.pull-right > img {
        width: 100%;
    }
}

.blog.facultyStaffProfile h2 {
    padding: 10px !important;
}

.blog.facultyStaffProfileCol4 .span3,
.blog.facultyStaffProfileCol3 .span4 {
    border: 1px solid #eee;
    position: relative;
}

@media all and (max-width:500px) {

    .blog.facultyStaffProfileCol4 .span3,
    .blog.facultyStaffProfileCol3 .span4 {
        min-height: 800px;
    }
}

@media all and (max-width:767px) {
    .facultyStaffProfile .readmore .btn {
        width: 100%;
    }
}

@media all and (min-width:500px) and (max-width:767px) {

    .blog.facultyStaffProfileCol4 .span3,
    .blog.facultyStaffProfileCol3 .span4 {
        min-height: 400px;
    }
}

@media all and (min-width:767px) {
    .blog.facultyStaffProfileCol4 .span3 {
        min-height: 620px;
    }

    .blog.facultyStaffProfileCol3 .span4 {
        min-height: 680px;
    }

    .blog.facultyStaffProfile .pull-left.item-image,
    .blog.facultyStaffProfile .pull-none.item-image {
        float: none;
        margin: 0;
    }

    .blog.facultyStaffProfile .items-row.row-fluid img {
        margin: 0;
    }
}

.facultyStaffProfile .readmore .btn {
    margin: 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #eee;
    background-image: none;
    border-radius: 0;
    border: none;
    padding: 5px 24px;
}

@media all and (max-width:500px) {
    .facultyStaffProfile .readmore .btn {
        padding: 20px 0;
        font-size: 16px;
    }
}

.blog.facultyStaffProfile .item {
    width: 100%;
}

.blog.facultyStaffProfileCol3 .span4 .item {
    margin-bottom: 50px;
}

.blog.facultyStaffProfile h2,
.blog.facultyStaffProfile p {
    padding: 0 10px;
}

@media all and (max-width: 767px) {
    .facultyStaffProfile .items-row.row-fluid > div {
        clear: both;
        overflow: hidden;
    }
}

.facultyStaffProfile .item-image > a > img {
    width: 100%;
}

/*///////////////////////////////////////   END Profiles \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////BEGIN Quicklinks///////////////////////////////////////*/
.dmQuicklink > li {
    z-index: 1;
    /* changes z-index of single quicklink item - quicklinks that don't have a dropdown menu.  Must add dmQuicklink to quicklink module */
}

#quicklinks .nav .separator,
.dmQuicklink > li > a {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666 !important;
}

/*///////////////////////////////////////END Quicklinks///////////////////////////////////////*/
/*///////////////////////////////////////   BEGIN Right Module Position  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#rightsidebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0)
        /*OVERRIDE eliminates sidebar background */
}

body.hd.sidebars #rightsidebar {
    margin-top: 0;
    /*adds spacing between right sidebar and item above*/
}

body.hd.sidebars #downright {
    margin: 20px 0;
    ;
    border-left: 1px solid #D3D3D3;
    height: 96%;
}

/*---BEGIN Mobile---*/
@media (min-width: 1025px) {
    body.hd.sidebars #downright {
        width: 25%;
        margin: 2% !important;
    }

    body.hd #maincolumn-r {
        width: 69% !important;
        margin: 1% 2% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #downright #rightsidebar > * {
        width: 100%;
    }

    body.hd.sidebars #downright {
        margin: 0 1% 0 1% !important;
        width: 98% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    body.hd.sidebars #downright {
        border-left: none;
        /*removed left border when mobile*/
    }

    body.hd #downright #rightsidebar > div {
        margin: 0;
        /*removes extra margin in mobile*/
        padding: 0
            /*removes extra padding in mobile*/
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////   END Right Module Position  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////BEGIN Search///////////////////////////////////////*/
@media screen and (min-width: 1025px) {
    #search .inputbox.search-query {
        border-radius: 20px 0 0 20px;
        width: 320px;
    }
}

/*///////////////////////////////////////END Search///////////////////////////////////////*/
/*///////////////////////////////////////BEGIN Typography///////////////////////////////////////*/
h2,
h4,
h5,
.rsform-input-box,
input,
button,
select,
textarea {
    font-family: "proxima-nova", sans-serif !important;
}

h1,
h3 {
    font-family: "din-condensed", sans-serif !important;
}

body,
p,
span,
div,
a,
button,
em {
    font-family: "proxima-nova", sans-serif !important;
    line-height: 150%;
    font-weight: 400;
    font-size: 16px;
}

h1 {
    font-size: 32px;
    line-height: 120% !important;
}

h2 {
    font-size: 26px;
    line-height: 120% !important;
}

h3 {
    font-size: 23px;
    line-height: 120% !important;
    text-shadow: none;
}

h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
}

.item-page h3 + p {
    margin-top: 0;
}

.changeToBold {
    font-weight: 600 !important;
}

/*adds medium weight bold to text*/
.homepageModule h3 {
    font-size: 22pt;
    line-height: 120% !important;
    padding-left: 10px;
    border-left: 8px solid #1e6b52;
    font-family: "proxima-nova", sans-serif !important;
    text-transform: none;
    font-weight: 400 !important;
}

/*changes title text of modules */
/*---BEGIN Mobile---*/
@media only screen and (max-width: 1024px) {
    .homepageModule h3 {
        border-bottom: 5px solid #A3CD65;
        font-weight: 500;
        border-left: none !important;
        text-transform: uppercase;
        text-align: center;
        font-size: 29px !important;
        padding: 15px;
    }
}

/*---END Mobile---*/
/*///////////////////////////////////////END Typography///////////////////////////////////////*/
/*///////////////////////////////////////BEGIN VJTabs///////////////////////////////////////*/
.resp-tabs-list li {
    font-family: "din-condensed", sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    padding: 8px 12px;
    border-radius: 3px 3px 0 0;
    margin-right: 5px;
    border: 1px solid #e5e5e5;
    border-bottom: none;
}

.resp-tab-content {
    border: none;
    border-top: 1px solid #e5e5e5;
}

.resp-tab-active {
    background-color: #1E6B52;
    color: #fff;
    border: none;
    padding: 8px 12px !important;
}

/*changes active tab background, font-color, border, and padding*/
.resp-tabs-list li:hover {
    background-color: #f5f5f5;
}

/*changes background color of inactive tabs to gray on hover */
li.resp-tab-item.resp-tab-active:hover {
    background-color: #1E6B52;
}

/* forces active background color to stay green on hover */
ul.resp-tabs-list {
    margin-left: 0;
}

/*removes left margin on first tab */
h2.resp-tab-active {
    background: #1E6B52 !important;
}

h2.resp-accordion {
    font-family: "din-condensed", sans-serif !important;
    font-weight: 400;
    font-size: 18px;
}

/*///////////////////////////////////////END VJTabs///////////////////////////////////////*/
/*///////////////////////////////////////BEGIN widgekit styles///////////////////////////////////////*/
/*************BEGIN Accordion *************/
/* .uk-accordion-title {
    margin-bottom: 4px;
    border-top: none;
    border-bottom: 1px #eee solid;
    background: rgba(210, 199, 128, 0.6);
    margin-bottom: 0 !important;
} */
/* .uk-overlay-panel {
    padding: 10px;
} */
/* .uk-accordion-content {
    padding: 10px 20px 10px;
} */
/* h3.uk-accordion-title {
    margin-top: 0;
} */
/* removes excess margin about widgekit accordion */
/* h3.uk-accordion-title.uk-active:before {
    content: '- ';
} */
/* adds a minus before title when accordion is open */
/* h3.uk-accordion-title:before {
    content: '+ ';
} */
/* adds a plus before title when accordion is open */
/**************END Accordion **************/
/**************BEGIN Tab Nav **************/
.uk-tab > li > a:hover {
    border-bottom: 1px solid #f5f5f5;
}

.uk-tab > li > a {
    border: 1px solid #eee;
    font-family: "proxima-nova", sans-serif !important;
    font-weight: 600;
    font-size: 18px;
}

/*adds border on tabs */
.uk-tab > li.uk-active > a {
    background: #1E6B52;
    color: #fff;
    border: none;
    border-bottom: 1px solid #1E6B52;
    -webkit-transition: color 0s;
    -o-transition: color 0s;
    transition: color 0s;
}

/* changes background color and text color of active tab in widgekit.  Removes border on active tab. */
.uk-tab > li.uk-active > a:hover {
    color: #fff !important;
    /*changes hover color of text of active tab*/
}

.uk-nav-dropdown > li.uk-active > a {
    color: #1E6B52;
    background-color: #f5f5f5;
}

/*changes text color and background color of active link in tab dropdown - on mobile or when tab text doesn't fit screen width*/
.uk-nav-dropdown > li > a:hover {
    background: #eee;
}

/*changes background color of hovered over link in tab dropdown - on mobile or when tab text doesn't fit screen width*/
.uk-tab .uk-nav-dropdown > li > a {
    font-weight: 400;
}

/*changes font weight of dropdown menu links - on mobile or when tab text doesn't fit screen width */
.uk-switcher .uk-panel {
    padding: 15px;
}

/*adds padding around tab content*/
.uk-margin-top.uk-switcher {
    margin-top: 0 !important;
}

/*removes excess margin above tab content*/
/**************END Tab Nav **************/
/**************BEGIN Slider Nav **************/
.uk-subnav-pill > li.uk-active > a {
    background: #1E6B52;
    color: #fff;
    -webkit-transition: color 0s;
    -o-transition: color 0s;
    transition: color 0s;
}

/**************END Slider Nav **************/
/*************BEGIN Grid Buttons*************/
.fp_Buttons {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.7em;
}

.text-overlay--shadow {
    text-shadow: 2px 2px 2px black;
}

/*************END Grid Buttons*************/
/*///////////////////////////////////////END Widgekit styles///////////////////////////////////////*/
/*
VERSION 2 STYLES
[TABLE OF CONTENTS]
V2 - Accordion
V2 - Announcement Box
V2 - Buttons
V2 - Faculty Directory
V2 - Focus Box 
V2 - Modules General Styling
V2 - General Element Styles
V2 - Link Styling
V2 - News
V2 - Page Min-Height
V2 - Ribbon
V2 - Sidebar Styling
V2 - Typography
[REFERENCE]
---Colors---
Layout Borders - Gray - #d3d3d3
---Breakpoints---
  Widgekit
	iPhone - below 527px
	iPhone Landscape - 528px to 854px
	Tablet - 855px to 1055px
	Desktop - 1056px to 1341px
	Large Screens - above 1342px
 Bootstrap 2.3.2 Media Queries 
  	Large Devices, Wide Screens - @media only screen and (max-width : 1200px) 
  	Medium Devices, Desktops - @media only screen and (max-width : 979px)
	Small Devices, Tablets - @media only screen and (max-width : 767px)
	Extra Small Devices, Phones - @media only screen and (max-width : 480px)
  	Custom, iPhone Retina - @media only screen and (max-width : 320px) 
  */
/***BEGIN V2 - Accordion ***/
/* .ur--toolkit .v2-accordion-wrapper .uk-accordion-content {
    background-color: #eee;
    border-top: 4px solid #1E6B52;
    border-bottom: 1px solid #ccc;
} */
/* .ur--toolkit .v2-accordion-wrapper .uk-accordion-title:after {
    background-color: #82c140;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    color: #fff;
    text-align: center;
    content: '';
    left: .1em;
    top: .23em;
} */
/* .ur--toolkit .v2-accordion-wrapper .uk-accordion-title:before {
    content: '+ ';
    position: absolute;
    z-index: 1;
    left: .33em;
    color: #fff;
    font-size: 1.2em;
    top: .23em;
} */
/* .ur--toolkit .v2-accordion-wrapper .uk-accordion-title.uk-active:before {
    position: absolute;
    left: 11px;
    top: 4px;
    content: "-";
} */
/* .ur--toolkit .v2-accordion-wrapper .uk-accordion-title {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    position: relative;
} */
/* .ur--toolkit .v2-accordion-wrapper h3.uk-accordion-title {
    margin-top: .3em !important;
    padding-left: 1.7em !important;
    font-size: 1.3em;
    padding-bottom: .3em !important;
    margin-bottom: 0 !important;
} */
/***END V2 - Accordion ***/
/***BEGIN V2 - Announcement Box ***/
.ur--toolkit .announcementBox {
    padding: 1.5em 1em 2em;
    margin-top: 0;
}

.ur--toolkit .announcementText h3,
.ur--toolkit .announcementText p {
    color: #fff !important;
    margin-top: 0 !important;
}

.ur--toolkit .announcementText p {
    margin-bottom: 0 !important;
}

.ur--toolkit .announcementText h3 {
    margin-bottom: .2em !important;
}

@media all and (max-width:1024px) {
    .ur--toolkit .announcementText {
        border-left: none;
        margin-left: 0;
    }
}

/***END V2 - Announcement Box ***/
/*BEGIN V2 - Buttons */
.ur--toolkit button:hover {
    animation: none !important;
}

/*BEGIN Widgekit Image Extra Large Buttons - Partial Green Background */
.ur--toolkit .btn--wk-xlg-img-white .uk-margin-small {
    position: relative;
    display: flex;
    height: 100px;
    align-items: center;
}

.ur--toolkit .btn--wk-xlg-img-white h2 {
    margin: 0 1em !important;
    text-align: center;
}

.ur--toolkit .btn__text-container--wk-xlg-img-white {
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ur--toolkit .btn__background-color--wk-xlg-img-white {
    background-color: #1e6b52;
    mix-blend-mode: multiply;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 0;
    left: 0;
}

.ur--toolkit .btn--wk-xlg-img-white img {
    border-radius: 2px;
}

/*adds border radius to button images */
.ur--toolkit .btn--wk-xlg-img-white .uk-overlay-panel > div {
    width: 100%;
    border-top: 3px solid #80bc00;
}

/*makes interior div full width*/
.ur--toolkit .btn--wk-xlg-img-white .uk-overlay-panel {
    padding: 0;
    align-items: flex-end;
}

/*removes default padding so button will go full-width*/
.ur--toolkit .btn--wk-xlg-img-white a.uk-position-cover {
    z-index: 1;
}

/*adjusts link overlay on wk grid to sit over text and text background */
.ur--toolkit .btn--wk-xlg-img-white .uk-row-first {
    text-align: center;
}

/*center aligns button elements on mobile*/
/*BEGIN Widgekit Extra Large Buttons - White to Green */
.ur--toolkit .btn--wk-xlg-white .uk-margin {
    -webkit-transition: all .3s;
    /* Safari */
    transition: color .3s;
    font-size: 1.6em;
    text-decoration: none;
    color: #1e6b52;
    padding: 1em;
    text-align: center;
    margin-top: 0;
}

/*adds hover off transition effect to text, changes color and size, removes text decoration */
.ur--toolkit .btn--wk-xlg-white .uk-panel {
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(30, 107, 82, 0.5);
    border-radius: 2px;
}

/*adds hover off transition on home buttons and aligns text horizontally and vertically */
.ur--toolkit .btn--wk-xlg-white .uk-panel:hover .uk-margin {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

/*adds hover on transition effect and changes color of text on hover */
.ur--toolkit .btn--wk-xlg-white .uk-panel:hover {
    background-color: #1e6b52;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

/*adds hover color and hover transition effect*/
/*END Widgekit Extra Large Buttons */
/*BEGIN Button Sizes */
.ur--toolkit .btn--sm {
    padding: .2em .7em;
    font-size: .9em;
}

.ur--toolkit .btn--md {
    padding: .3em .8em;
    font-size: 1em;
}

.ur--toolkit .btn--lg {
    padding: .4em .9em;
    font-size: 1.25em;
}

.ur--toolkit .btn--right-sidebar {
    font-size: 1.2em;
    margin: .5em 0;
    width: 100%;
    text-align: center;
    padding: .2em 0;
}

/*BEGIN Bootstrap Button Overrides */
.ur--toolkit .btn--not-bootstrap {
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: #fff;
}

/*removes bootstrap styling from buttons */
/*BEGIN White to Green Buttons */
.ur--toolkit .btn--white {
    border: 1px solid rgba(30, 107, 82, 0.5);
    background-color: #fff;
    font-weight: 500 !important;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

.ur--toolkit .btn--white:hover {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    text-decoration: none;
    border: 1px solid rgba(30, 107, 82, 0.5);
}

/*BEGIN Green to Dark Green Buttons */
.ur--toolkit .btn--green-to-darker {
    border: 1px solid rgba(30, 107, 82, 0.5);
    font-weight: 500 !important;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    color: #fff !important;
}

.ur--toolkit .btn--green-to-darker:hover {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #17513E;
    text-decoration: none;
}

/*END Green to Dark Green Buttons */
/*BEGIN Green to White Buttons */
.ur--toolkit .btn--green {
    border: 1px solid rgba(30, 107, 82, 0.5);
    font-weight: 500 !important;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    color: #fff !important;
}

.ur--toolkit .btn--green:hover {
    color: #1e6b52 !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #fff;
    text-decoration: none;
}

/*END Green to White Buttons */
/*BEGIN Giving Buttons */
.ur--toolkit .giving-button--long {
    font-size: 20px !important;
    padding: 4px 16px;
}

.ur--toolkit .giving-button--square {
    font-size: 36px !important;
    padding: 32px 25px;
    line-height: 100%;
}

.ur--toolkit .giving-button--long,
.ur--toolkit .giving-button--square {
    background-color: #00714A;
    margin-left: 5px;
    color: #FFDD00 !important;
    font-family: "kulturista-web", serif !important;
    outline: 1px solid #80bc00;
    box-shadow: 0px 0px 0px 5px #00714A;
    display: inline-block;
    transform: scale(1);
    transition: all .2s ease-in !important;
    font-weight: 100 !important;
    letter-spacing: .5px;
}

.ur--toolkit .giving-button--long:hover,
.ur--toolkit .giving-button--square:hover {
    text-decoration: none;
    color: #fff !important;
    transition: all .2s ease-in;
    transform: scale(1.05);
    box-shadow: 0px 8px 0 -4px #80bc00;
    outline: none;
}

/*END Giving Buttons */
/*BEGIN Category Blog Buttons */
.ur--toolkit .blog.directory .readmore a {
    background-image: none;
    /* background-color: #fff; */
    box-shadow: none;
    border-radius: 2px;
    text-shadow: none;
    /* border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #f5f5f5; */
    /* Safari */
    transition: all .3s;
    -webkit-transition: all .3s;
    padding: .5em;
    font-weight: 600 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fafafa;
    border-width: 1px 0 0 0;
    border-color: #eee;
    border-style: solid;
    text-transform: uppercase;
    font-size: .9rem !important;
    text-align: center;
}

.ur--toolkit .blog.directory .readmore a:hover {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    text-decoration: none;
}

/*END Category Blog Buttons */
/***BEGIN Button Grid ***/
.button-grid {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.button-grid--three-across li {
    margin: .5em;
    flex: 1 0 30%;
    text-align: center;
}

.button-grid--three-across a {
    padding: .5em;
    border: 1px solid #fff;
    background-color: #fff;
    display: block;
}

/***END Button Grid ***/
/***BEGIN V2 - Button Grid  ***/
.button-grid--wrapper {
    margin: 1em;
    display: grid;
    grid-gap: 1.5em;
}

/* no grid support? */
.button-grid--wrapper {
    display: flex;
    flex-wrap: wrap;
}

.button-grid--wrapper {
    display: grid;
    margin: 1em 1em;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(100px, auto);
}

.button-grid--item {
    /* needed for the flex layout*/
    margin: 1em;
    flex: 1 1 200px;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    border-radius: 2px;
    padding: 1em 2em;
    background-color: #fafafa;
    box-shadow: 2px 2px 4px 1px #eeeeee;
    box-sizing: border-box;
    transition: background-color 0.2s ease-out;
}

.button-grid--item a:after,
.button-grid--item a:before {
    transition: border 0.2s ease-out;
}

.button-grid--item a {
    font-size: 1.2em !important;
    text-decoration: none;
    font-weight: 600 !important;
}

.button-grid--item span {
    display: block;
    font-weight: normal !important;
}

/* We need to set the margin used on flex items to 0 as we have gaps in grid.  */
@supports (display: grid) {
    .button-grid--wrapper > * {
        margin: 0;
    }
}

.button-grid--item a:before {
    content: '';
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}

.button-grid--item:hover {
    background-color: #eee;
}

.button-grid--item a:after {
    content: '';
    border-left: 5px solid #1E6B52;
    top: .5em;
    display: block;
    position: absolute;
    /* height: 20px; */
    margin-left: -1em;
    bottom: .5em;
}

.button-grid--item:hover a:after {
    border-left: 5px solid #82c140;
}

/***END V2 - Button Grid  ***/
/*END V2 - Buttons */
/***BEGIN V2 - Faculty Directory ***/
.ur--toolkit .blog.directory {
    display: flex;
    flex-wrap: wrap;
}

.ur--toolkit .blog.directory div.span12 {
    margin-bottom: 0;
}

.ur--toolkit .blog.directory > div.page-header {
    display: block;
    flex-basis: 100%;
}

.ur--toolkit .blog.directory .items-row {
    display: flex;
    margin: 1%;
    border: 1px solid #1E6B52;
    position: relative;
}

.ur--toolkit .blog.directory .span12 {
    display: flex;
}

.ur--toolkit .blog.directory .item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ur--toolkit .blog.directory .items-row .page-header {
    border-bottom: 0;
    margin: 0 .5em;
}

/*removes border bottom on directory titles */
.ur--toolkit .blog.directory .page-header > h2 a {
    font-size: 1.5rem;
}

.ur--toolkit .blog.directory .page-header > h2 {
    margin-top: .5em !important;
    margin-bottom: 0 !important;
}

.ur--toolkit .faculty-profile-title {
    font-weight: 600 !important;
    display: block;
    margin-bottom: 1em;
    color: #666;
}

.ur--toolkit .faculty-profile-intro-text {
    margin-top: 0;
}

/*BEGIN Order*/
.ur--toolkit .blog.directory .item-image {
    order: 1;
    flex-shrink: 0;
}

.ur--toolkit .blog.directory .items-row .page-header {
    order: 2;
}

.ur--toolkit .blog.directory p {
    order: 3;
}

.ur--toolkit .blog.directory .readmore {
    order: 4;
}

/* END Order */
.ur--toolkit .blog.directory .item-image,
.ur--toolkit .blog.directory img {
    margin: 0 auto !important;
}

/*removes margin from image container and image */
.ur--toolkit .blog.directory p {
    padding: .5em;
}

/*adds padding around directory intro text */
.ur--toolkit .blog.directory .readmore {
    padding: 0;
    margin-top: 45px !important;
    margin-bottom: 0
}

.ur--toolkit .blog.directory .readmore {
    display: block;
    width: 100%;
}

.ur--toolkit .blog.directory .readmore a {
    display: block;
    padding: .5em;
}

/*BEGIN 3 Across Directory */
@media all and (min-width:768px) {
    .ur--toolkit .blog.directory--3-across .items-row {
        flex-basis: 47%;
    }
}

@media all and (min-width:1028px) {
    .ur--toolkit .blog.directory--3-across .items-row {
        flex-basis: 31%;
    }
}

/*END 3 Across Directory */
/*BEGIN 4 Across Directory */
@media all and (min-width:768px) {
    .ur--toolkit .blog.directory--4-across .items-row {
        flex-basis: 47%;
    }
}

@media all and (min-width:1028px) {
    .ur--toolkit .blog.directory--4-across .items-row {
        flex-basis: 22%;
    }
}

/*END 4 Across Directory */
/*** END V2 - Faculty Directory ****/
/*** BEGIN V2 - Focus Box  ***/
.ur--toolkit .focus-box {
    position: relative;
}

.ur--toolkit .focus-box-text-container {
    padding: 1.5em;
}

.ur--toolkit .focus-box--full-width--gray,
.focus-box--full-width--green {
    margin: 1.5em 0;
}

.ur--toolkit .focus-box-text-container h2 {
    margin-top: 0 !important;
}

.ur--toolkit .focus-box--pull-right--green,
.ur--toolkit .focus-box--pull-left--green,
.ur--toolkit .focus-box--pull-right--gray,
.ur--toolkit .focus-box--pull-left--gray {
    width: 400px;
}

.ur--toolkit .focus-box--three-across .focus-box-text-container,
.ur--toolkit .focus-box--two-across .focus-box-text-container {
    display: flex;
    flex-wrap: wrap;
}

@media all and (max-width:768px) {

    .ur--toolkit .focus-box--three-across .focus-box-text-container,
    .ur--toolkit .focus-box--two-across .focus-box-text-container {
        flex-direction: column;
    }

    .ur--toolkit .focus-box--three-across .focus-box-text-container,
    .ur--toolkit .focus-box--two-across .focus-box-text-container {
        display: block;
    }
}

.ur--toolkit .focus-box--three-across .focus-box-text-container > div {
    margin: 1em;
    flex-grow: 2;
    flex-basis: 28%;
}

.ur--toolkit .focus-box--two-across .focus-box-text-container > div {
    margin: 1em;
    flex-grow: 2;
    flex-basis: 45%;
}

/*Green Option */
.ur--toolkit .focus-box--full-width--green .focus-box-text-container > *,
.ur--toolkit .focus-box--full-width--green .focus-box-text-container div > *,
.ur--toolkit .focus-box--pull-right--green .focus-box-text-container > *,
.ur--toolkit .focus-box--pull-left--green .focus-box-text-container > * {
    color: #fff;
}

.ur--toolkit .focus-box--full-width--green {
    border-left: 5px solid #82c140;
    box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 0 5px 5px 0;
    background-color: #1E6B52;
}

.ur--toolkit .focus-box--pull-right--green {
    box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 0 5px 5px 0;
    border-left: 5px solid #82c140;
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
    background-color: #1E6B52;
}

.ur--toolkit .focus-box--pull-left--green {
    box-shadow: -5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 5px 0 0 5px;
    border-right: 5px solid #82c140;
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    background-color: #1E6B52;
}

.ur--toolkit .focus-box--pull-right--green a:visited,
.ur--toolkit .focus-box--pull-right--green a:link,
.ur--toolkit .focus-box--pull-left--green a:visited,
.ur--toolkit .focus-box--pull-left--green a:link,
.ur--toolkit .focus-box--full-width--green a:visited,
.ur--toolkit .focus-box--full-width--green a:link,
.ur--toolkit .announcementBox a {
    color: #fff !important;
    font-weight: bold !important;
    border-bottom: 3px solid #cccccc !important;
}

.ur--toolkit .focus-box--pull-right--green a:visited:hover,
.ur--toolkit .focus-box--pull-right--green a:link:hover,
.ur--toolkit .focus-box--pull-left--green a:visited:hover,
.ur--toolkit .focus-box--pull-left--green a:link:hover,
.ur--toolkit .focus-box--full-width--green a:visited:hover,
.ur--toolkit .focus-box--full-width--green a:link:hover,
.ur--toolkit .announcementBox a:hover {
    color: #444 !important;
}

/*Green Option */
/* Gray Option */
.ur--toolkit .focus-box--full-width--gray {
    border-left: 5px solid #1E6B52;
    box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 0 5px 5px 0;
    background-color: #f5f5f5;
}

.ur--toolkit .focus-box--pull-right--gray {
    box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 0 5px 5px 0;
    border-left: 5px solid #1E6B52;
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
    background-color: #f5f5f5;
}

.ur--toolkit .focus-box--pull-left--gray {
    box-shadow: -5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 5px 0 0 5px;
    border-right: 5px solid #1E6B52;
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    background-color: #f5f5f5;
}

@media all and (max-width:768px) {
    .ur--toolkit .focus-box {
        float: none;
        width: 98%;
        margin: 1em 0;
    }
}

/*Gray Option */
/*Focus Box Full-Width Image ***/
.focus-box-full-width-image {
    margin-left: -1.5em;
    margin-right: -1.5em;
    margin-top: -1.5em;
    margin-bottom: .5em;
}

#content .focus-box--pull-right--green .btn--white,
#content .focus-box--pull-left--green .btn--white {
    color: #1E6B52 !important;
    border-bottom: 0 !important;
}

.ur--toolkit #content .focus-box--pull-right--green .btn--white:hover,
#content .focus-box--pull-left--green .btn--white:hover {
    color: #fff !important;
    border: 1px solid #fff !important;
}

/*Focus Box Full-Width Image */
/*** END Focus Box ***/
/*** BEGIN V2 - Footer ***/
.ur--toolkit #footer .uabFooterMenu {
    background-color: #1E6B52;
}

.ur--toolkit #footer_required .moduletable:first-child {
    padding-bottom: 0 !important;
}

.ur--toolkit #footer_required .moduletable.unit-footer {
    padding-bottom: 0 !important;
}

.ur--toolkit div#footer_required {
    margin-bottom: 0 !important;
}

.ur--toolkit div#footer {
    padding-bottom: 0 !important;
}

/*removes extra space at bottom of footer */
.ur--toolkit .unit-footer__wrapper {
    background-color: #1E6B52;
}

.ur--toolkit .unit-footer__container {
    display: flex;
    max-width: 1280px;
    padding: 3em 0 1em;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

@media all and (max-width:500px) {
    .ur--toolkit .unit-footer__container {
        flex-wrap: wrap;
    }
}

/*BEGIN Unit Contact and Address Information */
.ur--toolkit #footer .unit-footer__information-wrapper ul li a:hover {
    color: #444 !important;
    text-decoration: underline;
}

.ur--toolkit .unit-footer__information-container ul li,
.ur--toolkit .unit-footer__information-container ul li a {
    font-size: 13px;
}

.ur--toolkit .unit-footer__information-address,
.ur--toolkit .unit-footer__information-contact {
    color: #fff;
    list-style-type: none;
    text-align: right;
    margin: 0 1em 0 0;
    padding: .1em .5em;
}

.ur--toolkit .unit-footer__information-address {
    margin-top: 1em;
}

@media all and (min-width:500px) {
    .ur--toolkit .logo--custom-footer {
        padding: 0 0 0 1em;
        border-left: 1px solid #e5e5e5;
    }
}

.ur--toolkit .unit-footer__information-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 !important;
    align-items: flex-end;
    flex-shrink: 1.4;
}

@media all and (max-width:500px) {
    .ur--toolkit .unit-footer__information-container {
        order: 2;
        flex-direction: row;
    }
}

/*BEGIN Logo and Social Media */
.ur--toolkit .unit-footer__logo-social-wrapper {
    margin: 0 !important;
}

.ur--toolkit .unit-footer__unit-name {
    font-size: 1.6em;
    margin-top: 0;
    text-align: left;
    margin-left: 6px;
    margin-bottom: 0;
    padding-bottom: 0 !important;
    color: #fff;
    font-weight: bold;
}

@media all and (max-width:500px) {
    .ur--toolkit .unit-footer__unit-name {
        text-align: center;
    }
}

@media all and (min-width:500px) {
    .ur--toolkit #footer .unit-footer__logo-social-wrapper {
        text-align: left;
    }
}

/* BEGIN Follow Button Styles */
.ur--toolkit .at-follow-btn {
    float: none !important;
}

@media all and (min-width:500px) {
    .ur--toolkit .at-follow-btn {
        float: left !important;
        margin: 5px !important;
    }
}

.ur--toolkit #footer .at-icon {
    fill: #1E6B52 !important;
}

.ur--toolkit #footer .at-icon,
.ur--toolkit #footer .at-icon-wrapper {
    height: 1.8pc !important;
    width: 1.8pc !important;
}

.ur--toolkit div#atftbx > p {
    display: none;
}

/*removes paragraph heading */
/* END Follow Button Styles */
/*** END V2 - Footer ***/
/***BEGIN V2- General Element Styles ***/
/*Responsive Video */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Desktop Only Element */
@media all and (max-width: 698px) {
    .ur--toolkit .desktop-only-element {
        display: none;
    }
}

/*Full Width Image on Mobile */
@media all and (max-width: 767px) {
    .ur--toolkit .image--mobile-full-width {
        width: 100% !important;
        float: none !important;
        margin: .5em 0 !important;
    }

    .ur--toolkit .element--mobile-full-width {
        width: 95% !important;
        float: none !important;
        margin: 1.5em auto !important;
    }
}

/*** END V2 - General Element Styles ***/
/*** BEGIN V2 - Link Styling ***/
.ur--toolkit #content p a:link:not(.btn),
.ur--toolkit #content p a:visited:not(.btn),
.ur--toolkit #content ul:not(.uk-tab) li a:link,
.ur--toolkit #content ul:not(.uk-tab) li a:visited,
.ur--toolkit #content ol li a:link,
.ur--toolkit #content ol li a:visited {
    border-bottom: 3px solid rgba(30, 107, 82, 0.5);
    color: #222;
    font-weight: normal;
    transition: all 0.2s linear 0s;
}

.ur--toolkit #content p a:link:hover:not(.btn),
.ur--toolkit #content p a:visited:hover:not(.btn),
.ur--toolkit #content ul:not(.uk-tab) li a:link:hover,
.ur--toolkit #content ul:not(.uk-tab) li a:visited:hover,
.ur--toolkit #content ol li a:link:hover,
.ur--toolkit #content ol li a:visited:hover {
    color: #222;
    border-bottom: 3px solid #cccccc;
    background-color: #deefdf;
    font-weight: normal;
    text-decoration: none;
}

.ur--toolkit .btn-group .dropdown-menu > li > a {
    border-bottom: none !important;
}

/*removes bottom border from bootstrap dropdown menu */
.ur--toolkit #content .focus-box--pull-right--green p a:link:not(.btn),
.ur--toolkit #content .focus-box--pull-right--green p a:visited:not(.btn) {
    border-bottom: 3px solid #fff !important;
    color: #fff;
}

/*adjusts styling for green focus box*/
.ur--toolkit #content .focus-box--pull-right--gray p a:link:not(.btn),
.ur--toolkit #content .focus-box--pull-right--gray p a:visited:not(.btn),
.ur--toolkit .focus-box--full-width--gray p a:visited:not(.btn),
.ur--toolkit .focus-box--full-width--gray p a:link:not(.btn) {
    border-bottom: 3px solid rgba(30, 107, 82, 0.5);
    text-decoration: none;
}

/*adjusts styling for gray focus box*/
/*** END V2 - Link Styling ***/
/***BEGIN V2 - Modules General Styling ***/
.ur--toolkit .module-heading {
    font-size: 1.8em;
    line-height: 120% !important;
    font-family: "kulturista-web", serif !important;
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: .2em;
    margin-bottom: .5em !important;
    font-weight: 600 !important;
}

/****END V2 - Modules General Styling ***/
/***BEGIN V2 - News ***/
.news-feed--with-icons .newsfeed {
    margin-left: 14px !important;
}

.news-feed--with-icons li {
    margin: 0 !important;
    border: none;
}

.news-feed--with-icons a {
    font-weight: 600 !important;
    font-size: 1em !important;
}

.news-feed--with-icons .feed-link:before {
    font-family: FontAwesome;
    content: "\f101";
    color: #82c140;
    margin-left: -14px;
}

.news-feed--with-icons .module-heading {
    margin-bottom: 0.2em !important;
}

/*--Simple RSS Feed - Homepage Feed */
.news-feed--with-icons .srfrList h3 {
    margin: 0 !important;
    font-size: 1em;
}

.news-feed--with-icons .srfrList h3 a {
    font-weight: 600 !important;
}

.news-feed--with-icons .srfrList li {
    border-bottom: 0 !important;
}

.news-feed--with-icons .srfrList h3 :before {
    font-family: FontAwesome;
    content: "\f101";
    color: #82c140;
    margin-left: -14px;
    padding-right: 4px;
}

/*--END Simple RSS Feed - Homepage Feed */
/***END V2 - News ***/
/***BEGIN V2 - Page Min-Height ***/
@media all and (min-width:1025px) {
    .page-min-height--600 {
        min-height: 600px;
    }

    .page-min-height--700 {
        min-height: 700px;
    }

    .page-min-height--800 {
        min-height: 800px;
    }

    .page-min-height--900 {
        min-height: 900px;
    }

    .page-min-height--950 {
        min-height: 950px;
    }

    .page-min-height--1000 {
        min-height: 1000px;
    }

    .page-min-height--1200 {
        min-height: 1200px;
    }

    .page-min-height--1600 {
        min-height: 1600px;
    }
}

/***END V2 - Page Min-Height ***/
/***BEGIN V2 - Popular ***/
.ur--toolkit .mostread.popular-feed--with-icons {
    margin-left: 14px !important;
}

.ur--toolkit .mostread.popular-feed--with-icons li {
    margin: 0 !important;
    border: none;
    padding: .4em 0;
}

.ur--toolkit .mostread.popular-feed--with-icons span {
    font-weight: 600 !important;
    font-size: 1em !important;
}

.ur--toolkit .mostread.popular-feed--with-icons li:before {
    font-family: FontAwesome;
    content: "\f101";
    color: #82c140;
    margin-left: -14px;
}

.ur--toolkit .moduletable.popular-feed--with-icons .module-heading {
    margin-bottom: 0.2em !important;
}

@media all and (max-width:1024px) {

    .ur--toolkit .moduletable.popular-feed--with-icons h3,
    .ur--toolkit .moduletable.popular-feed--with-icons ul {
        margin-left: 10px !important;
    }

    .ur--toolkit .popular-feed--with-icons .mostread li:before {
        margin-left: 0;
    }
}

/***END V2 - Popular ***/
/***BEGIN V2 - Ribbon ***/
#ribbon .dropdown:focus-within > ul {
    visibility: visible;
    display: block;
}

/***END V2 - Ribbon ***/
/*** BEGIN V2 - Sidebar Styling ***/
.ur--toolkit #rightsidebar .nav.menu li {
    padding: .13em .21em !important;
}

.ur--toolkit #rightsidebar ul.nav-child li a {
    position: relative;
    display: block;
}

.ur--toolkit .nav.menu .nav-child > .parent > .nav-child > li > a {
    margin-left: .5em;
}

/*adjusts margin only on children of secondary headings*/
.ur--toolkit #rightsidebar .nav.menu > .parent > a,
.ur--toolkit #rightsidebar .nav.menu > .parent > .nav-header,
.ur--toolkit #rightsidebar .nav.menu > li > .nav-header,
.sidebar-heading--first-level {
    font-size: 1.6em;
    line-height: 120% !important;
    font-family: "kulturista-web", serif !important;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: .5em;
    font-weight: 600 !important;
    padding: .4em .3em !important;
    color: #1e6b52;
    border-left: none !important;
    text-transform: inherit;
}

/*.ur--toolkit #rightsidebar .nav.menu>li>a - removed to fix sidebar for resources menu */
.ur--toolkit #rightsidebar .nav-child > .parent > a,
.ur--toolkit #rightsidebar .nav.menu > .parent > .nav-child > li > .nav-header,
.ur--toolkit .sidebar-heading--second-level {
    font-size: 1.1em;
    padding: 0;
    line-height: 120% !important;
    font-weight: 700 !important;
    text-transform: initial;
    font-family: "proxima-nova", sans-serif !important;
    color: #1e6b52;
}

/*BEGIN Active and Hover Link Styling */
.ur--toolkit #rightsidebar ul.nav.menu li a {
    line-height: 1em !important;
    padding: .4em 0;
    text-decoration: none;
}

.ur--toolkit #rightsidebar .nav.menu li {
    padding: 0 !important;
    margin: .3em 0 !important;
}

.ur--toolkit #rightsidebar .nav.menu a {
    position: relative;
    z-index: 2;
}

.ur--toolkit #rightsidebar ul.nav.menu li a:not(.sidebar-button):hover:before {
    content: '';
    border-left: 5px solid #82c140;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: -5px;
    display: block;
    position: absolute;
    margin-left: -5px;
    background-color: #eee;
    right: 0;
}

.ur--toolkit #rightsidebar ul.nav.menu li a:not(.sidebar-button):hover:after {
    content: '';
    background-color: #eee;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    position: absolute;
    margin-left: -5px;
}

.ur--toolkit #rightsidebar ul.nav.menu li.current.active > a:not(.sidebar-button):before {
    content: '';
    border-left: 5px solid #82c140;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -5px;
    display: block;
    position: absolute;
    margin-left: -5px;
}

.ur--toolkit #rightsidebar ul.nav.menu li.current.active > a:not(.sidebar-button):after {
    content: '';
    background-color: #f5f5f5;
    z-index: -2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin-left: -5px;
}

.ur--toolkit #rightsidebar ul.nav.menu li.current.active a:not(.sidebar-button):hover:after {
    content: '';
    background-color: #eee;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    position: absolute;
    margin-left: -5px;
}

.ur--toolkit #rightsidebar .nav.menu a.default-sidebar-link {
    font-size: 1em;
    font-weight: normal !important;
}

/*END Active and Hover Link Styling */
/*BEGIN Mobile Styles */
@media all and (max-width:1024px) {
    .ur--toolkit #rightsidebar ul.nav.menu li a {
        padding: .8em;
    }

    .ur--toolkit #rightsidebar .nav-child > .parent > a,
    .ur--toolkit #rightsidebar .nav.menu > .parent > .nav-child > li > .nav-header,
    .ur--toolkit .sidebar-heading--second-level {
        font-size: 1.5em;
        padding: .5em;
        margin-top: .5em;
    }

    .ur--toolkit #rightsidebar ul.nav.menu li.current.active > a:before,
    .ur--toolkit #rightsidebar ul.nav.menu li a:hover:before {
        left: 5px;
    }

    .ur--toolkit #rightsidebar ul.nav.menu li.current.active > a:after,
    .ur--toolkit #rightsidebar ul.nav.menu li a:hover:after {
        left: 5px !important;
    }

    .ur--toolkit #rightsidebar .nav.menu > .parent > a,
    .ur--toolkit #rightsidebar .nav.menu > .parent > .nav-header,
    .ur--toolkit #rightsidebar .nav.menu > li > a,
    .ur--toolkit #rightsidebar .nav.menu > li > .nav-header,
    .sidebar-heading--first-level {
        font-size: 2em;
    }
}

/*END Mobile Styles */
/***BEGIN V2 - Second Level Menu Styling  ***/
@media all and (min-width:1024px) {
    .ur--toolkit .deeper.parent .deeper.parent .nav-child a:before {
        content: '-';
        margin-right: 4px;
    }

    .ur--toolkit #rightsidebar .nav-child > .parent > a,
    .ur--toolkit #rightsidebar .nav.menu > .parent > .nav-child > li > .nav-header,
    .ur--toolkit .sidebar-heading--second-level {
        font-size: 1em;
        font-weight: normal !important;
    }
}

.ur--toolkit #rightsidebar .nav-child > .parent > a,
.ur--toolkit #rightsidebar .nav.menu > .parent > .nav-child > li > .nav-header,
.ur--toolkit .sidebar-heading--second-level {
    font-weight: normal !important;
}

@media only screen and (max-width: 600px) {
    .sidebarMobile-v2 {
        width: 90% !important;
        float: none !important;
        margin: 10px auto !important;
    }
}

/***END V2 - Second Level Menu Styling  ***/
/*BEGIN V2 - News */
.ur--toolkit span.subheading-category {
    font-size: 32px !important;
    line-height: 120% !important;
    font-family: "kulturista-web", serif !important;
    color: #333 !important;
    margin: 0.5em 0 !important;
    text-align: left !important;
}

/*changes subcategory font */
/*END V2 - News */
/*** V2 - END Sidebar Styling ***/
/*BEGIN V2 - Typography */
@media only screen and (max-width: 1024px) {
    html {
        font-size: 92.5%;
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 82.5%;
    }
}

h3,
h3 strong,
h3 span,
h3 em,
h3 a,
h4,
h4 strong,
h4 span,
h4 em,
h4 a,
h5,
h5 strong,
h5 span,
h5 em,
h5 a,
.rsform-input-box,
input,
button,
select,
textarea {
    font-family: "proxima-nova", sans-serif !important;
}

h1,
h1 strong,
h1 span,
h1 em,
h1 a,
h2,
h2 strong,
h2 span,
h2 em,
h2 a,
h6,
h6 strong,
h6 span,
h6 em,
h6 a {
    font-family: "kulturista-web", serif !important;
}

body,
p,
span,
div,
a,
button,
em {
    font-family: "proxima-nova", sans-serif !important;
    line-height: 150%;
    font-weight: 400;
    font-size: 16px;
}

h1,
h1 strong,
h1 span,
h1 em,
h1 a {
    font-size: 2rem;
    line-height: 120% !important;
    font-weight: bold !important;
    margin-top: 0 !important;
}

h2,
h2 strong,
h2 span,
h2 em,
h2 a {
    font-size: 1.8rem;
    line-height: 120% !important;
    font-weight: bold !important;
}

h3,
h3 span,
h3 strong,
h3 em,
h3 a {
    font-size: 1.6rem;
    line-height: 120% !important;
    text-shadow: none;
    font-weight: bold !important;
}

h4,
h4 strong,
h4 span,
h4 em,
h4 a {
    font-size: 1.4rem;
    font-weight: bold !important;
    line-height: 120%;
}

h5,
h5 strong,
h5 span,
h5 em,
h5 a {
    font-size: 1.3rem;
    font-weight: bold !important;
    line-height: 120%;
}

h6,
h6 strong,
h6 span,
h6 em,
h6 a {
    font-size: 1.2rem;
    font-weight: bold !important;
}

h2,
h3,
h4,
h5,
h6 {
    line-height: 120% !important;
    margin: 1em 0 10px;
}

/*  h1 {
    line-height: 120% !important;
    margin: 0 0 10px !important;
} */
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    margin-top: 0;
}

/***BEGIN Widgekit Overrides ***/
/*BEGIN WK Grid Gray Boxes */
.wk-grid--gray-boxes .uk-panel {
    border-left: 5px solid #1E6B52;
    box-shadow: 5px 5px 10px 0px rgba(146, 171, 160, .3);
    border-radius: 0 5px 5px 0;
    background-color: #f5f5f5;
}

.wk-grid--gray-boxes .uk-panel h2 {
    margin-top: 0 !important;
}

/*END WK Grid Gray Boxes */
/*BEGIN WK Single Learn More */
.wk-accordion--single-learn-more .uk-accordion-title {
    background-color: transparent;
    border-bottom: none;
    text-align: right;
    font-size: 1.2em;
}

/*END WK Single Learn More */
/***END Widgekit Overrides***/
/**BEGIN Linear Fix ***/
/***BEGIN Quicklinks ***/
#search .btn-primary {
    padding: 1em .6em;
    border: none;
    line-height: 0;
    background-image: none;
    background-color: #1E6B52;
    text-shadow: none;
    transition: color .2s ease-out, background-color .2s ease-out;
    color: #fff;
}

#search .btn-primary:hover {
    color: #fff;
    background-color: #808285;
}

body.hd #quicklinks .nav.menu.nav-pills {
    margin-right: 0;
}

@media all and (min-width:1024px) {
    body.hd #quicklinks .divider.dropdown.deeper.parent:hover {
        text-decoration: none;
    }

    #quicklinks {
        display: flex;
        justify-content: flex-start;
        margin-top: .5em;
        flex-direction: row-reverse;
    }

    /*	#quicklinks .nav.menu.nav-pills>li>.separator:after {
        font-family: FontAwesome;
        content: " \f0d7";
        color: #82c140;
    }*/
    #quicklinks .nav.menu.nav-pills > li > .separator {
        cursor: pointer;
        text-decoration: none;
    }

    body.linear.hd #siteName {
        width: 59%;
    }

    body.linear.hd div.searchpanel {
        width: 40%;
    }

    #search .inputbox.search-query {
        border-radius: 5px 0 0 5px;
        width: 60%;
    }
}

@media all and (max-width:1024px) {
    #quicklinks .nav.menu.nav-pills > li > .separator {
        font-size: 1.2em;
        font-weight: bold;
    }

    #quicklinks .nav.menu.nav-pills > li > .separator {
        border-bottom: 1px solid #82c140 !important;
        width: 100%;
    }

    #quicklinks ul.nav.menu.nav-pills > * {
        width: 100% !important;
    }

    #quicklinks .feed.nav-pills,
    #quicklinks .moduletable,
    #quicklinks ul.nav-child.unstyled.dropdown-menu {
        background-color: transparent !important;
    }
}

/***END Quicklinks ***/
/** BEGIN TIGHTEN HEADER **/
@media (min-width: 980px) {
    .navbar-static-top {
        margin-top: 0;
    }

    body.hd #whitebar {
        margin-top: 20px;
    }
}

/** END TIGHTEN HEADER **/
/** BEGIN FOOTER SPACING FIX **/
#footer {
    padding: 0 !important;
}

#footer_required {
    margin-bottom: 0 !important;
}

/***END Linear Fix ***/
/***BEGIN Localist Calendar ***/
/*BEGIN NEW Card */
.localist-widget-uab {
    display: flex;
    flex-wrap: wrap;
}

.localist-widget-uab > a {
    flex: 1 0 28%;
    min-width: 225px;
    max-width: 262px;
    border: 1px solid #1E6B52 !important;
    background-color: #fff;
    transition: all ease 0.2s;
    margin: 1em;
}

.localist-widget-uab a li {
    width: initial;
    float: initial;
    margin: initial;
    border: 0;
    height: 100%;
}

.localist-widget-uab > a:hover {
    box-shadow: 0px 10px 0 -6px #80bc00;
    transform: scale(1.02);
    transition: all ease 0.2s;
}

.localist-widget-uab .lwd {
    height: auto !important;
}

.localist-widget-uab .lwd img,
.localist-widget-uab .lwi0 {
    width: 100%;
}

.localist-widget-uab .title h4 {
    margin-top: 15px;
    font-size: 1.3rem;
}

.localist-widget-uab div.des {
    float: none !important;
    line-height: 120% !important;
    font-size: 1em !important;
    background-color: #fafafa;
    margin-left: -10px;
    margin-right: -10px;
    padding: 1em;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.localist-widget-uab div.secondblock {
    padding: 0px 10px 10px 10px !important;
}

.localist-widget-uab .time {
    font-weight: 600 !important;
    text-align: left;
}

.localist-widget-uab .moredates {
    display: block;
    padding-left: 0 !important;
}

.localist-widget-uab .date-label .day,
.localist-widget-uab .date-label .month {
    font-family: "kulturista-web", serif !important;
    color: #fff !important;
}

.localist-widget-uab div.date-label {
    background-color: #1E6B52 !important;
}

/*BEGIN Grid Layout */
@supports (display: grid) {
    .localist-widget-uab {
        display: grid;
        grid-gap: 20px;
    }

    .localist-widget-uab > a {
        min-width: initial;
        max-width: initial;
        margin: initial;
    }

    @media all and (min-width:600px) {
        .localist-widget-uab {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media all and (min-width:900px) {
        .localist-widget-uab {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }

    @media all and (min-width:1024px) {
        .localist-widget-uab {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }
}

/*END Grid Layout */
/*END New Card */
/*BEGIN Date Square */
.ur--toolkit .localist-widget-eds li {
    display: flex;
    margin: 0 10px .5em 0;
}

.ur--toolkit .localist-widget-eds h4 {
    margin: 0 !important;
    line-height: 1em !important;
}

.ur--toolkit .localist-widget-eds div.localist-dateblock {
    min-width: 60px;
}

.ur--toolkit .localist-widget-eds div.localist-secondblock {
    margin: 0 0 0 1em !important;
}

.ur--toolkit .localist-widget-eds .localist-dateblock {
    border: 0 !important;
}

.ur--toolkit .localist-widget-eds div.localist-day {
    box-shadow: none !important;
}

.ur--toolkit .localist--all-events-link {
    padding: .5em;
    font-weight: bold !important;
    border: 1px solid #80bc00;
    display: block;
    font-family: 'kulturista-web', serif !important;
}

/*END Date Square */
.ur--toolkit a.view-all-events-btn {
    padding: .5em;
    font-weight: bold !important;
    border: 1px solid #80bc00;
    font-family: 'kulturista-web', serif !important;
    display: block;
    max-width: 400px;
    margin: 1em auto;
}

/***END Localist Calendar ***/
/***BEGIN News Card Layout ***/
.news-feed--card-layout {
    margin-bottom: 2em;
}

@media all and (min-width:600px) {
    .news-feed--card-layout--four-across ul.srfrList {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (min-width:900px) {
    .news-feed--card-layout--four-across ul.srfrList {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media all and (min-width:1024px) {
    .news-feed--card-layout--four-across ul.srfrList {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.news-feed--card-layout ul.srfrList {
    display: grid;
    grid-gap: 20px;
}

.news-feed--card-layout ul.srfrList li {
    border: 1px solid #1E6B52 !important;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all ease 0.2s;
    background-color: #fff;
}

.news-feed--card-layout ul.srfrList li:hover {
    box-shadow: 0px 10px 0 -6px #80bc00;
    transform: scale(1.02);
    transition: all ease 0.2s;
}

.news-feed--card-layout ul.srfrList li h3 {
    margin-top: 0;
    line-height: 100% !important;
}

.news-feed--card-layout ul.srfrList li h3 a {
    font-size: 1.3rem;
}

.news-feed--card-layout ul.srfrList li > p {
    order: -1;
    margin: -8px -8px 0px !important;
}

.news-feed--card-layout ul.srfrList li > p a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
}

div.news-feed--card-layout.srfrContainer ul.srfrList li img.srfrImage {
    margin: 0 !important;
}

.news-feed--card-layout .srfrReadMore {
    margin-top: 40px;
}

.news-feed--card-layout .srfrReadMore a {
    padding: .5em;
    font-weight: 600 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fafafa;
    border-width: 1px 0 0 0;
    border-color: #eee;
    border-style: solid;
    text-transform: uppercase;
    font-size: .9rem !important;
    text-align: center;
}

.news-feed--card-layout .K2FeedFullText {
    display: none;
}

.news-feed--card-layout .srfrRow h3 a::after {
    display: block;
    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;
}

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

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

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

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

/*--Three Across **/
@media all and (min-width:600px) {
    .news-feed--card-layout--three-across ul.srfrList {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (min-width:900px) {
    .news-feed--card-layout--three-across ul.srfrList {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/*--END Three Across **/
/***END News Card Layout ***/
/***BEGIN Temporary CSS ***/
/*This CSS is temporarily being used while CAS sites are being updated*/
/***BEGIN Legacy Action Buttons ***/
.CAS-legacy-action-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -6px !important;
}

.CAS-legacy-action-buttons a {
    flex: 1 0 200px;
    color: #fff !important;
    font-size: 1.4em !important;
    padding: 1em 0;
    border: 1px solid #eee;
    background-color: #808285;
    font-family: "kulturista-web", serif !important;
}

.CAS-legacy-action-buttons a:hover {
    background-color: #1E6B52;
    color: #444 !important;
}

@media all and (max-width:1024px) {
    .CAS-legacy-action-buttons {
        flex-direction: column;
    }

    .CAS-legacy-action-buttons a {
        flex: 1 0 auto;
    }
}

/***END Legacy Action Buttons ***/
/***END Temporary CSS ***/
/*---region Quicklinks */
#quicklinks .nav.menu.nav-pills > li > .separator:after {
    font-family: 'IcoMoon';
    content: "\e011";
    color: #82c140;
}

.quicklink--link {
    font-size: 14px !important;
    margin: 1px 15px 0 !important;
    display: block;
    text-align: center;
}

.quicklink--button--gray {
    font-size: 14px !important;
    margin: -2px 0px 0 !important;
    display: block;
    background-color: #eee;
    padding: 3px 8px;
    margin-top: -3px;
    font-family: "kulturista-web", serif !important;
    text-align: center;
}

body.linear.hd #search button.btn-primary {
    padding: 15px 0.6em;
}

@media (min-width: 1024px) {
    div#quicklinks {
        display: flex !important;
    }

    #whitebar {
        display: flex;
        margin-bottom: 27px !important;
    }

    body.linear.hd #siteName {
        width: 57%;
    }

    body.linear.hd div.searchpanel {
        width: 43%;
    }

    body.linear.hd #search .inputbox.search-query {
        margin-right: -3px;
    }
}

/*---endregion Quicklinks */
/*---#region Department Template */
.logo-download-table a {
    font-weight: bold;
}

/***BEGIN Campus Calendar Page ***/
.communication-channel-container {
    display: flex;
    flex-wrap: wrap;
}

.channel-description {
    flex: 1 0 40%;
}

.channel-description p:first-child {
    margin-top: 0 !important;
}

.channel-image {
    flex: 1 0 10%;
    margin: 0 1em;
    min-width: 250px;
}

.channel-details > span {
    display: block;
    margin: 1em 0;
}

@media all and (min-width:600px) {
    .channel-details {
        display: flex;
        background-color: #fafafa;
        margin: 1em 0;
        justify-content: space-between;
    }

    .channel-details > span {
        flex-basis: 50%;
    }

    .channel-details > span {
        margin: 0;
    }

    .channel-details > span:first-child {
        margin: 0 1em 0 0;
    }
}

.communication-channel-wrapper h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.communication-channel-wrapper {
    margin-top: 2em;
}

.toolkit-subheading-audience {
    color: #808285;
    font-size: 1.3em;
    min-width: 300px;
}

.toolkit-heading-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.channel-image img {
    border: 1px solid #d3d3d3;
}

@media all and (max-width:599px) {
    .channel-image {
        display: none;
    }
}

/*BEGIN Apple Heading */
.apple-heading {
    position: relative;
    z-index: 2;
    padding: .3em 0;
    margin-top: .3em !important;
    margin-bottom: 1.5em !important;
}

h4.apple-heading:before,
h4.apple-heading:after {
    position: absolute;
    content: '';
    left: -2em;
}

h4.apple-heading:before {
    background-color: #80bc00;
    bottom: 0;
    top: 0;
    right: 0;
    display: block;
    z-index: -1;
    box-shadow: 4px 5px 13px -2px #123d2f;
}

h4.apple-heading:after {
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: -2;
    border-width: 0 13px 10px 0;
    border-color: transparent rgba(30, 107, 82, .8) transparent transparent;
}

/*END Apple Heading */
.calendar--video-tutorials li {
    position: relative;
}

.calendar--video-tutorials li:before {
    content: "\f03d";
    font-family: FontAwesome;
    padding-right: .5em;
    font-size: 1em;
    color: #1E6B52;
}

/***END Campus Calendar Page ***/
/***BEGIN Link Overrides ***/
.ur--toolkit .btn--white,
.ur--toolkit .btn--green {
    border: 1px solid rgba(30, 107, 82, 0.5) !important;
}

.ur--toolkit .btn--white:hover {
    color: #fff !important;
    -webkit-transition: all 0.2s!important;
    transition: all 0.2s!important;
    background-color: #1e6b52 !important;
    text-decoration: none;
}

.ur--toolkit .btn--green:hover {
    border: 1px solid rgba(30, 107, 82, 0.5) !important;
    color: #222 !important;
    font-weight: normal !important;
    background-color: #fff !important;
}

/***END Link Overrides ***/
/***BEGIN Campus Calendar Page ***/
.indentend-content-box:before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: -1em;
    font-size: 3em;
    color: #80bc00;
}

.indentend-content-box {
    margin-left: 1.5em;
    position: relative;
    padding-right: 1em;
}

.indentend-content-box h4,
.indentend-content-box h3 {
    margin-top: 0 !important;
}

.ur--toolkit .calendar--pull-box a {
    color: #fff !important;
    font-weight: bold !important;
    border-bottom: 3px solid #fff !important;
}

.ur--toolkit .calendar--pull-box a:hover {
    color: #444 !important;
}

.indentend-content-box--wrapper {
    margin: 0 auto;
    padding: 1.5em;
}

.calendar-buttons--wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.calendar-buttons--wrapper a {
    border: 2px solid #80bc00;
    padding: .5em 1em;
    margin: 1em;
    text-align: center;
    flex: 1 0 120px;
}

.calendar--pull-box {
    background-color: #1E6B52;
    padding: 2em;
    flex: 1 0 23%;
    margin: 1em;
    min-width: 340px;
    box-sizing: border-box;
}

.calendar--pull-box p,
.calendar--pull-box h4 {
    color: #fff !important;
}

.calendar-features--container {
    display: flex;
    flex-wrap: wrap;
}

.calendar-features--container div {
    flex: 1 0 28%;
    margin: .2em 1em;
    min-width: 200px;
}

.calendar-features--container div,
.calendar-features--container h3 {
    text-align: center;
}

.calendar-features--container i {
    color: #80bc00;
}

/***END Campus Calendar Page ***/
/***BEING Forms Override ***/
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    .formResponsive {
        margin: 0;
    }
}

.formResponsive .formHorizontal textarea,
.formResponsive select {
    box-sizing: border-box;
    width: auto !important;
}

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

    .formResponsive input[type="text"],
    .formResponsive input[type="password"],
    .formResponsive textarea,
    .formResponsive select {
        width: auto !important;
    }
}

/***END Forms Override ***/
/***BEGIN Footer Override ***/
.footerGreen #lockedFooter.footerGreen,
.footerGreen #footer.footerGreen {
    background-color: #1e6b52 !important;
}

/***END Footer Override ***/
/***BEGIN First Item ***/
.swatch-color {
    height: 100px;
}

/***END First Item ***/
/***BEGIN Stationery and Business Cards ***/
.letter-head-template-title {
    font-weight: bold;
    text-align: center;
    margin: 0 !important;
    padding: 10px 0;
    border-top: 6px solid #80bc00;
}

.click-to-enlarge {
    text-align: center;
    font-weight: 600;
    color: #808285;
    font-size: 1.6em;
    margin: 0 !important;
}

.stationery-title {
    text-align: center;
    margin-bottom: 0 !important;
}

.letterhead-wrapper .template-item,
.memo-pads-wrapper .template-item {
    max-width: 190px;
    min-width: 180px;
}

.business-cards-wrapper .template-item {
    max-width: 400px;
    min-width: 400px;
}

.template-item {
    position: relative;
}

.template-badge {
    position: absolute;
    top: 20%;
    left: 0;
    background-color: #aa9767;
    color: #fff;
    padding: .3em .3em;
    text-align: left;
}

.template-alignment {
    text-align: centered;
    margin: 0 !important;
    padding-bottom: 1em;
}

/***END Stationery and Business Cards ***/
/***BEGIN Download Buttons ***/
.tk-download-button-container {
    float: right;
    margin: 1em;
}

.tk-download-button {
    text-align: center;
}

@media all and (max-width:500px) {
    .tk-download-button-container {
        float: none;
        margin: 1em 0 .5em;
    }

    .tk-download-button {
        width: 100%;
        box-sizing: border-box;
        padding: .3em 0;
    }
}

/***END Download Buttons ***/
/***BEGIN Sidebar Mobile ***/
@media (max-width: 1024px) {
    body.hd #sidebar_trigger.active {
        z-index: 4;
    }

    div#leftcolumn {
        z-index: 3 !important;
    }

    body.hd .sidebar,
    body.hd .sidebarpanel_content {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 1em;
    }
}

@media all and (min-width:980px) and (max-width:1024px) {
    .nav-collapse.collapse {
        margin-top: 16px;
    }
}

@media all and (min-width:980px) {
    body.hd.ribbonFullwidth #ribbon {
        height: 400px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 980px) {
    .sidebars #whitebox {
        position: relative;
        z-index: 100;
    }
}

/*** BEGIN Logo Downloads ***/
span.trademark-size {
    font-size: 1.5em;
    vertical-align: inherit;
}

.logo-download-table td {
    border: 1px solid #fff;
}

.logo-download-table th {
    border: none;
    background-color: #fafafa;
}

.logo-download-table {
    margin-top: 1em;
    border: 1px solid #fff;
}

ul.download-tabs a {
    border-color: #eee #eee #ddd;
}

ul.download-tabs .active a,
ul.download-tabs .active a:hover,
ul.download-tabs .active a:focus,
ul.download-tabs a:hover {
    background-color: #1E6B52 !important;
    color: #fff !important;
    cursor: pointer;
}

ul.download-tabs a {
    font-size: 1.2em;
    background-color: #fff;
}

.downloads--logo-downloads td a {
    font-weight: bold !important;
    color: #1e6b52 !important;
}

/***END Logo Downloads ***/
/*** BEGIN General ***/
body.hd.inside #whitebox {
    max-width: 1280px
}

.toolkit-list-margin {
    margin-left: 2em;
}

.prevent-logo-download,
.tk-grid .uk-width-medium-3-10 {
    position: relative;
}

.prevent-logo-download:after,
.tk-grid .uk-width-medium-3-10:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: transparent;
    position: absolute;
}

/* 
@media (max-width: 1024px) {
body.linear.hd #whitebar {
    height: 60px;
}
}
 */
body.linear.hd #whitebar {
    background-color: transparent;
}

.ur--toolkit [class*=uk-icon-] {
    font-family: FontAwesome !important;
}

.uk-icon-button {
    background: #80bc00;
    color: #fff;
}

.uk-icon-button:focus,
.uk-icon-button:hover {
    background-color: #1E6B52;
    color: #fff !important;
}

/***END General ***/
/***BEGIN Popover ***/
@media all and (min-width:768px) {
    .tk-popover .uk-panel-box {
        background-color: #1E6B52;
        color: #fff;
    }

    .tk-popover .uk-panel-box p,
    .tk-popover .uk-panel-box h3 {
        color: #fff;
        margin-top: 0 !important;
    }
}

.tk-popover .uk-panel-box h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media all and (min-width:900px) {
    .tk-popover .uk-dropdown-blank {
        width: 400px !important;
    }
}

/***END Popover ***/
/***BEGIN Social Media ***/
.social-media-channel {
    margin-top: 2em;
}

.social-media-at-uab {
    padding: 1em;
}

.social-media-at-uab i.fab {
    font-size: 1.5em;
}

.social-media-at-uab h3 {
    padding-bottom: .4em;
    margin-bottom: .4em !important;
}

.social-media-at-uab ul {
    flex: 1 0 45%;
    margin: 1em;
    list-style-type: none;
    margin: 0;
}

.social-media-at-uab li {
    margin-top: .5em;
    text-align: center;
}

.social-media-at-uab {
    flex: 1 35%;
    justify-content: center;
    border-right: 4px solid #1E6B52;
    background-color: #fff;
    box-shadow: -3px 2px 8px 0px #d3d3d3;
    border-radius: 3px;
}

/*** BEGIN Toolkit Feedback Epilogue ***/
body.hd.ribbonFullwidth #epilogue {
    border-bottom: 6px solid #80bc00;
    padding-bottom: 1em;
    background-color: #fafafa;
    max-width: 100% !important;
    padding: 2em 0;
}

#epilogue p {
    padding-top: 0 !important;
}

.tk-feedback-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tk-feedback-container h3 {
    margin-top: .3em !important;
}

.tk-feedback-container .far.fa-question-circle {
    color: #444444;
    font-size: 2.5em;
}

@media all and (max-width:747px) {
    .tk-feedback-container .far.fa-question-circle {
        display: none;
    }
}

.tk-feedback-text {
    max-width: 700px;
    margin-left: .5em;
}

/*** END Epilogue ***/
/***BEGIN Logo Guidelines ***/
.logo-guidelines-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    justify-content: space-between;
}

.logo-guidelines-item {
    flex: 0 0 40%;
    margin: 1em;
    background-color: #fff;
}

.logo-guidelines-item h3 {
    margin-top: 0 !important;
}

/***END Logo Guidelines ***/
/***BEGIN Internal Unit Identity ***/
.internal-unit-logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.internal-unit-logo-container h3 {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
    text-align: center;
    padding-bottom: .2em;
}

.internal-unit-logo-item {
    flex: 1 0 25%;
    margin: 1em;
    display: flex;
    align-items: center;
    flex-direction: column;
}

/***END Internal Unit Identity ***/
/***BEGIN Athletics Logo Usage ***/
.athletics-clothing-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.athletics-clothing-container div:first-child {
    flex: 1 0 65%;
    margin: 1em;
}

.athletics-clothing-container div:last-child {
    flex: 1 0 25%;
    margin: 1em;
}

.athletics-clothing-container p {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

.athletics-logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.athletics-logo {
    flex: 0 0 40%;
    margin: 1em;
    align-items: center;
}

.athletics-logo {
    position: relative;
}

.athletics-logo:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: transparent;
    position: absolute;
}

/***END Athletics Logo Usage ***/
/***BEGIN Core Logo ***/
.core-logo-item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
}

.core-logo-text {
    flex: 1 0 40%;
    margin: 1em;
}

.core-logo-text h3 {
    margin-top: 0 !important;
}

.core-logo {
    display: flex;
    flex: 1 0 50%;
    margin: 1em;
    justify-content: center;
    align-items: center;
}

.tk-download-button-container {
    float: right;
    margin: 1em;
}

.tk-download-button {
    text-align: center;
}

@media all and (max-width:500px) {
    .tk-download-button-container {
        float: none;
        margin: 1em 0 .5em;
    }

    .tk-download-button {
        width: 100%;
        box-sizing: border-box;
        padding: .3em 0;
    }
}

/***END Core Logo ***/
/***BEGIN Logo Inappropriate Usage ***/
.logo-misuses-container {
    flex: 1 0 300px;
    margin: 1em;
    padding: 0em !important;
}

.logo-misuses-container p {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0 !important;
}

.logo-misuses-examples {
    width: 300px;
    margin: 1em;
}

.fas.fa-times-circle {
    color: #aa9767;
    margin-right: 4px;
    font-size: 1.2em;
}

.logo-misuses-text {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #d3d3d3;
    padding: .3em .2em;
}

.logo-misuses-wrapper {
    display: flex;
    flex-wrap: wrap;
}

/***END Logo Inappropriate Usage ***/
/***BEGIN Home Icon Animations ***/
.link-overlay-container:hover .typography-breakdown {
    background-image: url(https://uab.edu/toolkit/images/home/uab-typography-breakdown-identifiers.png);
    height: 250px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(500px);
    transition: transform .6s linear;
}

.typography-breakdown-second-image {
    background-image: url(https://uab.edu/toolkit/images/home/uab-typography-breakdown-words.png);
    height: 200px;
    width: 300px;
    background-size: contain;
    background-repeat: no-repeat;
}

.typography-breakdown {
    background-image: url(https://uab.edu/toolkit/images/home/uab-typography-breakdown-identifiers.png),
        url(images/home/uab-typography-breakdown-words.png);
    height: 200px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.2s linear;
}

.link-overlay-container:hover .logo-breakdown {
    background-image: url(https://uab.edu/toolkit/images/home/uab-logo-breakdown.png);
    width: 300px;
    background-size: contain;
    background-repeat: no-repeat;
}

.logo-breakdown {
    background-image: url(https://uab.edu/toolkit/images/home/uab-logo-white-breakdown.png);
    width: 300px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.2s linear;
}

.link-overlay-container:hover .color-wheel {
    background-image: url(https://uab.edu/toolkit/images/home/uab-color-wheel-2.png);
    height: 190px;
    width: 190px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(60deg);
}

.color-wheel {
    background-image: url(https://uab.edu/toolkit/images/home/uab-color-wheel-2.png);
    height: 190px;
    width: 190px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s linear;
}

.color-wheel-container.link-overlay-container img {
    transition: transform 0.2s linear;
}

.color-wheel-container.link-overlay-container:hover img {
    transform: rotate(60deg);
    transition: transform 0.2s linear;
}

/*.link-overlay-container:hover .logo-text {
    transform:translatey(0px);
}
.logo-text {
    transform:translatey(100px);
    transition:transform .2s linear;
}*/
.link-overlay-container {
    overflow: hidden;
}

.toolkit-home-icon-container {
    height: 230px;
    display: flex;
    justify-content: center;
}

/***END Home Icon Animations ***/
/***BEGIN Page Options ***/
.link-overlay-container {
    position: relative;
}

.link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}

.promo-vendor-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.promo-vendor-list > div {
    flex: 1 0 45%;
    margin: 1em;
}

.toolkit-pull-box {
    box-shadow: 3px 2px 8px 0px rgba(211, 211, 211, .4);
    background-color: #fafafa;
    padding: 1em;
}

.toolkit-subheading {
    border-bottom: 1px solid #80bc00;
    padding-bottom: .3em;
    margin-top: 0 !important;
}

/***BEGIN Snapchat ***/
#jcemediabox-popup-caption p {
    font-size: 2em !important;
    font-weight: bold;
}

/***END Snapchat ***/
/***BEGIN Banner ***/
.toolkit-banner {
    background-color: #d3d3d3;
    height: 400px;
    background-image: url('/toolkit/images/banners/toolkit-banner-5.jpg');
    background-size: cover;
    background-position: 50%;
}

.toolkit-interior-banner {
    background-color: #d3d3d3;
    height: 400px;
    background-image: url('/toolkit/images/banners/toolkit-banner-5.jpg');
    background-size: cover;
}

@media all and (min-width:1280px) {
    .toolkit-interior-banner {
        background-position: 0 100%;
    }
}

@media all and (max-width:1280px) {
    .toolkit-interior-banner {
        background-position: 0 -80px;
    }
}

/***BEGIN Bootstap Tabs ***/
.bootstap-tabs .active a,
.bootstap-tabs .active a:hover,
.bootstap-tabs .active a:active {
    background-color: #1E6B52 !important;
    color: #fff !important;
    transition: color 0s ease-out;
}

.bootstap-tabs > li > a:not(.active) {
    border-color: #eee #eee #ddd;
}

#content .bootstap-tabs > li {
    margin-bottom: 0;
}

/***END Bootstrap Tabs ***/
/***BEGIN Tempplate Page***/
.btn--white-background {
    background-color: #fff;
}

.button-side-by-side {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.button-side-by-side a {
    flex: 1 0 150px;
    background-color: #fff;
}

.button-side-by-side a:first-child {
    border-bottom: 1px solid #eee !important;
}

.template-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.template-thumbnail,
.template-downloads {
    text-align: center;
}

.template-downloads {
    border-top: 6px solid #80bc00;
}

.template-thumbnail {
    background-color: #fff;
}

.template-thumbnail img {
    min-width: 100%;
}

.template-item {
    background-color: #f5f5f5;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
    margin: 2em 0;
    padding: 0;
    border-radius: 3px;
    flex: 1 0 40%;
    margin: 1em;
}

.template-three-across .template-item {
    flex: 1 0 25%;
}

.template-four-across .template-item {
    flex-basis: 20%;
}

.template-two-across .template-item {
    flex: 1 0 40%;
}

.snapchat-filters .template-item {
    max-width: 60px;
    min-width: 60px;
}

.snapchat-filters {
    justify-content: center;
}

.template-item h3 {
    text-align: center;
}

.template-downloads .btn--white {
    width: 100%;
    padding: .3em 0 !important;
    border: none !important;
}

/***END Template Page***/
/***BEGIN Quicklinks ***/
#search .buttongcsBox {
    padding: 0 .6em;
    border: none;
    line-height: 0;
    background-image: none;
    background-color: #1E6B52;
    text-shadow: none;
    transition: color .2s ease-out, background-color .2s ease-out;
}

#search button.gcsBox {
    margin-top: 0;
}

#search .buttongcsBox:hover {
    color: #fff;
    background-color: #808285;
}

@media all and (min-width:1024px) {
    body.hd #quicklinks .divider.dropdown.deeper.parent:hover {
        text-decoration: none;
    }

    .inputboxgcsBox {
        border: 0 !important;
    }

    #quicklinks {
        display: flex;
        justify-content: flex-start;
        margin-top: .5em;
        flex-direction: row-reverse;
    }

    .mod_googleSearch_csegcsBox {
        display: flex;
        justify-content: flex-end;
    }

    #quicklinks .nav.menu.nav-pills > li > .separator:after {
        font-family: FontAwesome;
        content: " \f0d7";
        color: #82c140;
    }

    #quicklinks .nav.menu.nav-pills > li > .separator {
        cursor: pointer;
        text-decoration: none;
    }

    body.linear.hd #siteName {
        width: 69%;
    }

    body.linear.hd div.searchpanel {
        width: 30%;
    }
}

@media all and (max-width:1024px) {
    #quicklinks .nav.menu.nav-pills > li > .separator {
        font-size: 1.2em;
        font-weight: bold;
    }

    #quicklinks .nav.menu.nav-pills > li > .separator {
        border-bottom: 1px solid #82c140 !important;
        width: 100%;
    }

    #quicklinks ul.nav.menu.nav-pills > * {
        width: 100% !important;
    }

    #quicklinks .feed.nav-pills,
    #quicklinks .moduletable {
        background-color: transparent !important;
    }

    #search .buttongcsBox {
        margin-left: -9px !important;
    }
}

/***END Quicklinks ***/
/***BEGIN Widgekit Grid ***/
.tk-grid .uk-grid.uk-text-left.uk-flex-middle {
    padding: 1em;
    background-color: #f5f5f5;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
    margin: 2em 0;
    padding: 0;
    border-radius: 3px;
}

.tk-grid .uk-grid > * {
    padding-left: 0 !important;
}

.tk-grid .uk-grid img,
.uk-grid {
    border-radius: 3px 0 0 3px;
}

.tk-grid .uk-grid img {
    border-right: 4px solid #00704a;
}

.tk-grid h3 {
    margin-top: 0 !important;
}

.tk-grid.no-line .uk-grid img {
    border-right: none;
}

/***ENG Widgekit Grid ***/
/***BEGIN Widgekit Tab Nav***/
.uk-tab > li > a:hover {
    border-bottom: 1px solid #f5f5f5;
}

.uk-tab > li > a {
    border: 1px solid #eee;
    font-family: proxima-nova, san-serif !important;
    font-weight: 600;
    font-size: 18px;
}

/*adds border on tabs */
.uk-tab > li.uk-active > a {
    background: #1E6B52;
    color: #fff;
    border: none;
    border-bottom: 1px solid #1E6B52;
    -webkit-transition: color 0s;
    -o-transition: color 0s;
    transition: color 0s;
}

/* changes background color and text color of active tab in widgekit.  Removes border on active tab. */
.uk-tab > li.uk-active > a:hover {
    color: #fff !important;
    /*changes hover color of text of active tab*/
}

.uk-nav-dropdown > li.uk-active > a {
    color: #1E6B52;
    background-color: #f5f5f5;
}

/*changes text color and background color of active link in tab dropdown - on mobile or when tab text doesn't fit screen width*/
.uk-nav-dropdown > li > a:hover {
    background: #eee;
}

/*changes background color of hovered over link in tab dropdown - on mobile or when tab text doesn't fit screen width*/
.uk-tab .uk-nav-dropdown > li > a {
    font-weight: 400;
}

/*changes font weight of dropdown menu links - on mobile or when tab text doesn't fit screen width */
.uk-switcher .uk-panel {
    padding: 15px;
}

/*adds padding around tab content*/
.uk-margin-top.uk-switcher {
    margin-top: 0 !important;
}

/*removes excess margin above tab content*/
/***END Widgekit Tab Nav***/
/***FONT Page ***/
.gray-box-wrapper {
    padding: 1em;
    background-color: #f5f5f5;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
    margin: 1em 0;
}

.font-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: .5em;
}

.font-container p {
    margin: 0;
    font-size: 1.1em;
}

/***BEGIN Place an Order Dropdown ***/
.left-position.sidebarpanel_content {
    width: 100% !important;
}

.toolkit-dropdown .dropdown-toggle {
    text-align: center;
    border: 1px solid #d3d3d3 !important;
    border-radius: 20px !important;
    padding: .6em 5em !important;
    background-color: #80bc00;
    font-weight: bold !important;
    transition: all .2s linear;
    display: block;
    background-image: none;
    color: #fff !important;
    font-size: 17px;
    text-shadow: none;
}

.toolkit-dropdown .btn-group.open .btn.dropdown-toggle {
    background-color: #eee;
    color: #444 !important;
}

.toolkit-dropdown .btn-group.open .dropdown-toggle .caret:focus {
    border-top: 4px solid #444;
}

.toolkit-dropdown a.dropdown-toggle:hover {
    text-decoration: none;
    background-color: #eee;
    color: #444 !important;
    transition: all .2s linear;
    border-bottom: 0;
    background-image: none;
    text-shadow: none;
}

.toolkit-dropdown .dropdown-toggle .caret {
    border-top: 4px solid #fff;
    margin-top: 9px;
    margin-left: 3px;
}

.toolkit-dropdown .dropdown-toggle:hover .caret {
    border-top: 4px solid #444;
    transition: all .2s linear;
}

.toolkit-dropdown {
    width: 100%;
    border-radius: 0;
}

.toolkit-dropdown a {
    font-size: 1em;
    font-family: proxima-nova, sans-serif !important;
    padding: 12px !important;
    font-size: 16px;
    font-weight: normal !important;
}

.toolkit-dropdown a {
    border-bottom: 0;
    margin: 0;
}

.toolkit-dropdown .dropdown-menu .current.active a,
.toolkit-dropdown .dropdown-menu a:focus {
    background-color: #f5f5f5 !important;
    background-image: none;
}

.toolkit-dropdown .dropdown-menu > li > a:hover,
.toolkit-dropdown .dropdown-menu > li > a:active {
    background-color: #eee;
    color: #444 !important;
    background-image: none;
    transition: none;
}

.toolkit-dropdown .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px;
    top: 97%;
    min-width: 260px;
}

/***END Place an Order ***/
/***BEGIN V2 - Accordion ***/
.ur--toolkit .uk-accordion-title {
    border-bottom: 1px solid #eee !important;
}

/* .ur--toolkit .v2-accordion-wrapper .uk-accordion-content {
    background-color: #eee;
    border-top: 4px solid #1E6B52;
    border-bottom: 1px solid #ccc;
}
.ur--toolkit .v2-accordion-wrapper .uk-accordion-title:after {
    background-color: #82c140;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    color: #fff;
    text-align: center;
    content: '';
    left: .1em;
    top: .23em;
}
.ur--toolkit .v2-accordion-wrapper .uk-accordion-title:before {
    content: '+ ';
    position: absolute;
    z-index: 1;
    left: .33em;
    color: #fff;
    font-size: 1.2em;
    top: .23em;
}
.ur--toolkit .v2-accordion-wrapper .uk-accordion-title.uk-active:before {
    position: absolute;
    left: 11px;
    top: 4px;
    content: "-";
}
.ur--toolkit .v2-accordion-wrapper .uk-accordion-title {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    position: relative;
}
.ur--toolkit .v2-accordion-wrapper h3.uk-accordion-title {
    margin-top: .3em !important;
    padding-left: 1.7em !important;
    font-size: 1.3em;
    padding-bottom: .3em !important;
    margin-bottom: 0 !important;
} */
/***END V2 - Accordion ***/
.carousel-control {
    background: #00704a;
}

body a.carousel-control:hover,
a.carousel-control:link {
    color: #fff !important;
}

/***BEGIN Full Width Page ***/
body.full-width-page #content {
    width: 100%;
    z-index: 2;
}

/***END Full Width Page ***/
/***BEGIN FA Home ***/
/*Icon Block */
.green-background-block {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2em;
}

.green-background-block img {
    /*box-shadow: 1px 1px 6px 0px rgba(136, 136, 136, 0.5);
    background-color: #fafafa;*/
    padding: 10px;
    /*width:300px;*/
}

.green-background-block > div {
    flex: 0 0 25%;
    margin: 2em;
    /* max-width: 300px;*/
}

.green-background-block h2,
.green-background-block p {
    padding: .5rem 0 0 .5rem;
}

.green-background-block h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center;
}

/*
.green-background-block:after {
    background-color: #00704a;
    content: '';
    height: 38%;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-top: 9px solid #80bc00;
}
*/
@media all and (max-width:767px) {
    .green-background-block {
        flex-direction: column;
    }
}

/* Icon Block */
/* Search Block */
.search-block {
    background-color: #f5f5f5;
    background-image: url(https://uab.edu/toolkit/images/home/searchbar-background-2.jpg);
    background-size: contain;
    height: 250px;
    justify-content: center;
    display: flex;
    align-items: center;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
    margin: 2em 0;
    padding: 0;
    border-bottom: 4px solid #80bc00;
}

.search-container {
    background-color: rgba(250, 250, 250, .9);
    max-width: 450px;
    padding: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.search-container .dropdown-menu {
    border-radius: 0;
    width: 100%;
    background-color: #fafafa;
}

.search-container .dropdown-menu > li > a:hover,
.search-container .dropdown-menu > li > a:focus,
.search-container .dropdown-submenu:hover > a,
.search-container .dropdown-submenu:focus > a {
    background-color: #eee;
    background-image: none;
}

.btn-brand-search {
    width: 300px;
    text-align: right;
}

.btn-brand-search,
.btn-brand-search:hover,
.btn-brand-search:active,
.btn-brand-search:focus,
.btn-brand-search--sidebar,
.btn-brand-search--sidebar:hover,
.btn-brand-search--sidebar:active,
.btn-brand-search--sidebar:active {
    border-radius: 0 !important;
    background-color: transparent;
    background-image: none;
}

.btn-brand-search--sidebar {
    width: 100%x;
}

@media (max-width: 733px) {
    .search-block .dropdown-menu {
        position: absolute;
    }
}

/*Links Block */
.links-block {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.links-block h3 {
    margin-top: 0 !important;
    padding: .5em;
    margin-bottom: 0 !important;
}

.links-block .audience-container {
    flex: 1 0 27%;
    margin: 2%;
    min-width: 300px;
    border-radius: 3px;
    box-shadow: 3px 2px 8px 0px rgba(211, 211, 211, .4);
    background-color: #fafafa;
    position: relative;
}

.links-block.links-block-three-across .audience-container {
    flex: 1 0 25%;
    margin: 2%;
    min-width: 250px;
    max-width: 263px;
    border-radius: 3px;
    box-shadow: 3px 2px 8px 0px rgba(211, 211, 211, .4);
    background-color: #fafafa;
}

.links-block.links-block-four-across .audience-container {
    flex: 1 0 20%;
    margin: .5%;
    min-width: 220px;
    max-width: 263px;
    border-radius: 3px;
    box-shadow: 3px 2px 8px 0px rgba(211, 211, 211, .4);
    background-color: #fafafa;
}

.communications-landing-page .audience-title > span {
    font-size: 1.4em;
}

.communications-landing-page .links-block.links-block-four-across {
    justify-content: center;
}

.communications-landing-page .links-block.links-block-four-across .audience-container {
    margin: 1em 1.5em;
}

.communication-page--page-class h1 {
    margin-left: 1em !important;
}

.downloads--page-class #content {
    margin: 2em !important;
}

.downloads--page-class .upper1 .moduletable {
    margin: 0 2em 1.5em !important;
}

.audience-image {
    height: 200px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
}

.audience-title {
    line-height: 120%;
    display: block;
    width: 100%;
    border-bottom: 6px solid #80bc00;
    padding: .4em 0;
    background-color: #00704a;
}

.audience-title > span {
    line-height: 120%;
    font-family: "kulturista-web", serif !important;
    font-size: 1.6em;
    color: #fff;
    padding-left: .5em;
}

.links-block .audience-container ul {
    padding: 0 .3em .5em;
    list-style-type: none;
    margin: 1em;
    width: 90%;
}

.links-block .audience-container ul li {
    padding: .2em 0;
}

.links-block .audience-container ul li a {
    font-size: 1.1em;
}

/*.links-block .audience-container ul li:before {
    content:'-';
    margin-right:4px;
}*/
/***END FA Home ***/
/***BEGIN Colors***/
.swatch-color {
    height: 100px;
}

.swatch-name,
.swatch-codes {
    padding: 0 .5em 0em .5em;
    margin-top: .5em;
    margin-bottom: .5em;
}

.swatch-codes {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
}

.swatch-codes span {
    flex: 1 0 70%;
    padding: .5em 0;
    border-bottom: 1px solid #fafafa;
}

.swatch-codes span:nth-child(2n+1) {
    text-align: right;
    flex: 1 0 20%;
    margin-right: .5em;
}

.swatch-name {
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 3.6em;
}

.swatch-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.swatch-container {
    border: 1px solid #eee;
    flex: 1 0 45%;
    margin: 1%;
}

/***END Colors ***/
/*///////////////////////////////////////BEGIN Typography///////////////////////////////////////*/
h3,
h3 strong,
h3 span,
h3 em,
h3 a,
h4,
h4 strong,
h4 span,
h4 em,
h4 a,
h5,
h5 strong,
h5 span,
h5 em,
h5 a,
.rsform-input-box,
input,
button,
select,
textarea {
    font-family: proxima-nova, sans-serif !important;
}

h1,
h1 strong,
h1 span,
h1 em,
h1 a,
h2,
h2 strong,
h2 span,
h2 em,
h2 a,
h3.uk-h2,
h6,
h6 strong,
h6 span,
h6 em,
h6 a {
    font-family: "kulturista-web", serif !important;
}

body,
p,
span,
div,
a,
button,
em,
textarea,
input,
select {
    font-family: proxima-nova, sans-serif !important;
    line-height: 150%;
    font-weight: 400;
    font-size: 16px;
}

h1,
h1 strong,
h1 span,
h1 em,
h1 a {
    font-size: 2rem;
    line-height: 120% !important;
    font-weight: bold !important;
}

@media all and (max-width:1024px) {

    h1,
    h1 strong,
    h1 span,
    h1 em,
    h1 a {
        font-size: 2rem;
    }
}

h2,
h2 strong,
h2 span,
h2 em,
h2 a,
h3.uk-h2 {
    font-size: 1.8rem;
    line-height: 120% !important;
    font-weight: bold !important;
}

h3,
h3 span,
h3 strong,
h3 em,
h3 a {
    font-size: 1.6rem;
    line-height: 120% !important;
    text-shadow: none;
    font-weight: bold !important;
}

h4,
h4 strong,
h4 span,
h4 em,
h4 a {
    font-size: 1.4rem;
    font-weight: bold !important;
    line-height: 120%;
}

h5,
h5 strong,
h5 span,
h5 em,
h5 a {
    font-size: 1.3rem;
    font-weight: bold !important;
    line-height: 120%;
}

h6,
h6 strong,
h6 span,
h6 em,
h6 a {
    font-size: 1.2rem;
    font-weight: bold !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 120% !important;
    margin: 1em 0 10px;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    margin-top: 0;
}

/*///////////////////////////////////////END Typography///////////////////////////////////////*/
/***BEGIN Background Colors ***/
html,
#wrapper,
body {
    background-color: #eee;
}

#wrapper {
    background-image: url('/toolkit/images/banners/white_diag-16.png');
    background-size: 9px;
    background-color: #fafafa;
}

.mceContentBody {
    background: #fff;
}

/***END Background Colors ***/
/***BEGIN Sidebar Styling ***/
.home-icon img {
    width: 33px;
    /* margin-top: -14px; */
}

.sidebar .nav-header {
    display: block;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #444444;
    text-shadow: none;
    text-transform: inherit;
    margin-bottom: 0.5em;
    font-size: 17px !important;
    cursor: pointer;
}

body.hd div.sidebar.no-seal,
body.hd #leftcolumn.sidebarpanel.no-seal {
    background-color: #fafafa;
}

#leftcolumn .nav.menu > .parent > a,
#leftcolumn .nav.menu > .parent > .nav-header,
#leftcolumn .nav.menu > li > a,
#leftcolumn .nav.menu > li > .nav-header,
.sidebar-heading--first-level {
    font-size: 1.6em;
    line-height: 120% !important;
    font-family: "kulturista-web", serif !important;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: .5em;
    font-weight: 600 !important;
    padding: .4em .3em !important;
    color: #1e6b52;
    border-left: none !important;
    text-transform: inherit;
}

body.hd.sidebars #leftcolumn {
    min-width: 25%;
    box-shadow: 1px 1px 6px 0px rgba(136, 136, 136, 0.5);
}

body.hd #maincolumn-l,
body.hd #maincolumn-r {
    margin: 0 auto !important;
    width: 70% !important;
}

/*
.sidebar .deeper.parent  .nav-child a:hover:before {
    font-family: FontAwesome;
    content: " \f101";
    color: #82c140;
 font-size:.9em;
     display:inline-block;
    text-align: center;
    margin-right:4px;
}
.sidebar .deeper.parent .current.active  a:before {
    font-family: FontAwesome;
    content: " \f101";
    color: #82c140;
 font-size:.9em;
     display:inline-block;
    text-align: center;
    margin-right:3px;
}
*/
#leftcolumn .nav.menu > .parent > a {
    font-size: 1.4em;
    margin-bottom: 0.5em;
    background-color: rgb(30, 107, 82);
    text-transform: inherit;
    color: #fff !important;
    line-height: 120% !important;
    font-family: "proxima-nova" !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgb(211, 211, 211);
    padding: 0.4em 0.6em !important;
    border-left: 5px solid rgb(130, 193, 64) !important;
}

/*
#leftcolumn .nav.menu > .parent > a {
font-size: 1.6em;
    margin-bottom: 0.5em;
    background-color: rgb(30, 107, 82);
    text-transform: inherit;
    color: rgb(255, 255, 255) !important;
    line-height: 120% !important;
    font-family: kulturista-web, serif !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgb(211, 211, 211);
    padding: 0.4em 0.6em !important;
    border-left: 5px solid rgb(130, 193, 64) !important;
}
*/
#leftcolumn .sidebar > div.moduletable {
    margin: 0;
    padding: 0;
}

.sidebar .deeper.parent .nav-child {
    padding: 0 1em;
}

.clickFade .deeper.parent .deeper.parent.active ul {
    padding: .5em 1.5em !important;
    display: block !important;
    border-left: 2px solid #1e6b52 !important;
    border: 1px solid #eee;
    background-color: #fff;
    margin: 0;
}

.sidebar a {
    text-decoration: none !important;
}

.sidebar .deeper.parent ul a {
    font-size: 17px !important;
}

.clickFade .deeper.parent .deeper.parent {
    position: relative;
}

.clickFade .deeper.parent .deeper.parent .separator:after,
.clickFade .deeper.parent .deeper.parent > .nav-header:after,
.want-to-dropdown a.dropdown-toggle:after {
    font-family: FontAwesome;
    content: "\f0d7";
    color: #82c140;
    font-size: 1em;
    margin-left: 5px;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

.clickFade .deeper.parent .deeper.parent.active .separator:after,
.clickFade .deeper.parent .deeper.parent.active > .nav-header:after,
.want-to-dropdown .btn-group.open a.dropdown-toggle:after {
    font-family: FontAwesome;
    content: " \f0d7";
    color: #82c140;
    font-size: 1em;
    margin-left: 5px;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

.sidebar .deeper.parent .nav-child a {
    position: relative;
    z-index: 4;
}

.sidebar .deeper.parent .nav-child a:not(.tk-sidebar-btn):hover:after,
.sidebar .deeper.parent .current.active > a:not(.tk-sidebar-btn):after {
    content: "";
    font-size: .9em;
    display: block;
    text-align: center;
    margin-right: 4px;
    background-color: #eee;
    left: -10px;
    right: 0;
    top: -5px;
    bottom: -5px;
    position: absolute;
    z-index: -1;
}

.sidebar a.tk-sidebar-btn,
a.tk-sidebar-btn {
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    padding: 5px 0;
    background-color: #fff;
    font-weight: normal !important;
    transition: all .2s linear;
    text-decoration: none;
    display: block;
    margin: 0 .5em;
}

.sidebar a.tk-sidebar-btn:hover,
a.tk-sidebar-btn:hover {
    background-color: #1E6B52;
    color: #fff !important;
    transition: all .2s linear;
}

a.external-link--gray-to-green:after {
    content: '\f08e';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #888;
    font-size: .9em;
}

.sidebar .deeper.parent .nav-child a.external-link--gray-to-green:hover:after,
a.external-link--gray-to-green:hover:after {
    content: '\f08e';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #82c140;
    background-color: transparent;
    position: initial;
    display: inline-block;
    font-size: .9em;
}

.sidebar ul.nav-child.unstyled.small .nav-child li:first-child {
    padding-top: 0;
}

a.arrow-link--green-to-gray:before {
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 5px;
    color: #80bc00;
}

.sidebar .deeper.parent .nav-child a.arrow-link--green-to-gray:hover:befre,
a.arrow-link--green-to-gray:hover:before {
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 5px;
    color: #888;
    background-color: transparent;
    position: initial;
    display: inline-block;
    font-size: 1em;
}

a.download-link--gray-to-green:after {
    content: '\f019';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #888;
}

.sidebar .deeper.parent .nav-child a.download-link--gray-to-green:hover:after,
a.download-link--gray-to-green:hover:after {
    content: '\f019';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #82c140;
    background-color: transparent;
    position: initial;
    display: inline-block;
    font-size: 1em;
}

a.pdf-link--gray-to-green:after {
    content: '\f1c1';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #888;
}

.sidebar .deeper.parent .nav-child a.pdf-link--gray-to-green:hover:after,
a.pdf-link--gray-to-green:hover:after {
    content: '\f1c1';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #82c140;
    background-color: transparent;
    position: initial;
    display: inline-block;
    font-size: 1em;
}

a.pdf-link--green-to-gray:after {
    content: '\f1c1';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #82c140;
}

.sidebar .deeper.parent .nav-child a.pdf-link--green-to-gray:hover:after,
a.pdf-link--green-to-gray:hover:after {
    content: '\f1c1';
    font-family: FontAwesome;
    margin-left: 5px;
    color: #888;
    background-color: transparent;
    position: initial;
    display: inline-block;
    font-size: 1em;
}

/***END Sidebar Styling ***/
/*** BEGIN Page Layout ***/
div#system-message-container {
    flex: 1 0 100%;
    height: 100% !important;
}

body.hd.ribbonFullwidth.sidebars #whitebox {
    max-width: 1280px;
    display: flex;
    margin-bottom: 4em;
    overflow: visible;
    flex-wrap: wrap;
}

@media all and (min-width:1320px) {
    #leftcolumn {
        margin-left: -20px;
    }
}

/*** END Page Layout ***/
/***BEGIN Page and Navigation Shadows ***/
/*@media (min-width: 980px) {
ul.nav.menu.nav-pills.nav-collapse.collapse {
        box-shadow: 1px 1px 6px 0px rgba(136, 136, 136, 0.5);
}
    }
body.hd.ribbonFullwidth.sidebars #whitebox {
    box-shadow: 1px 5px 6px 0px rgba(136, 136, 136, 0.5);
}*/
/***END Page and Navigation Shadows ***/
/***BEGIN Ribbon and Banner ***/
body.hd .navbar-inner {
    padding: 0;
}

@media all and (min-width:980px) {
    #ribbon .nav > li {
        text-align: center;
    }
}

#ribbon .nav-pills > li > a {
    transition: all 0.2s linear !important;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
}

@media all and (max-width:1105px) {
    #ribbon .nav-pills > li > a {
        line-height: 115%;
    }

    ul.nav.menu.nav-pills.nav-collapse.collapse {
        align-items: center;
    }
}

/* body #tray.white #ribbon .nav-pills > .active, 
body #tray.white #ribbon .nav-pills > .active:hover, 
body #tray.white #ribbon .nav-pills > .active:focus, 
body #tray.white #ribbon .nav > li:not(.dropdown):hover {
    background-color: #fff;
    color:#00704a !important;
    position:relative;
}
body.hd #ribbon .nav > li > a:hover,
#ribbon .nav-pills > .active > a {
    background-color:transparent !important;
} 
body #tray.white #ribbon .nav-pills > .active:after, 
body #tray.white #ribbon .nav-pills > .active:hover:after, 
body #tray.white #ribbon .nav-pills > .active:focus:after, 
body #tray.white #ribbon .nav > li:not(.dropdown):hover:after {
    content:'';
    position:absolute;
    bottom:0;
    width:100%;
    height:3px;
    left:50%;
    transform:translatex(-50%);
    background-color:#80bc00;
}
*/
@media all and (min-width:980px) {

    body #tray.white #ribbon .nav-pills > .active a,
    body #tray.white #ribbon .nav-pills > .active a:hover,
    body #tray.white #ribbon .nav-pills > .active a:focus,
    body #tray.white #ribbon .nav > li:not(.dropdown) a:hover {
        border-bottom: 3px solid #80bc00 !important;
        transition: 0s !important;
        background-color: transparent !important;
    }
}

/* body #tray.white #ribbon .nav-pills > .active > a, 
body #tray.white #ribbon .nav-pills > .active > a:hover, 
body #tray.white #ribbon .nav-pills > .active > a:focus, 
body #tray.white #ribbon .nav > li:not(.dropdown) > a:hover {
    background-color: #fff;
    border-bottom: 3px solid #80bc00;
    color:#00704a !important;
} */
body #tray.white #ribbon .nav > li.dropdown > a:hover {
    background-color: #fff;
    color: #00704a !important;
}

body.hd.ribbonFullwidth #ribbon {
    width: 100%;
}

@media all and (max-width:979px) {

    .toolkit-banner,
    .toolkit-interior-banner {
        display: none;
    }
}

@media all and (min-width:980px) {
    ul.nav.menu.nav-pills.nav-collapse.collapse {
        width: 100%;
        display: flex;
        justify-content: space-around;
        background-color: #fff;
        padding: 10px 0 20px;
        align-items: flex-end;
    }

    #ribbon .alias-parent-active > a {
        border-bottom: 3px solid #80bc00 !important;
    }

    .ribbon-navigation {
        max-width: 1280px;
        margin: 0 auto;
    }

    ul.nav.menu.nav-pills.nav-collapse.collapse {
        margin: 0 auto 0;
    }

    /* .sidebars ul.nav.menu.nav-pills.nav-collapse.collapse  {
    margin-top: -50px;
} */
    ul.nav.menu.nav-pills.nav-collapse.collapse {
        max-width: 1280px;
    }

    .moduletable.toolkit-interior-banner-container {
        position: relative;
        width: 100%;
    }

    .ribbon-navigation .nav.menu {
        border-style: solid;
        border-width: 0;
        border-color: #cccccc;
    }
}

@media all and (max-width:1280px) {
    .moduletable.toolkit-interior-banner-container {
        overflow: hidden;
    }
}

@media (min-width: 980px) {
    .nav-collapse.collapse {
        height: 50px !important;
    }
}

/* .sidebars .navbar.navbar-static-top, .inside .navbar.navbar-static-top  {
        height:240px;
    } */
/* .sidebars .nav-collapse.collapse, .inside .nav-collapse.collapse {
    margin-top:200px;
    }
    .sidebars .moduletable.toolkit-interior-banner-container, .inside .moduletable.toolkit-interior-banner-container {
     margin-top:-200px; 
    }
    */
.navbar .nav {
    margin: 0;
}

/***END Ribbon and Banner ***/
/*BEGIN V2 - Buttons */
.ur--toolkit button:hover {
    animation: none !important;
}

/*BEGIN Widgekit Image Extra Large Buttons - Partial Green Background */
.ur--toolkit .btn--wk-xlg-img-white .uk-margin-small {
    position: relative;
    display: flex;
    min-height: 100px;
    align-items: center;
}

.ur--toolkit .btn--wk-xlg-img-white h2 {
    margin: 0 1em !important;
    text-align: center;
}

.ur--toolkit .btn__text-container--wk-xlg-img-white {
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ur--toolkit .btn__background-color--wk-xlg-img-white {
    background-color: #1e6b52;
    mix-blend-mode: multiply;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 0;
}

.ur--toolkit .btn--wk-xlg-img-white img {
    border-radius: 2px;
}

/*adds border radius to button images */
.ur--toolkit .btn--wk-xlg-img-white .uk-overlay-panel > div {
    width: 100%;
}

/*makes interior div full width*/
.ur--toolkit .btn--wk-xlg-img-white .uk-overlay-panel {
    padding: 0px;
}

/*removes default padding so button will go full-width*/
.ur--toolkit .btn--wk-xlg-img-white a.uk-position-cover {
    z-index: 1;
}

/*adjusts link overlay on wk grid to sit over text and text background */
.ur--toolkit .btn--wk-xlg-img-white .uk-row-first {
    text-align: center;
}

/*center aligns button elements on mobile*/
/*BEGIN Widgekit Extra Large Buttons - White to Green */
.ur--toolkit .btn--wk-xlg-white .uk-margin {
    -webkit-transition: all .3s;
    /* Safari */
    transition: color .3s;
    font-size: 1.6em;
    text-decoration: none;
    color: #1e6b52;
    padding: 1em;
    text-align: center;
    margin-top: 0;
}

/*adds hover off transition effect to text, changes color and size, removes text decoration */
.ur--toolkit .btn--wk-xlg-white .uk-panel {
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(30, 107, 82, 0.5);
    border-radius: 2px;
}

/*adds hover off transition on home buttons and aligns text horizontally and vertically */
.ur--toolkit .btn--wk-xlg-white .uk-panel:hover .uk-margin {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

/*adds hover on transition effect and changes color of text on hover */
.ur--toolkit .btn--wk-xlg-white .uk-panel:hover {
    background-color: #1e6b52;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

/*adds hover color and hover transition effect*/
/*END Widgekit Extra Large Buttons */
/*BEGIN Button Sizes */
.ur--toolkit .btn--sm {
    padding: .2em .7em;
    font-size: .9em;
}

.ur--toolkit .btn--md {
    padding: .3em .8em;
    font-size: 1em;
}

.ur--toolkit .btn--lg {
    padding: .4em .9em;
    font-size: 1.25em;
}

.ur--toolkit .btn--right-sidebar {
    font-size: 1.2em;
    margin: .5em 0;
    width: 100%;
    text-align: center;
    padding: .2em 0;
}

/*BEGIN Bootstrap Button Overrides */
.ur--toolkit .btn--not-bootstrap {
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: #fff;
}

/*removes bootstrap styling from buttons */
/*BEGIN White to Green Buttons */
.ur--toolkit .btn--white {
    border: 1px solid rgba(30, 107, 82, 0.5);
    font-weight: 500 !important;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

.ur--toolkit .btn--white:hover {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    text-decoration: none;
}

/*BEGIN Green to Dark Green Buttons */
.ur--toolkit .btn--green-to-darker {
    border: 1px solid rgba(30, 107, 82, 0.5);
    font-weight: 500 !important;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    color: #fff !important;
}

.ur--toolkit .btn--green-to-darker:hover {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #17513E;
    text-decoration: none;
}

/*END Green to Dark Green Buttons */
/*BEGIN Green to White Buttons */
.ur--toolkit .btn--green {
    border: 1px solid rgba(30, 107, 82, 0.5);
    font-weight: 500 !important;
    display: inline-block;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    color: #fff !important;
    background-image: none;
    text-shadow: none;
}

.ur--toolkit .btn--green:hover {
    color: #1e6b52 !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #fff;
    text-decoration: none;
}

/*END Green to White Buttons */
/*BEGIN Category Blog Buttons */
.ur--toolkit .blog.directory .readmore a {
    background-image: none;
    background-color: #fff;
    box-shadow: none;
    border-radius: 2px;
    text-shadow: none;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #f5f5f5;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
}

.ur--toolkit .blog.directory .readmore a:hover {
    color: #fff !important;
    -webkit-transition: all .3s;
    /* Safari */
    transition: all .3s;
    background-color: #1e6b52;
    text-decoration: none;
}

/*END Category Blog Buttons */
/***BEGIN Button Grid ***/
.button-grid {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.button-grid--three-across li {
    margin: .5em;
    flex: 1 0 30%;
    text-align: center;
}

.button-grid--three-across a {
    padding: .5em;
    border: 1px solid #fff;
    background-color: #fff;
    display: block;
}

/***END Button Grid ***/
/*END V2 - Buttons */
@media (max-width: 1024px) and (min-width: 700px) {

    body.hd.sidebars #maincolumn-l,
    body.hd.sidebars #maincolumn-r {
        flex: 1 0 62% !important;
    }
}

/***BEGIN Colors ***/
.tk-color-swatch-container.toolkit-pull-box {
    padding: 0;
}

.tk-color-swatch-wrapper-core .tk-color-swatch-container {
    width: 28%;
    margin: .5em;
}

.tk-color-swatch-wrapper-expanded .tk-color-swatch-container {
    width: 35%;
    margin: .5em;
}

.tk-color-swatch-container {
    max-width: 200px;
    min-width: 200px;
}

.tk-color-swatch {
    height: 100px;
    width: 100%;
    margin: 0 auto;
}

.tk-color-specs {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .5em .5em;
    ;
}

.tk-color-name {
    text-align: center;
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding: .5em;
}

.tk-color-specs span:nth-child(odd) {
    flex: 1 0 48%;
    text-align: right;
    margin-right: 5px;
}

.tk-color-specs span:nth-child(even) {
    flex: 1 0 48%;
}

.tk-color-specs span {
    margin: .1em 0;
}

.tk-color-swatch-wrapper-core {
    padding: 0 2em;
}

.tk-color-swatch-wrapper-core,
.tk-color-swatch-wrapper-expanded {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.suggested-color-palette-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.suggested-color-palette-container span {
    height: 100px;
    display: block;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toolkit-pull-box.suggested-color-palette-container {
    padding: 0;
    margin: 1em;
    flex: 0 0 20%;
    max-width: 175px;
    min-width: 175px;
}

.tk-colors h2 {
    text-align: center;
    margin-top: 2em !important;
}

/***END Colors ***/
/***BEGIN 50th Anniversary Fonts ***/
.fifty-fonts .gray-box-wrapper .font-container h3 {
    margin-top: 0 !important;
}

body.hd .fifty-fonts .gray-box-wrapper img {
    margin: 0 auto !important;
    display: block;
}

.fifty-fonts .gray-box-wrapper span {
    font-size: .9rem !important;
    font-weight: bold;
    color: #808285;
    display: block;
}

.fifty-fonts .font-container {
    align-items: baseline;
    max-width: 900px !important;
    margin: 0 auto !important;
}

.fifty-fonts .gray-box-wrapper {
    background-color: #fff !important;
    max-width: 1000px;
    margin: 2em auto !important;
}

.fifty-fonts .btn--white.btn--md {
    border: 1px solid #80bc00 !important;
    font-family: "kulturista-web", serif !important;
    font-size: .9rem;
}

/***END 50th Anniversary Fonts ***/
/***BEGIN Fifty Logos ***/
.fifty-logos {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    max-width: 800px;
    margin: 0 auto;
    justify-content: center;
}

.fifty-logos li {
    flex: 1 0 45%;
    margin: 1em;
    max-width: 200px;
}

.fifty-logos li span {
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: .3em;
}

.fifty-logos-page .toolkit-pull-box {
    max-width: 800px;
    margin: 2em auto;
}

.fifty-logos-page .toolkit-pull-box h2 {
    text-align: center !important;
    margin-top: 0 !important;
}

.fifty--logo-lockups .fifty-logos li {
    max-width: 330px;
    padding: 10px;
}

.fifty--logo-lockups .toolkit-pull-box h4 {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: .5em;
}

/***END Fifty Logos ***/
/***BEGIN Graphic Elements ***/
.paper-backgrounds,
.polaroid-and-rule {
    display: flex;
    flex-wrap: wrap;
}

.paper-backgrounds div,
.polaroid-and-rule > div {
    margin: 1em;
    flex: 1 0 45%;
}

/***END Graphic Elements ***/
/***BEGIN Using the Mark ***/
.using-the-mark img {
    max-width: 400px !important;
}

.fifty--implementation-examples {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fifty--websites .fifty--implementation-examples div,
.fifty--promo-materials .fifty--implementation-examples div,
.fifty--newsletters .fifty--implementation-examples div,
.fifty--print .fifty--implementation-examples div,
.fifty--social .fifty--implementation-examples div,
.fifty--email .fifty--implementation-examples div {
    flex: 1 0 45%;
    margin: 1em;
}

.fifty--websites .fifty--implementation-examples div {
    flex: 1 0 100%;
    margin: .5em;
}

.fifty--social .fifty--implementation-examples div {
    max-width: 400px;
    min-width: 300px;
    text-align: center;
}

.fifty--print .fifty--implementation-examples div {
    flex: 1 0 40%;
    max-width: 400px;
    min-width: 300px;
}

.fifty--email .fifty--implementation-examples div {
    flex: 0 1 400px;
}

.fifty--promo-materials .fifty--implementation-examples div {
    flex: 1 0 20%;
}

.fifty--websites,
.fifty--promo-materials,
.fifty--newsletters,
.fifty--print,
.fifty--social,
.fifty--email {
    display: block;
}

.using-the-mark-tabs .uk-switcher {
    background-color: #fff;
    padding: .1px 1em !important;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
    margin-bottom: 1em !important;
}

.using-the-mark-tabs .uk-switcher h3 {
    margin-top: .5em !important;
}

a.jcemediabox-image {
    font-size: 16px !important;
}

/***END Using the Mark ***/
/***BEGIN 50th Anniversary Tabs ***/
.fifty-tabs .uk-subnav-pill .uk-active a {
    color: #fff !important;
    background-color: #1E6B52;
}

.fifty-tabs .uk-subnav-pill .uk-active a:hover {
    color: #444 !important;
}

.fifty-tabs .uk-subnav-pill a {
    background-color: #fff;
    border: 1px solid #80bc00 !important;
    font-family: "kulturista-web", serif !important;
    font-size: 1.1rem;
}

.fifty-tabs .uk-panel-title {
    text-align: center;
}

/* WK 3.x compatibility */
.fifty-tabs ul.wk-subnav-pill li a {
    background-color: #eee;
    border-color: #ccc !important;
}

.fifty-tabs ul.wk-subnav-pill > .wk-active > *,
.fifty-tabs ul.wk-subnav-pill > li > a:hover,
.fifty-tabs ul.wk-subnav-pill > li > a:active,
.fifty-tabs ul.wk-subnav-pill > li > a:focus {
    background-color: #1e6b52 !important;
    border-color: #144B39 !important;
    color: #fff !important;
}

/***END 50th Anniversary Tabs ***/
/***BEGIN Logo Misuses ***/
.fifty--logo-misuses img {
    max-width: 200px !important;
}

.fifty--logo-misuses .logo-misuses-examples {
    width: 200px;
    margin: 0 auto;
}

.fifty--logo-misuses .logo-misuses-container {
    flex: 1 0 200px;
    background-color: #fff;
    padding: .5em !important;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
}

.fifty--logo-misuses .logo-misuses-text {
    justify-content: center;
}

/***END Logo Misuses ***/
/***BEGIN Fifty Logo White Space ***/
.fifty--logo-whitespace .logo-guidelines-item {
    padding: 1em;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
}

/***END Fifty Logo White Space ***/
/***BEGIN PowerPoint Templmates ***/
.fifty--powerpoint-templates {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fifty--powerpoint-templates div {
    flex: 1 0 400px !important;
    max-width: 300px;
    margin: 1em;
}

.fifty--powerpoint-templates div img {
    box-shadow: 3px 2px 8px 0px #d3d3d3;
}

/***END PowerPoint Templates ***/
/***BEGIN Fifty Colors ***/
.fifty--colors .tk-color-swatch-container {
    max-width: 155px;
    min-width: 155px;
}

.fifty--colors.tk-colors h3 {
    text-align: center !important;
}

/***END Fifty Colors ***/
/***BEGIN Fifty Archive ***/
.fifty--archive-contact {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 3px 2px 8px 0px #d3d3d3;
    padding: 1em;
    clear: both;
}

.fifty--archive-contact div {
    flex: 1 0 45%;
}

.fifty--archive-contact--heading {
    flex: 1 0 100%;
    text-align: center;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    margin-top: 0 !important;
}

/***END Fifty Archive ***/
/***BEGIN Temporary ***/
.icons {
    display: none;
}

/**END Temporary***/
/***BEGIN Single Accordion ***/
.single-accordion .uk-accordion-title {
    background-color: initial;
    padding-left: 0;
    border-bottom: 0;
    font-size: 1.2em;
}

/***END Single Accordion ***/

/*#region Logo Downloads */
/*--BEGIN Logo Use and Guidelines */
.downloads--logo-use-guidelines--item:last-child {
    background-color: #eee;
    padding: 1em;
}

.downloads--logo-use-guidelines {
    margin-bottom: 2em;
}

.downloads--logo-use-guidelines h2 {
    margin-top: .5em !important;
}

@media screen and (min-width:800px) {
    .downloads--logo-use-guidelines {
        display: flex;
        box-sizing: border-box;
    }

    .downloads--logo-use-guidelines--item:first-child {
        flex: 1 0 70%;
        padding-right: 1em;
        box-sizing: border-box;
    }

    .downloads--logo-use-guidelines--item:last-child {
        flex: 1 0 30%;
        box-sizing: border-box;
    }
}

/*--END Logo Use and Guidelines */
/*--BEGIN Logo Download Accordions */
.downloads--logo-downloads .toolkit--logos .uk-accordion-title {
    background-color: transparent !important;
    /* color:#fff; */
}

/*--END Logo Download Accordions */
/*--BEGIN Download Switcher */
.downloads--logo-downloads .uk-subnav {
    margin-bottom: 0 !important;
}

.downloads--logo-downloads .uk-switcher .uk-panel {
    padding-top: 0 !important;
}

/*--END Download Switcher */
/*--BEGIN Core Downloads */
.core-logo-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

/*--END Core Downloads */
/*--BEGIN When to Use */
.downloads--when-to-use {
    display: flex;
}

.downloads--when-to-use > div {
    padding: 1em;
    margin: 0 1em;
    box-sizing: border-box;
}

.downloads--when-to-use h3 {
    margin-top: 0 !important;
    font-size: 1.4em;
    margin-bottom: .2em !important;
}

.downloads--when-to-use strong {
    color: #444;
}

/*--END When to Use */
/*#endregion Logo Downloads */
/*#region Vendors */
.ordering-process--approved-vendors .uk-h3 {
    margin-top: 0 !important;
}

.types-of-products {
    /* background-color:#eee;
    border-top:2px solid #1E6B52;
    border-bottom:2px solid #1E6B52;
    padding: 10px 20px; */
    margin-bottom: 15px;
}

.uk-panel-box {
    color: #000;
}

/*#endregion Vendors */
/*#region Sidebar Button */
.toolkit--sidebar-button:before {
    display: none;
}

.toolkit--sidebar-button {
    padding: 15px 5px !important;
    border-top: 1px solid #eee;
}

/*#endregion Sidebar Button */
/*#region Order Process WK */
.wk--switcher--order-process .uk-subnav {
    padding: 10px 0 !important;
    margin-bottom: 0 !important;
}

.wk--switcher--order-process .uk-panel-title {
    margin-top: 10px !important
}

.wk--switcher--order-process .uk-subnav a {
    border: 1px solid #fff !important;
    transition: all 0s ease 0s !important;
}

.wk--switcher--order-process .uk-subnav a:hover {
    background-color: #fff !important;
    border: 1px solid #80bc00 !important;
    transition: all 0s ease 0s !important;
}

.wk--switcher--order-process .uk-subnav .uk-active a {
    background-color: #fff !important;
    border: 1px solid #80bc00 !important;
}

.wk--switcher--order-process .uk-switcher > li > .uk-panel {
    background-color: #eee;
    border-top: 2px solid #1E6B52;
}

/*#endregion Order Process WK */
/*#region Quicklinks Override */
#quicklinks > div:first-child {
    order: 2;
}

#quicklinks > div:nth-child(2) {
    order: 1;
}

#quicklinks a.button--quicklinks {
    padding: 5px 15px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #fff;
    font-size: .9em;
    text-align: center;
    font-weight: 600;
    float: left;
}

@media all and (min-width:980px) {
    #quicklinks a.button--quicklinks {
        margin-top: -8px;
    }
}

#quicklinks a.download-logos--quicklink:after {
    content: "\e021";
    font-family: 'IcoMoon';
    padding-left: 5px;
    font-size: .8em;
    color: #80bc00;
}

#wrapper #quicklinks {
    display: grid !important;
}

@media all and (min-width:1024px) {
    #wrapper #quicklinks {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0 10px;
        justify-content: flex-end;
    }
}

@media all and (min-width:1140px) {
    #wrapper #quicklinks {
        grid-template-columns: 1fr 1fr 1fr 126px;
    }

    #wrapper #quicklinks .button--quicklinks {
        width: 100%;
    }
}

@media all and (max-width:1024px) {
    .searchpanel #quicklinks .moduletable {
        padding: 2% 5%;
    }

    #quicklinks a.button--quicklinks {
        padding: 5px 0px;
    }
}

#quicklinks .nav-pills > li {
    float: none;
}

body.ribbonFullwidth #whitebar {
    position: relative;
    z-index: 500;
    height: auto;
}

@media all and (min-width:1024px) {
    body.linear.hd #siteName {
        width: 60%
    }

    .searchpanel {
        width: 40% !important;
    }
}

/*#endregion Quicklinks Override */
/*#region WK Popover */
.tk-popover .uk-panel-title {
    font-size: 18px;
}

/*#endregion WK Popover */
/*#region Navigation/Banner */
body.hd #whitebox {
    background-color: #fff;
    position: relative;
}

/*--BEGIN Homepage */
@media all and (min-width:980px) {
    body.home .ribbon-navigation {
        margin-top: -110px;
    }

    body.home #whitebox {
        margin-top: -30px;
    }
}

/*--End Homepage */
/*--BEGIN Interior Pages */
@media all and (min-width:980px) {
    body.inside .ribbon-navigation {
        margin-top: -200px
    }

    body.inside #whitebox {
        margin-top: -120px;
        z-index: 3;
        position: relative;
    }
}

/*--END Interior Pages */
/*#endregion Navigation/Banner */
/*#region Letter from the President */
.letter-block {
    background-color: #fafafa;
    box-shadow: 3px 2px 8px 0px rgba(211, 211, 211, .4), -3px -2px 8px 0px rgba(211, 211, 211, .4);
    padding: 3em 2em;
    margin-bottom: 2em;
}

.letter-block p {
    font-size: 1.1em;
}

.letter-block p a {
    font-size: 1em;
}

.letter-block--interior-container {
    max-width: 1090px;
    max-width: 980px;
    margin: 0 auto;
}

/* .letter-block--interior-container img { 
        max-width:300px;
        float:right;
        margin:0 0 0 1em;
    } */
.letter-block--interior-container h2 {
    margin-top: 0 !important;
}

/*#endregion Letter from the President */
/*#region News Media Links */
.communications--news-media-links {
    list-style-type: none;
    margin: 0;
}

@media all and (min-width:500px) {
    .communications--news-media-links {
        column-count: 2;
    }
}

@media all and (min-width:1024px) {
    .communications--news-media-links {
        column-count: 3;
    }
}

/*#endregion News Media Links */
/*#region Divider and Related Sections */
.sidebar .divider > .separator,
.sidebar .toolkit--related-sections {
    font-weight: 600;
    padding: 1em .3em 0;
    display: block;
    font-size: 1.05em !important;
    color: #444;
}

.sidebar .toolkit--related-sections {
    border-top: 2px solid #80bc00 !important;
    cursor: auto;
    padding-top: 1em;
}

.sidebar .divider {
    border-bottom: 2px solid #80bc00 !important;
}

.sidebar .line-separator.separator {
    display: none;
}

/*#endregion Divider and Related Sections */
/*#region Landing Page Links */
.downloaded-branded-items {
    padding: 1em;
}

.downloaded-branded-items ul {
    list-style-type: none;
    margin: 0;
}

.downloaded-branded-items li {
    margin: 15px 0 !important;
}

.downloaded-branded-items li a {
    background-color: #eee;
    padding: 10px;
    display: block;
    border-bottom: 0 !important;
    font-weight: 600 !important;
    text-align: center;
    box-shadow: 3px 2px 2px 0px #d3d3d3;
}

.downloaded-branded-items--container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

/*#endregion Landing Page Links */
/*#region Page with No Sidebar */
@media all and (min-width:800px) {
    .page-with-no-sidebar #wrapper #maincolumn-wide {
        padding: 0 3em;
        box-sizing: border-box;
    }
}

/*#endregion Page with No Sidebar */
/*#region PowerPoint Templates */
.powerpoint-templates a span:after {
    content: "\e021";
    font-family: 'IcoMoon';
    padding-left: 5px;
    margin-right: -10px;
    font-size: 1em;
    color: #1E6B52;
}

/*#endregion PowerPoint Templates */
/*#region Bootstrap Tabs */
.bootstap-tabs a {
    border-bottom: 0 !important;
}

/*#endregion Bootstrap Tabs */
/*#region Web Forms Table */
.web-forms-table thead {
    background-color: #1E6B52;
    color: white;
}

.web-forms-table td,
.web-forms-table th {
    padding: 5px;
}

.web-forms-table td a {
    font-weight: bold !important;
}

.web-forms-table td:first-child,
.web-forms-table th:first-child {
    width: 50%;
    font-weight: bold;
}

.web-forms-table td:nth-child(2),
.web-forms-table td:nth-child(3),
.web-forms-table td:nth-child(4),
.web-forms-table td:nth-child(5) {
    text-align: center;
}

.web-forms-table tr:nth-child(2n+2) {
    background-color: #f5f5f5;
}

.web-forms-table .icon-delete {
    color: #FF0000;
}

.web-forms-table .icon-publish {
    color: #80bc00;
}

/*#endregion Web Forms Table */
/*#region Shop Licensed UAB Merchandise */
body.shop-merchandise #whitebox {
    margin-top: 0;
}

/*Heading Adjustment */
.shop-merchandise #content h1 {
    background-color: #1E6B52;
    color: #fff;
    margin: 0 !important;
    padding: 20px;
    text-align: center;
}

/*Full-width adjutment */
body.shop-merchandise #content {
    width: 100%;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.shop-merchandise__section {
    max-width: 1140px;
    margin: 0 auto;
}

body.hd.shop-merchandise #maincolumn-wide {
    margin-top: 0 !important;
    padding-top: 0;
}

@media all and (max-width:1024px) {
    .shop-online-images {
        display: none !important;
    }
}

/*#endregion Shop Licensed UAB Merchandise */
/*#region Utility */
.u-toolkit-two-across {
    display: flex;
    flex-wrap: wrap;
}

.u-toolkit-two-across > div {
    flex-basis: calc(50% - 40px);
    margin: 20px;
    min-width: 400px;
    flex-grow: 1;
}

.u-toolkit-three-across {
    display: flex;
    flex-wrap: wrap;
}

.u-toolkit-three-across > div {
    flex-basis: calc(33% - 20px);
    margin: 10px;
    min-width: 200px;
    flex-grow: 1;
}

.u-toolkit-heading-line--campus-green {
    overflow: hidden;
    text-align: center;
}

.u-toolkit-heading-line--campus-green > * {
    display: inline-block;
    position: relative
}

.u-toolkit-heading-line--campus-green > ::after,
.u-toolkit-heading-line--campus-green > ::before {
    content: "";
    position: absolute;
    top: calc(50% - ((.2px + .05em)/ 2));
    width: 2000px;
    border-bottom: 2px solid #80bc00
}

.u-toolkit-heading-line--campus-green > ::before {
    right: 100%;
    margin-right: calc(5px + .3em)
}

.u-toolkit-heading-line--campus-green > ::after {
    left: 100%;
    margin-left: calc(5px + .3em)
}

.u-toolkit-centered {
    text-align: center;
}

.u-toolkit-margin--no-top {
    margin: 0;
}

.u-toolkit-margin--small {
    margin: .5em;
}

/*#endregion Utility */
/*#region New Colors page */
.palette-heading::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    background-color: #80bc00;
}

.palette-heading {
    padding: .2em 0;
    position: relative;
    margin-bottom: 20px;
}

.palette-subheading {
    color: #1e6b52;
    text-transform: uppercase;
    font-size: 1.1em;
}

.accessibility-key-outer-container {
    background-color: #eee;
    margin: 15px 0;
    padding: 20px 30px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 200;
}

.accessibility-key-inner-container {
    display: flex;
    align-items: center;
}

.accessibility-key-container {
    background-color: #eee;
    margin: 15px 0;
    padding: 20px 30px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 200;
    display: flex;
}

@media all and (max-width: 550px) {
    .accessibility-key-container {
        flex-direction: column;
    }
}

.accessibility-key-container > div,
.accessibility-key-inner-container > div {
    padding: 10px;
}

.accessibility-grid-header__white,
.accessibility-grid-header__white > span {
    color: #fff;
}

.accessibility-grid-header__black,
.accessibility-grid-header__black > span {
    color: #000;
}

.accessibility-grid-header__white,
.accessibility-grid-header__white > span,
.accessibility-grid-header__black,
.accessibility-grid-header__black > span {
    text-align: right;
    font-size: 1.5em;
}

.accessibility-grid-header__white,
.accessibility-grid-header__black {
    padding: 10px 20px;
}

.accessibility-grid-header__white > span,
.accessibility-grid-header__black > span {
    font-weight: 600;
    font-size: 1em;
}

.accessibility-grid {
    display: flex;
    padding-bottom: 20px;
    margin: 20px 0;
}

.accessibility-grid-item__white,
.accessibility-grid-item__black {
    display: flex;
    flex-direction: column;
    flex-basis: calc(100% - 20px);
    padding: 10px 20px;
}

.accessibility-grid-color-name {
    line-height: 120%;
    margin-top: 0;
}

.accessibility-grid-hex-code {
    margin-bottom: 0;
}

.accessibility-grid-item__white > div,
.accessibility-grid-item__black > div {
    text-align: center;
}

.accessibility-grid-item__white > div,
.accessibility-grid-item__white > div p {
    color: #fff;
}

.accessibility-grid-item__white:nth-child(n+2) {
    border-left: 1px solid #fff;
}

.accessibility-grid-item__black:nth-child(n+2) {
    border-left: 1px solid #000;
}

.contrast-check-container {
    margin-top: auto;
    background-color: rgba(255, 255, 255, 0.2);
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accessibility-grid-item__white i,
.accessibility-grid-item__black i {
    font-size: 22px;
    padding: 0 10px;
}

.accessibility-grid-letter__small {
    font-size: 22px;
    display: inline-block;
    margin: 0;
}

.accessibility-grid-letter__large {
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    margin-left: 10px;
}

@media all and (max-width: 1100px) {
    .accessibility-grid {
        flex-direction: column;
        padding: 0 40px;
    }

    .accessibility-grid-item__white:nth-child(n+2) {
        border-top: 1px solid #fff;
        border-left: none !important;
    }

    .accessibility-grid-item__black:nth-child(n+2) {
        border-top: 1px solid #000;
        border-left: none !important;
    }

    .contrast-check-container {
        margin-left: -60px;
        margin-right: -60px;
    }

    .accessibility-grid-header__white,
    .accessibility-grid-header__white > span,
    .accessibility-grid-header__black,
    .accessibility-grid-header__black > span {
        text-align: center;
    }
}

/*#endregion New Colors page */
/*#region Sticky Nav and Copy/Paste Links */
.toolkit-copy-link {
    display: inline-flex;
    max-width: 95%;
    position: relative;
    padding-top: 130px;
    margin-top: -120px;
    z-index: -1;
}

.toolkit-copy-link__icon {
    font-size: 14px;
    margin-top: 8px;
    transition: all 0.2sease-in-out;
    padding: 5px;
    color: #d3d3d3;
    border-radius: 100%;
    position: absolute;
    right: -30px;
}

.toolkit-copy-link__icon:after {
    opacity: 0;
    content: 'Copy link to clipboard';
    font-size: .8rem;
    background-color: #808285;
    color: #fff;
    font-weight: 600;
    padding: 3px;
    left: -2px;
    position: absolute;
    display: block;
    top: -23px;
    width: 130px;
}

.toolkit-copy-link__icon:hover:after {
    opacity: 1;
}

.toolkit-copy-link__icon:active:after {
    content: 'Copied to clipboard';
    font-size: .8rem;
    background-color: #80BC00;
    color: #000;
    font-weight: 600;
    padding: 3px;
}

.toolkit-sticky-nav__pre-heading {
    background-color: #80BC00;
    text-align: right;
    padding: 3px 10px;
    font-weight: 600 !important;
    font-size: .95rem;
}

.toolkit-sticky-nav__container {
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 200;
    background-color: #1E6B52;
    padding: 10px 0;
    margin: 0 0 10px;
    list-style-type: none;
}

.toolkit-sticky-nav__container > li {
    display: inline-block;
    margin: 5px;
}

.toolkit-sticky-nav__container a {
    background-color: #1E6B52 !important;
    color: #fff !important;
}

.toolkit-sticky-nav__container > li.uk-active a {
    border-bottom: 2px solid #80BC00 !important;
}

.toolkit-sticky-nav__container > li + li:before {
    content: "|";
    color: #fff;
    margin-right: 10px;
}

.toolkit-copy-link:hover .toolkit-copy-link__icon {
    opacity: 1;
}

.toolkit-copy-link:hover .toolkit-copy-link__icon:active {
    color: #80BC00;
}

/*#endregion Sticky Nav and Copy/Paste Links */
.covidAlert {
    display: none;
}

/* #region *** enhanced file download icons */

.wf_file_size:before {
    content: "(";
}

.wf_file_size:after {
    content: ")";
}

a.btn--sm.wf_file span {
    font-size: .9em
}

a.btn--md.wf_file span {
    font-size: 1em
}

a.btn--lg.wf_file span {
    font-size: 1.25em
}

.btn--md span {
    display: inline-block;
    vertical-align: middle;
}

a.btn--sm img.wf_file_icon {
    width: initial;
    margin: -2px 3px 0 -5px;
}

a.btn--md img.wf_file_icon {
    width: 1.6em;
    margin: 0 4px 0 -4px;
}

a.btn--lg img.wf_file_icon {
    width: 1.375em;
    margin: -5px 5px 0 -8px;
}

.btn--white .wf_file_text {
    color: #222;
}

.btn--white .wf_file_size {
    color: #666;
    font-weight: 400;
}

.btn--white:hover .wf_file_text,
.btn--white:hover .wf_file_size {
    color: #fff;
}

.btn--green .wf_file_text,
.btn--green-to-darker .wf_file_text {
    color: #fff;
}

.btn--green .wf_file_size,
.btn--green-to-darker .wf_file_size {
    color: #e4e4e4;
    font-weight: 400;
}

.btn--green:hover .wf_file_text,
.btn--green:hover .wf_file_size {
    color: #1e6b52;
} 

a.btn--green-to-darker.wf_file:hover {
    color: #fff !important;
    background-color: #17513E!important;
    border-bottom: 3px solid #17513E!important;
}
/* #endregion *** enhanced file download icons */


/*BEGIN Colors Page */

/*BEGIN Change color of border lines */
.colors-table-dark td {
    border-color: #fff;
}

.colors-table-light td {
    border-color: #444;
}

/*END Change color of border lines */


table.colors-table-responsive thead {
    display: table-header-group !important;
}

/*-BEGIN Responsive Table */
@media all and (max-width: 599px) {
    table.colors-table-responsive {
        width: 100%;
    }

    .colors-table-responsive td,
    .colors-table-responsive th {
        display: flex;
        /* justify-content: space-between; */
        flex-direction: column;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.colors-table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.colors-table-responsive td {
        border: none;
        position: relative;
    }

    table.colors-table-responsive td:before {
        padding-right: 10px;
        white-space: nowrap;
        display: block;
        /* Label the data */
        content: attr(data-column);

        font-weight: bold;
    }

    table.color-table-dark td:before {
        color: #fff;
    }

    table.colors-table-light td:before {
        color: #000000;
    }


    table td.colors-swatch-dark:before {
        color: #fff;
    }


    table td.colors-swatch-light:before {
        color: #000000;
    }

    .colors-table-responsive_with_row-header tbody tr td:first-of-type {
        font-weight: 700;
        font-size: 1.1rem;
        border-bottom: 2px solid #3d3935;
        padding: 10px !important;
        justify-content: flex-start;
    }


}

@media only screen and (max-width: 1024px) {
    .colors-table-responsive tr:nth-of-type(2n+1) {
    background:none;
    }
    
    }

/*-END Responsive Table */

/*BEGIN Colors Heading */
.colors-heading {
    height: 150px;
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.colors-heading__container {
    padding: 5px;
    background-color: #fff;
}

.colors-heading__heading {
    margin: 0;
    border: 1px solid #444;
    padding: 5px 10px;

}





/*END Colors Heading */


/*END Colors Page */