/* QuikTrip.com Portal CSS

    ATTENTION!!!
    File located in Admin Path: Settings > Custom CSS
    When making changes to the Custom CSS in the DNN Admin this document must be update in TFS.
    $\BD\NET\Internet Websites\QuipTrip.Com 2014 Website and Skin\Portals\_default\Skins\QuikTrip-Skin\assets\css\Custom_DNN_Admin.css

 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *---------------------------------------------- -------- -------- 
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *---------------------------------------------- -------- -------- 
 * Updated: 2016-11-09 2:39pm
 */



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body {
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane {
}

.ContentPane {
}

.RightPane {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited {
}

A.SelectedTab:hover {
}

A.SelectedTab:active {
}

/* text style for the unselected tabs */
.OtherTabs {
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited {
}

A.OtherTabs:hover {
}

A.OtherTabs:active {
}

/* GENERAL */
/* style for module titles */
.Head {
}

/* style of item titles on edit and admin pages */
.SubHead {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal {
}

    .Normal sub, .Normal sup {
        font-size: 60%;
        line-height: 0;
        position: relative;
        top: -0.7em;
        vertical-align: baseline;
    }

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
}

.NormalRed {
}

.NormalBold {
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited {
}

A.CommandButton:hover {
}

A.CommandButton:active {
}

/* button style for standard HTML buttons */
.StandardButton {
}

/* GENERIC */
H1 {
}

H2 {
}

H3 {
}

H4 {
}

H5, DT {
}

H6 {
}

TFOOT, THEAD {
}

TH {
}

A:link {
}

A:visited {
}

A:hover {
}

A:active {
}

SMALL {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI {
}

    UL LI LI {
    }

        UL LI LI LI {
        }

OL LI {
}

OL OL LI {
}

OL OL OL LI {
}

OL UL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message {
}

/* style of item titles by Announcements and events */
.ItemTitle {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel {
}

.LoginTabGroup {
}

.LoginTab {
}

.LoginTabSelected {
}

.LoginTabHover {
}

.LoginContainerGroup {
}

.LoginContainer {
}

/* QUICK STYLE OVERRIDES below this line ****************
 * Long-term, these styles should be integrated into main stylesheets as needed
 ********************************************************
 ********************************************************
 ********************************************************
*/
/* ALL (applies to everything) - overrides */
@media all {
}

@media screen /*applies to ALL screen devices*/ {
    /* MTD PAGE HEADERS - main feature on the subpages that has circle image on left and page title and intro text on the right.
********************************/
    /* Apply transparent red background to the circle tout "Make Today Delicious" image on left side.  This is generic so it applies to all the circle images on the page headers*/
    .int-wrap .page-header .int-banner .image img {
        width: 302px;
        height: 302px;
        border-radius: 151px;
        -webkit-border-radius: 151px;
        -moz-border-radius: 151px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#990000 0,990000 100&0.8 0,0.8 100 */
        background: -moz-linear-gradient( left, rgba(153, 0, 0, 0.8) 0%, rgba(153, 0, 0, 0.8) 100% ); /* FF3.6-15 */
        background: -webkit-linear-gradient( left, rgba(153, 0, 0, 0.8) 0%, rgba(153, 0, 0, 0.8) 100% ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient( to right, rgba(153, 0, 0, 0.8) 0%, rgba(153, 0, 0, 0.8) 100% ); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc990000', endColorstr='#cc990000',GradientType=1 ); /* IE6-9 */
    }

    /* Food - Made Fresh To Order page styles */
    .int-wrap .banner-food.page-header .int-banner .info h1::before {
        content: "" !important; /* removing the font icon of the QTK chef hat which was using "\e60f" ***/
    }

    .int-wrap .banner-food.page-header .int-banner,
    .int-wrap .page-header.banner-grab-go .int-banner {
        /*background: #b42f25 url(images/qtassets/mtd-look/pg-banner-croissants-bg.png) no-repeat 0 0 !important;*/
        background: #b42f25 url(/Portals/0/Images/QTAssets/mtd-look/Sub-HeaderBackground.jpg) no-repeat 0 0;
        background-size: cover !important;
        padding: 0;
        margin: 0 0 42px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-bottom: 0px !important; /* Removing "27px solid #332d25"*/
        position: relative;
        min-height: 299px;
    }

    /* DRINKS TREATS - Specialty Drinks page styles */
    /*NOTE: having to use the DnnModule unique identifier in order to target this particular page header background because unlike the Food page, these don't have a special class or ID on the section tag :-( */
    .int-wrap .page-header div.DnnModule-871 .int-banner {
        background: #b42f25 url(images/qtassets/mtd-look/pg-banner-coffee-bg.png) no-repeat 0 0 !important;
        padding: 0;
        margin: 0 0 42px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-bottom: 0px !important; /* Removing "27px solid #332d25"*/
        position: relative;
        min-height: 299px;
    }

    /* DRINKS TREATS - Frozen Treats page styles */
    /*NOTE: having to use the DnnModule unique identifier in order to target this particular page header background because unlike the Food page, these don't have a special class or ID on the section tag :-( */
    .int-wrap .page-header div.DnnModule-876 .int-banner {
        background: #b42f25 url(images/qtassets/mtd-look/pg-banner-frozen-bg.png) no-repeat 0 0 !important;
        padding: 0;
        margin: 0 0 42px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-bottom: 0px !important; /* Removing "27px solid #332d25"*/
        position: relative;
        min-height: 299px;
    }
}

/* MOBILE Specific styles - overrides */
@media (max-width: 767px) {
}

@media screen and (max-width: 767px) {
    /* Mobile MTD jumbotron bg */
    .home-wrap .jumbotron {
        background: #111 url("/Portals/0/Images/QTAssets/mtd-look/Main-989x425.jpg") no-repeat scroll 0 0 !important;
        background-size: cover !important;
    }

    /* Mobile MTD circle sections backgrounds */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap {
        background: #000
        /*url("https://www.quiktrip.com/Portals/0/Images/QTAssets/mtd-look/circle-hover-croissants-bg.png") repeat scroll 0 0*/ !important;
        background: rgba(0, 0, 0, 0.6) !important;
        color: #fff !important;
    }

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap {
        background: #000
        /*url("https://www.quiktrip.com/Portals/0/Images/QTAssets/mtd-look/circle-hover-frozen-treats.png") repeat scroll 0 0*/ !important;
        background: rgba(0, 0, 0, 0.6) !important;
        color: #fff !important;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap {
        background: #000
        /*url("https://www.quiktrip.com/Portals/0/Images/QTAssets/mtd-look/circle-hover-store-bg.png") repeat scroll 0 0*/ !important;
        background: rgba(0, 0, 0, 0.6) !important;
        color: #fff !important;
    }

    /* Mobile MTD Type and styling */
    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back h3 .Head {
        background: transparent !important;
        color: #fff !important;
        display: inline-block;
        font-size: 19px;
    }
    a#btn-apply,
    a#btn-QT-Kitchens,
    a#btn-Grab-Go,
    a#btn-store-go,
    #btn-specialty-drinks,
    #btn-frozen-treats {
        background: #bb0000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 16px;
        line-height: 0;
        padding: 20px !important;
        width:155px;
    }

    #btn-feed-your-hunger,
    #btn-store-go {
        background: #bb0000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 16px;
        line-height: 0;
        margin-top: 0px;
        padding: 20px;
    }

    /* Mobile MTD circle call-out images */
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap .img-front {
        float: right !important;
        left: 0 !important;
        margin: 0 !important;
    }

    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap .img-front {
        float: right !important;
        right: 0 !important;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap .img-front {
        float: right !important;
        right: 0 !important;
    }
}

/* TABLET Specific styles - overrides */
@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /* QT Make Today Delicious Look Styles (mtd-look)
****************************************************
****************************************************/

    /* MTD HOMEPAGE - Jumbotron feature
**********************************/
    .home-wrap .jumbotron {
        background: #b42f25 url(/Portals/0/Images/QTAssets/mtd-look/Main-989x425.jpg) no-repeat 0 0 !important;
        background-size: cover !important;
        padding: 28px 0 270px !important;
        margin: 0 0 60px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-bottom: 0px solid #332d25 !important; /* Removing "27px solid #332d25"*/
        position: relative;
    }

    .home-wrap .jumbotron .action-wrap {
        margin: 0 !important;
        width: 767px;
        left: 50%;
        margin-left: -405px !important;
        bottom: -20px !important;
    }

    .home-wrap .jumbotron .action-wrap .circle-wrap {
        height: 240px !important;
        width: 240px !important;
        text-align: center;
        border-radius: 145px;
        -webkit-border-radius: 145px;
        -moz-border-radius: 145px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
        position: relative;
    }

    /* Jumbotron circle section links */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap {
        background: transparent !important;
    }

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap {
        background: transparent !important;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap {
        background: transparent !important;
    }

    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back {
        height: 240px !important;
        width: 240px !important;
        text-align: center;
        border-radius: 145px !important;
        -webkit-border-radius: 145px !important;
        -moz-border-radius: 145px !important;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        position: relative;
    }

    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back h3 {
        display: none !important;
    }

    /* Make background appear upon hover and focus of this circle */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap:focus .info-back,
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap:active .info-back {
        background: transparent url(/Portals/0/Images/QTAssets/mtd-look/Main-Menu.jpg) no-repeat 0 0 !important;
        background-size: cover !important;
    }
    /*url(images/qtassets/mtd-look/circle-hover-croissants-bg.png) no-repeat 0 0 !important;*/

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap:focus .info-back,
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap:active .info-back {
        background: transparent url(/Portals/0/Images/QTAssets/mtd-look/Main-Employees.jpg) no-repeat 0 0 !important;
        background-size: cover !important;
    }
    /*url(images/qtassets/mtd-look/circle-hover-frozen-treats.png) no-repeat 0 0 !important;*/

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap:focus .info-back,
    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap:active .info-back {
        background: transparent url(/Portals/0/Images/QTAssets/mtd-look/Main-Store.jpg) no-repeat 0 0 !important;
        background-size: cover !important;
    }
    /*url(images/qtassets/mtd-look/circle-hover-store-bg.png) no-repeat 0 0 !important;*/
    /*** Below t0 be removed Removed ***/
    /* Hide all the wooden stake signs that were positioned to break outside of the circle div */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap .sign {
        display: none !important;
        position: absolute;
        width: 181px;
        height: 201px;
        background: url(images/sign-feed-your-hunger.png) no-repeat 0 0;
        z-index: 3;
        bottom: 14px;
        left: -25px;
    }

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap .sign {
        display: none !important;
        position: absolute;
        width: 179px;
        height: 157px;
        background: url(images/sign-refresh-and-refuel.png) no-repeat 0 0;
        z-index: 3;
        bottom: 3px;
        left: 15px;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap .sign {
        display: none !important;
        position: absolute;
        width: 185px;
        height: 206px;
        background: url(images/sign-find-your-qt.png) no-repeat 0 0;
        z-index: 3;
        bottom: 12px;
        right: -31px;
    }

    /* INFO FRONT (make so appears normally, but is hidden when focus or hover over the circle */
    .home-wrap .jumbotron .action-wrap .circle-wrap .img-front {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#990000 0,990000 100&0.8 0,0.8 100 */
        background: -moz-linear-gradient( left, rgba(153, 0, 0, 0.7) 0%, rgba(153, 0, 0, 0.7) 100% ); /* FF3.6-15 */
        background: -webkit-linear-gradient( left, rgba(153, 0, 0, 0.7) 0%, rgba(153, 0, 0, 0.7) 100% ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient( to right, rgba(153, 0, 0, 0.7) 0%, rgba(153, 0, 0, 0.7) 100% ); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc990000', endColorstr='#cc990000',GradientType=1 ); /* IE6-9 */
        height: 240px !important;
        width: 240px !important;
        position: absolute;
        border-radius: 145px;
        -webkit-border-radius: 145px;
        -moz-border-radius: 145px;
        z-index: 2;
    }

    /* INFO BACK (make so is hidden normally, but appears when focus or hover over the circle */
    /* Removed for redesign 12/5/2018
    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back {
        height: 240px !important;
        width: 240px !important;
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.85) !important;
        -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.85) !important;
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.85) !important;
        opacity: 0 !important;
    }
    */
    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .circle-wrap:focus .info-back,
    .home-wrap .jumbotron .action-wrap .circle-wrap:active .info-back {
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
        opacity: 1 !important;
    }

    /*a#btn-QT-Kitchens,
    a#btn-Grab-Go,
    a#btn-apply,
    #btn-store-go {
        background: #bb0000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 25px;
        line-height: 0;
        margin-top: 150px;
        padding: 20px !important;
        width:140px;
    }*/
    a#btn-apply,
    #btn-store-go,
    a#btn-QT-Kitchens,
    a#btn-Grab-Go,
    #btn-specialty-drinks,
    #btn-frozen-treats {
        background: #bb0000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 19px;
        line-height: 0;
        margin-top: 150px;
        padding: 20px !important;
        width: 140px;
        line-height: 0;
        max-width: 220px !important;
    }

    a#btn-store-go,
    a#btn-apply {
        margin-top: 134px
    }

    a#btn-Grab-Go {
        margin-top: 30px;
    }

    a#btn-QT-Kitchens {
        margin-top: 37px;
    }

    #btn-specialty-drinks {
        margin-top: 100px;
    }

    a#btn-apply:hover,
    a#btn-QT-Kitchens:hover,
    a#btn-Grab-Go:hover,
    #btn-feed-your-hunger:hover,
    #btn-specialty-drinks:hover,
    #btn-frozen-treats:hover,
    #btn-store-go:hover {
        background: #3c3c3c none repeat scroll 0 0;
        color: #ffffff;
    }
}

/* DESKTOP Specific styles - overrides */
@media (min-width: 992px) {
}

@media screen and (min-width: 992px) {
    /* QT Make Today Delicious Look Styles (mtd-look)
****************************************************
****************************************************/

    /* MTD HOMEPAGE - Jumbotron feature
**********************************/
    /*moved to Template.less*/
    /*
    .home-wrap .jumbotron { 

        background: #b42f25 url(/Portals/0/Images/QTAssets/mtd-look/Sub-HeaderBackground.jpg) no-repeat 0px 0px;
        background-size: cover;
        padding: 28px 0 0;
        margin: 0 0 60px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-bottom: 0px solid #332d25 !important; 
        position: relative;
        padding-bottom: 270px;
    }
*/
    .home-wrap .jumbotron .action-wrap {
        bottom: -20px !important;
        margin: 0 -10px !important;
    }

    .home-wrap .jumbotron .action-wrap .circle-wrap {
        height: 290px !important;
        width: 290px !important;
        text-align: center;
        border-radius: 145px;
        -webkit-border-radius: 145px;
        -moz-border-radius: 145px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
        position: relative;
    }

    /* Jumbotron circle section links */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap {
        background: transparent !important;
    }

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap {
        background: transparent !important;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap {
        background: transparent !important;
    }

    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back {
        height: 290px !important;
        width: 290px !important;
        text-align: center;
        border-radius: 145px !important;
        -webkit-border-radius: 145px !important;
        -moz-border-radius: 145px !important;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        position: relative;
    }

        .home-wrap .jumbotron .action-wrap .circle-wrap .info-back h3 {
            display: none !important;
        }

    /* Make background appear upon hover and focus of this circle */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap:active .info-back,
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap:focus .info-back {
        background: transparent url(/Portals/0/Images/QTAssets/mtd-look/Main-Menu.jpg) no-repeat 0 0;
        background-size: contain !important;
    }

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap:active .info-back,
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap:focus .info-back {
        background: transparent url(/Portals/0/Images/QTAssets/mtd-look/Main-Employees.jpg) no-repeat 0 0;
        background-size: contain !important;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap:active .info-back,
    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap:focus .info-back {
        background: transparent url(/Portals/0/Images/QTAssets/mtd-look/Main-Store.jpg) no-repeat 0 0;
        background-size: contain !important;
    }
    /* Hide all the wooden stake signs that were positioned to break outside of the circle div */
    .home-wrap .jumbotron .action-wrap .left-pane .circle-wrap .sign {
        display: none !important;
        position: absolute;
        width: 181px;
        height: 201px;
        background: url(images/sign-feed-your-hunger.png) no-repeat 0 0;
        z-index: 3;
        bottom: 14px;
        left: -25px;
    }

    .home-wrap .jumbotron .action-wrap .middle-pane .circle-wrap .sign {
        display: none !important;
        position: absolute;
        width: 179px;
        height: 157px;
        background: url(images/sign-refresh-and-refuel.png) no-repeat 0 0;
        z-index: 3;
        bottom: 3px;
        left: 15px;
    }

    .home-wrap .jumbotron .action-wrap .right-pane .circle-wrap .sign {
        display: none !important;
        position: absolute;
        width: 185px;
        height: 206px;
        background: url(images/sign-find-your-qt.png) no-repeat 0 0;
        z-index: 3;
        bottom: 12px;
        right: -31px;
    }

    /* INFO FRONT (make so appears normally, but is hidden when focus or hover over the circle */
    .home-wrap .jumbotron .action-wrap .circle-wrap .img-front {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#990000 0,990000 100&0.8 0,0.8 100 */
        background: -moz-linear-gradient( left, rgba(153, 0, 0, 0.7) 0%, rgba(153, 0, 0, 0.7) 100% ); /* FF3.6-15 */
        background: -webkit-linear-gradient( left, rgba(153, 0, 0, 0.7) 0%, rgba(153, 0, 0, 0.7) 100% ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient( to right, rgba(153, 0, 0, 0.7) 0%, rgba(153, 0, 0, 0.7) 100% ); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc990000', endColorstr='#cc990000',GradientType=1 ); /* IE6-9 */
        height: 290px;
        width: 290px;
        position: absolute;
        border-radius: 145px;
        -webkit-border-radius: 145px;
        -moz-border-radius: 145px;
        z-index: 2;
    }

    /* INFO BACK (make so is hidden normally, but appears when focus or hover over the circle */
    /* Removed for redesign 12/5/2018
        .home-wrap .jumbotron .action-wrap .circle-wrap .info-back {
            height: 290px !important;
            width: 290px !important;
            box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.85) !important;
            -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.85) !important;
            -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.85) !important;
            opacity: 0 !important;
        }
            */
    .home-wrap .jumbotron .action-wrap .circle-wrap .info-back,
    .home-wrap .jumbotron .action-wrap .circle-wrap:hover .info-back,
    .home-wrap .jumbotron .action-wrap .circle-wrap:focus .info-back,
    .home-wrap .jumbotron .action-wrap .circle-wrap:active .info-back {
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
        opacity: 1 !important;
    }

    a#btn-apply,
    a#btn-QT-Kitchens,
    a#btn-Grab-Go,
    a#btn-store-go {
        background: #bb0000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 25px;
        line-height: 0;
        margin-top: 150px;
        padding: 20px !important;
        width: 170px;
    }

    a#btn-store-go,
    a#btn-apply {
        margin-top: 174px
    }

    a#btn-Grab-Go {
        margin-top: 30px;
    }

    a#btn-QT-Kitchens {
        margin-top: 65px;
    }


    #btn-specialty-drinks,
    #btn-frozen-treats {
        background: #bb0000 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 19px;
        line-height: 0;
        padding: 20px !important;
        max-width: 220px !important;
    }

    #btn-specialty-drinks {
        margin-top: 100px;
    }

    a#btn-QT-Kitchens:hover,
    a#btn-Grab-Go:hover,
    #btn-apply:hover,
    #btn-feed-your-hunger:hover,
    #btn-specialty-drinks:hover,
    #btn-frozen-treats:hover,
    #btn-store-go:hover {
        background: #3c3c3c none repeat scroll 0 0;
        color: #ffffff;
    }

    /*End of this media query*/
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

@media screen and (min-width: 1200px) {
}

/* PRINT Specific styles - overrides */
@media print {
}

/* WEBKIT Specific styles - overrides */
@media all and(-webkit-max-device-pixel-ratio:10000), not all and(-webkit-min-device-pixel-ratio:0) {
}