/*MOTOR CITY GAS*/

/* 
 * 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
 *----------------------------------------------+--------+--------+
 */  



/* 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
{
}

/* 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 */
p, .eds_mailChimpPlus_Connect .edmcp_headerSubTitle, .eds_mailChimpPlus_Connect .edmcp__label, .eds_mailChimpPlus_Connect .edmcp_mainMessage {
font-family: noto-serif,serif;
font-weight: 400;
font-style: normal;
line-height: 2.25;
letter-spacing: 0px;
font-size: 18px;
text-align: justify;
color: #ffffff;
text-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

H1, .eds_mailChimpPlus_Connect .edmcp_header.edmcp_popUpHeader .edmcp_headerTitle   {
    font-family: oswald,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 32px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
text-align: center;
line-height: 1;
text-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

H2 {
    font-family: oswald,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
text-align: left;
line-height: 1;
text-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

H3  {
font-family: oswald,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
text-align: left;
line-height: 1;

}

H4, .mm-title, div.promo_banner_cta > p, #mm-0 > ul > li.last-item.Item-7 > a > span  {
    font-family: rinse,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
letter-spacing: 1px;
color: #ffffff;
text-align: left;
line-height: 1;
}

H5, DT, #mm-0 > ul > li > a > span, #dnngo_megamenu > div > ul > li > a > span  {
font-family: oswald,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
text-align: left;
line-height: 1;
}

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{
}

/*Background Colors */

#dnn_content, .BannerPane:before {
    background-color: #000000;
}

/*LINKS*/
a, a:link, a:active, a:visited {
    color:#ffffff;
    text-decoration: none;
        text-underline-offset: 2px;
}

a:hover, a:link:hover, a:active:hover, a:visited:hover {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: .1em;
    text-decoration-color: #ffffff;
}

#dnn_ctr1000_HtmlModule_lblContent > div > div > p > a {
    text-decoration: underline;
}

#dnn_ctr1000_HtmlModule_lblContent > div > div > p {
    text-align: left;
}


/*HEADER / MENU*/

#mm-0 > ul > li.last-item.Item-7 > a > span {
    text-transform: capitalize;
}

#mm-0 > ul > li.last-item.Item-7 {
    padding-top: 3em;
}

/*#dnn_dnnLOGO_imgLogo {
    display: none;
}*/

/*.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span ,#dnngo_megamenu > div > ul > li > a > span {
    color: #ffffff;
    font-family: noto-serif,serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: .5px;
    font-size: 20px;
}*/


.nav_ico::before {
    display: none;
}

/*#mm-0 > ul > li > a > span {
font-family: noto-serif,serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
letter-spacing: .5px;
font-size: 24px;
color: #ffffff;
}*/

.mobile_menu .mm-navbar.mm-navbar-top-2 {
    padding: 1.5em 0em;
}

.mobile_menu.mm-menu, .header9_active .centerBox.header9 {
    background-image: url(/Portals/8/Images/mcg-webmenu-bkgdimg.jpg);
    background-position: center;
    background-size: cover;
}



.centerBox.header9 > .shade {
    background-color: rgb(0 0 0 / 20%);
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.mm-selected > span, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.current > .mm-next, .mobile_menu.mm-menu .mm-listview > li.subcurrent >.mm-next, .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li > .mm-counter:hover + .mm-next, .mobile_menu.mm-menu .mm-listview > li > a.mm-next:hover {
    background-color: #707070;
}

.mobile_menu .mm-listview > li, .mobile_menu .mm-listview > li:after, .mobile_menu .mm-listview > li .mm-next, .mobile_menu .mm-listview > li .mm-next:before, .mobile_menu .mm-navbar.mm-navbar-top-2, .mobile_menu .menu_header, .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1, #mobile_user {
    border-color: transparent;
}


#dnn_wrapper > div.visible-xs.visible-sm.mobile_header > div > div.dnn_layout > div > div.mobile_navbox > div.mobile_right_icon > a:hover {
    text-decoration: none;
}

.headerBox .nav_ico .fa {
    font-weight: 900;
    margin-top: 30px;
}

.centerBox.header9 .toggle_leftBox:before, .centerBox.header9 .toggle_leftBox:after {
    border-left: 4px solid #707070;
}

.centerBox.header9 .toggle_leftBox:hover:before, .centerBox.header9 .toggle_leftBox:hover:after {
    border-left: 4px solid #ffffff;
}

.HoverStyle_1 #dnngo_megamenu > div > ul > li > a > span:hover, #dnngo_megamenu3a2b9f3aa3 > ul > li.current > a > span {
    padding: 0 0px; 
        text-underline-offset: 2px;
}

#dnngo_megamenu3a2b9f3aa3 > ul > li.current > a > span, .HoverStyle_1 #dnngo_megamenu > div > ul > li > a > span {
    padding: 0px;
        text-underline-offset: 2px;
}

/*.headerBox > .shade {
    height: 75px;
}*/

.roll_menu.roll_activated .headerBox .nav_ico {
        margin-top: 0em;
}

.roll_menu.roll_activated .dnn_logo .FixedLogoPane a, .roll_menu.roll_activated .FixedLogoPane .dnn_logo a {
    text-decoration: none;
}

/*BREADCRUMBS*/

.pagetitleBox {
    border-top: 1px solid #707070;
}

.pagetitleBox .pagetitletoken .fa {
display: none;
}

.pagetitleBox h1 {
    font-family: rinse, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 1;
}

 .pagetitleBox .pagetitletoken, .pagetitleBox .pagetitletoken a, .pagetitleBox .pagetitletoken aLlink, .pagetitleBox .pagetitletoken a:active, .pagetitleBox .pagetitletoken a:visited {
    font-family: noto-serif, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 18px;
    color: #ffffff;
}

/*SOCIAL SLIDER*/

#FixedIcon_1010 a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding-left: 20px;
    background-color: transparent!important;
}

#FixedIcon_1010 a:hover {
opacity: .75;
}

#FixedIcon_1010 > li:nth-child(1) > a > span.fa.fa-facebook::before {
        content: "\f39e"!important;
    font-family: "Font Awesome 6 Brands"!important;
}

#FixedIcon_1010 > li:nth-child(5) > a > span.fa.fa-fa::before {
    content: "\e07b"!important;
    font-family: "Font Awesome 6 Brands"!important;
}

/*PADDING*/

div.container, div.dnn_layout {
    padding-right: 5vw;
    padding-left: 5vw;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.paddingtop_main {
padding-top: 5vw;
}

.paddingbottom_main {
padding-bottom: 5vw;
}

.paddingright_main {
padding-right: 5vw;
}

.paddingleft_main {
padding-left: 5vw;
}

.paddingtop_secondary {
    padding-top: 15vw;
}

.paddingbottom_secondary {
    padding-bottom: 15vw;
}

/*BORDER LINES*/

.dg-line27 {
    border-bottom: 5px solid #707070;
    clear: both;
   margin: -1em auto 3em;
    width: 100px;
}

/*HOME*/

.promo_banner_cta {
/*padding: 1.5em 5vw .75em;
    border-bottom: 0px solid #707070;
    background-image: url(/Portals/8/Images/mcg-webmenu-bkgdimg.jpg);
    background-size: cover;
    background-position: center;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;*/
    padding: .6em 0vw 0em 5vw;
    position: fixed; 
    z-index: 1001;
    }

div.promo_banner_cta > p {
    text-align: center;
    font-size: 28px;
}

/*#dnn_ctr1020_HtmlModule_lblContent > div > p > a {
    font-size: 24px!important;
}*/

/*.mobile_header, .mobile_dnn_logo, .mobile_nav {
        height: 65px;
    }*/

/*#dnn_ctr1020_HtmlModule_lblContent > div > p > a {
    padding: 13px 20px 10px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 1000px;
    display: inline-block;
    border: 2px solid #ffffff;
    background-size: 105%!important;
    background-position: center!important;
    -webkit-transition: all ease-in 300ms;
    background-color: transparent;
    text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
    background-image: none;
    box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 1px 2px rgb(0 0 0 / 0%);
    width: 100%;
}*/

#FixedIcon_1010 {
    top: 45%!important;
}

#hero {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "image";
height: 90vh;
}

#hero > div.div1 {     
    grid-area: image; 
    background: url(/Portals/8/Images/HomeBarrell_mo_v12.jpg);
    background-position: center;
    background-size: cover;
}

#hero > div.div2 { 
grid-area: image; 
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);
}


.mcg.hero.home {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
    position: relative;
    z-index: 2;
    grid-template-areas: "cell2" 
        "full"
        "cell1";
}

.mcg.hero.home > .full {
    grid-area: full;
}

.mcg.hero.home > .cell1 {
    grid-area: cell1;
}

.mcg.hero.home > .cell2 {
    grid-area: cell2;
}

.mcg.hero.home > .full.bkgd {
    background-image: url(/Portals/8/Images/Motor%20City%20Gas%20Bottle%20with%20Pistons.jpg);
    background-size: cover;
    background-position: center;
    height: 56vh;
}

.mcg.hero.home > .cell2.bkgd, .mcg.hero.home > .cell2.overlay {
    display: none;
}

.mcg.hero.home > div.cell2.content > h1 {
margin-bottom: -5vh;
    margin-right: 5vw;
    margin-left: 5vw;
    padding-top: 5vw;
}

.mcg.hero.home > .full.overlay {
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
}

.mcg.hero.home > .cell1.content > div {
    background-image: url(/Portals/8/Images/MCG%20LOGO%20-%20WHITE%20-%20BLK%20BKGD.svg);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center;
}

#myVideo {
    width: 100%;
}

#video > div.cell1.content > h1 {
    display: none;
}

#video > div.cell1.content > p {
    text-align: center;
    margin-top: -55px;
    position: relative;
    text-shadow: 0 0 10px rgb(0 0 0 / 100%);
}



/*ABOUT*/

#whiskey {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
    padding-bottom: 5vw;
}

#whiskey > div.div1 { 
grid-area: 2 / 1 / 3 / 2;
        background: url(/Portals/8/Images/AdobeStock_167205755_websize.jpg);
    background-position: top;
    background-size: cover;
    height: 110vw;
    margin-top: -30vw;
}

#whiskey > div.div2 { 
grid-area: 2 / 1 / 3 / 2;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.25) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.25) 75%, rgba(0,0,0,1) 100%);
    margin-top: -30vw;
}

#whiskey > div.div3 { 
    grid-area: 1 / 1 / 2 / 2;
        padding-top: 5vw;
}

#whiskey > div.container.div3 > div > div {
    text-align: center;
    padding-top: 2em;
}

/*ABOUT - VIDEO*/

#about_video {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: 1fr;*/
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "video1"
                    "video2img"
"video2txt"
"video3img"
"video3txt"
"video4img"
"video4txt";
padding: 35vw 5vw;
}

.wood_bkgd { 
    background: url(/Portals/8/Images/WoodBkgd_v7.jpg);
    background-position: center;
    background-size: cover;
}

#about_video > div.div3 { 
    grid-area: video1; 
    background-color: #000000;
}

#about_video > div.div2 { 
    grid-area: video1; 
 padding: 5px;
}

#about_video > div.div4 { 
    grid-area: video2img; 
    padding: 5px 5px 0px;
    background-color: #000000;
    margin: 5vw 0 0 0;
}
#about_video > div.div5 { 
    grid-area: video2txt; 
    background-color: #000000;
    padding: 0 20px 1vw;
}

#about_video > div.div6 { 
    grid-area: video3img; 
    padding: 5px 5px 0px;
    background-color: #000000;
    margin: 5vw 0 0 0;
}
#about_video > div.div7 { 
    grid-area: video3txt; 
    padding: 0 20px 1vw;
    background-color: #000000;
}

#about_video > div.div8 { 
    grid-area: video4img; 
    padding: 5px 5px 0px;
    background-color: #000000;
    margin: 5vw 0 0 0;
}
#about_video > div.div9 { 
    grid-area: video4txt; 
    padding: 0 20px 1vw;
    background-color: #000000;
}

#about_video > div.div5 > p, #about_video > div.div7 > p {
    display: none;
}

.videoWrapper {
    position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#about_video > div.div2 > h1 {
margin: 1vw 1vw -2vw;
position: relative;
z-index: 5;
}

/*OUR WHISKEY LIST*/
.mcg.whiskey-list.home {
    display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0px;
  grid-template-areas: "full" 
  "cell1";
}

.mcg.whiskey-list.home > .full { grid-area: full; }

.mcg.whiskey-list.home > .cell1 { grid-area: cell1; }

.mcg.whiskey-list.home > .full.bkgd {
    background-image: url(/Portals/8/Images/Motor%20City%20Gas%20Bottleon%20Barrel.jpg);
    background-size: cover;
    background-position: center;
    height: 45vh;
}

/*.mcg.whiskey-list.home > .full.overlay {

background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%);
}*/

.mcg.whiskey-list.home > div.cell1.content {
    text-align: center;
    padding: 5vw;
}

.mcg.whiskey-list.home > div.cell1.content > div > a {
    font-size: 32px;
}



/*FARMS*/

#farm {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-bottom: 5vw;
height: 90vh;
overflow: hidden;
}

#farm > div.div1 { 
grid-area: 2 / 1 / 3 / 2;
background: url(/Portals/8/Images/shutterstock_315841391_webresized.jpg);
    background-position: center;
    background-size: cover;
    height: 90vh;
}

#farm > div.div2 { 
grid-area: 2 / 1 / 3 / 2;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0.302381194039677) 70%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.302381194039677) 86%, rgba(0,0,0,1) 100%);
}

#farm > div.div3 { 
grid-area: 1 / 1 / 2 / 2;
    padding-top: 15vw;
    margin-bottom: -160vw;
    }

/*AWARDS*/

#awards {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
}

#awards > div.div1 { 
grid-area: 1 / 1 / 2 / 2;
background: url(/Portals/8/Images/Awards_v11.jpg);
background-position: top;
background-size: cover;
}

#awards > div.div2 { 
grid-area: 1 / 1 / 2 / 2;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 30%, rgba(0,0,0,0.302381194039677) 50%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.302381194039677) 85%, rgba(0,0,0,1) 100%);
}

#awards > div.div3 { grid-area: 2 / 1 / 3 / 2; }


#dnn_ctr1007_HtmlModule_lblContent > div {
background: url(/Portals/8/Images/Awards_v11.jpg);
background-size: cover;
background-position: right;
height: 112vw;
}

.owl-nav {
    display: none;
}

#dnn_ctr1007_HtmlModule_lblContent > div {
    margin-right: 0px;
    margin-left: 0px;
padding-top: 100%;
    margin-bottom: 15vh;
}

#dnn_ctr1007_ModuleContent {
/*height: 150vw;*/
}

[class *= "dg-carousel"] .owl-dots .owl-dot.active, .dg-carousel03 .owl-nav .owl-prev, .dg-carousel03 .owl-nav .owl-next, .dg-carousel03 .owl-nav .owl-prev:before, .dg-carousel03 .owl-nav .owl-next:before, .dg-carousel06 .owl-nav .owl-prev:before, .dg-carousel06 .owl-nav .owl-next:before, .dg-carousel07 .owl-nav .owl-prev:before, .dg-carousel07 .owl-nav .owl-next:before {
    border-color: transparent;
}

div.dg-carousel09.owl-carousel.owl-loaded.owl-drag > div.owl-stage-outer > div > div.owl-item > div > h1 {
    /*font-size: 54px;*/
}

#dnn_ctr1007_HtmlModule_lblContent > div > div {
    margin-right: 0;
    margin-left: 0;
}

/*Cocktails Section*/

#cocktails {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-bottom: 5vw;
}

#cocktails > div.div1 { 
    grid-area: 1 / 1 / 2 / 2; 
    background: url(/Portals/8/Images/Cocktails_v11.jpg);
background-size: cover;
background-position: left;
height: 45vh;
    }
#cocktails > div.div2 { 
    grid-area: 1 / 1 / 2 / 2; 
    background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.052381194039677004) 14%, rgba(0,0,0,0.1900216434778792) 69%, rgba(0,0,0,1) 100%);
    }
#cocktails > div.div3 { grid-area: 2 / 1 / 3 / 2; }

/*CONTACT SECTION*/

#contact {
      position: relative;
}

#contact > h1 {
    padding-top: 0vw;
    margin-top: 0vw;
}

#dnn_content > div:nth-child(13), #Form > div.dnngo-main.full.ltr.Light.Color > div:nth-child(13) {
background: url(/Portals/8/Images/Contact_v4.jpg) no-repeat left center;
    background-size: cover;
margin-top: -13vh;
    padding: 13vh 5vw 5vw;
}



#dnn_ctr1000_HtmlModule_lblContent > div > div > p {
    font-size: 18px;
    line-height: 1.25;
}

#dnn_ctr1000_HtmlModule_lblContent > div > div > h2 {
    padding-top: 1em;
}

#dnn_ctr1000_HtmlModule_lblContent > div > div > h2, #dnn_ctr1000_HtmlModule_lblContent > div > div > p {
    text-align: center;
}

/*FORM*/
.dg-form-content.form-line.dark .form-control-wrap input[type=text], .dg-form-content.form-line.dark .form-control-wrap input[type=email], .dg-form-content.form-line.dark .form-control-wrap input[type=url], .dg-form-content.form-line.dark .form-control-wrap input[type=tel], .dg-form-content.form-line.dark .form-control-wrap input[type=number], .dg-form-content.form-line.dark .form-control-wrap input[type=date], .dg-form-content.form-line.dark .form-control-wrap select, .dg-form-content.form-line.dark .form-control-wrap textarea, .dg-form-content.form-line.dark .fixline:before {
    border-bottom-color: #ffffff!important;
    border-bottom: solid 2px #ffffff;
}

.dg-form-content.form-line.dark, .dg-form-content.form-line.dark span, .dg-form-content.form-line.dark label, .dg-form-content.form-line.dark label.valid, .dg-form-content.form-line.dark li:not(.from-footer) input, .dg-form-content.form-line.dark select, .dg-form-content.form-line.dark textarea {
    color: #ffffff!important;
    font-size: 18px;
    line-height: 1.25;
    font-family: noto-serif,serif;
    font-weight: 400;
    font-style: normal;   
    letter-spacing: .5px;
}

.form_submit.text-left {
    text-align: left !important;
    padding-top: 2em;
}

div.grecaptcha-badge {
    display: none;
}

/*FOOTER*/
.footer-09 .footer-top {
    padding: 5vw 0vw 0vw;
    text-align: center;
}

div.footer_links > p {
font-size: 18px;
}

div.drinkresponsible > p {
    font-size: 14px;
}

div.footer_links > p, div.drinkresponsible > p  {
text-align: center;
}

.footer-09 .footer-bottom {
font-family: noto-serif,serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .5px;
}



.pb-40 {
    padding-top: 5vw!important;
}

#dnn_wrapper > footer > div.footer-top.pt-40.pb-40  {
    padding-bottom: 5vw!important;
}

#dnn_ctr998_HtmlModule_lblContent > p {

}

.dg-btn-2, div.Theme_01_Default .form_submit .submit_but, .dg-btn-2:link, .dg-btn-2:active, .dg-btn-2:visited, .dg-btn-2[type="button"], .eds_mailChimpPlus_Connect .edForm__subscribe, .eds_mailChimpPlus_Connect .edForm__closeResponse, #dnn_ctr1020_HtmlModule_lblContent > div > p > a {
    padding: 13px 20px 10px;
    text-transform: uppercase;
font-family: oswald,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.25;
    text-decoration: none;
    color: #ffffff;
    border-radius: 1000px;
    display: inline-block;
    border: 2px solid #ffffff;
    background-size: 105%!important;
    background-position: center!important;
    -webkit-transition: all ease-in 300ms;
    background-color: transparent;
    text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
    background-image: none;
    box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 1px 2px rgb(0 0 0 / 0%);
}

.dg-btn-2:hover, div.Theme_01_Default .form_submit .submit_but:hover, .dnngo-main .dg-btn-2:hover, .dnngo-main [class*="dg-btn-"]:hover, .eds_mailChimpPlus_Connect .edForm__subscribe:hover, .eds_mailChimpPlus_Connect .edForm__closeResponse:hover, #dnn_ctr1020_HtmlModule_lblContent > div > p > a:hover {
    background-color: #707070;
    border-color: #ffffff;
    color: #ffffff;
        text-decoration: none!important;
}

/*MAILCHIMP*/
#dnn_ctr993_HtmlModule_lblContent > div > a {
    text-decoration: none;
}

.eds_mailChimpPlus_Connect .edOverlay__hideTrigger {
    display: inline-block;
    position: fixed;
    top: 50px;
    right: 50px;
    cursor: pointer;
    text-align: center;
    background-color: #000000;
    border-radius: 50%;
    color: #ffffff;
    width: 64px;
    height: 64px;
    font-size: 24px;
    line-height: 62px;
    transition: all 400ms;
    border: solid #ffffff 0px;
}

.eds_mailChimpPlus_Connect .edOverlay__hideTrigger:hover{
    background-color: #707070!important;
}

.eds_mailChimpPlus_Connect .edmcp_mainWrapper {
    border-radius: 8px;
    overflow: hidden;
    background: #000000 url(/Portals/8/Images/Cocktails_v11.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}
#eds_mailchimp_992_form > div::before {
    background-color: #000000;
    border: solid 0px #ffffff;
    opacity: .50;
}

.eds_mailChimpPlus_Connect .edmcp_subscribeAndArchiveButton {
    vertical-align: top;
    text-align: center;
    padding: 40px 30px 10px;
    border-top: solid 0px #ffffff;
}

.eds_mailChimpPlus_Connect input[type="text"], .eds_mailChimpPlus_Connect input[type="email"], .eds_mailChimpPlus_Connect input[type="number"], .eds_mailChimpPlus_Connect select, .eds_mailChimpPlus_Connect textarea {
    border: solid 3px #FFFFFF;
    border-radius: 6px;
    font: 17px/1.2 noto-serif;
    color: #000000;
    box-shadow: none;
    background: #fff;
    box-shadow: none;
    outline: none;
    padding: 8px 10px;
    margin: 2px 0;
}

.eds_mailChimpPlus_Connect .edmcp_header .edmcp_headerSubTitle {
    text-align: center;
}

.eds_mailChimpPlus_Connect .edForm__responseMessage > div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: solid 3px #707070;
    margin: 70px 0 30px;
    padding: 80px 30px 30px;
    text-align: center;
    width: 80%;
   background: #ffffff;
}

.eds_mailChimpPlus_Connect input[type="text"]:hover, .eds_mailChimpPlus_Connect input[type="email"]:hover, .eds_mailChimpPlus_Connect input[type="number"]:hover, .eds_mailChimpPlus_Connect textarea:hover, .eds_mailChimpPlus_Connect .edmcp__select:hover {
        border: solid 3px #707070;
}

.eds_mailChimpPlus_Connect .edForm__responseMessage > div::after {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    top: -60px;
    left: 50%;
    margin-left: -60px;
    background-color: #707070;
    content: "";
    font: 50px/120px "FontAwesome";
    color: #fff;
    text-align: center;
}

.eds_mailChimpPlus_Connect .edmcp__label {
    font-size: 18px;
}

.eds_mailChimpPlus_Connect .edmcp_headerSubTitle {
    font: 17px/1.2 noto-serif;
    color: #fff;
    padding-top: 10px;
    margin-top: 10px;
    border-top: solid 0px rgba(255, 255, 255, 0.5);
}

#eds_mailchimp_992_form > div > div.edmcp_header.edmcp_popUpHeader > div > i {
    padding-bottom: 10px;
    margin-right: 10px;
}

#eds_mailchimp_992_form > div > div.edmcp_header.edmcp_popUpHeader > div > i {
    display: none;
}

/*OVER 21*/

#over21 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "image";
height: 100vh;
}

#over21 > div.div1 { grid-area: image; 
background: url(/Portals/8/Images/Over21_Rev4.jpg);
    background-position: center;
    background-size: cover;
}

#over21 > div.div2 { grid-area: image; 
place-self: center center;
}

#over21 > div.div2 > h3 {
    padding-top: 20px;
    text-align: center;
}

#bs-example-modal > div > div > div.modal-body > p {
color: #707070;
line-height: 1.25;
}

.dg-modal .modal-title {
color: #000000;
}

.dg-modal .modal-title, #bs-example-modal > div > div > div.modal-header > h6 {
    font-size: 18px;
    color: #707070;
    font-weight: normal;
    font-family: oswald;
}

/*THANK YOU*/

#thankyou {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 5vw;
grid-template-areas: "image"
                     "text";
padding-bottom: 5vw;
}

#thankyou > div.div1 { grid-area: image; 
background: url(/Portals/8/Images/ThankYouBackground.jpg);
    background-position: center;
    background-size: cover;
    width: 100vw;
}

#thankyou > div.div2 { grid-area: text; 
}

#error > div.div2 > div > h3 {
    font-size: 73px;
    text-align: center;
}

#error > div.div2 > div > p {
    color: #000000;
}

#error > div.container.div2 > div.width-60 > div {
    text-align: center;
    padding-top: 20px;
}


/*WHISKEY LIST & DETAILS*/

#dnn_Full_Screen_PaneE {
    background-image: url(/Portals/8/Images/Char-Background-Web-Res.jpg); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: -75px;
    position: relative;
    background-attachment: fixed;
}

#dnn_ctr3092_ModuleContent > div, #dnn_ctr3090_ModuleContent > div {
    padding: 5vw 5vw;
    max-width: 100%;
    margin-top: 0px;
}

#dnn_ctr3090_ViewEasyDNNNewsMain_ctl00_pnlListArticles > div.edn_isotopeLayout {
    padding: 0px 5vw 50px;
}



.eds_news_Ozone.eds_subCollection_news {
    font-family: oswald, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    margin: 0px 0px 100px;
}

.eds_news_Ozone.eds_subCollection_news .edn_mediaContainer {
    border: solid 0px #000000;
    padding: 0px;
    margin: 20px 0px 0px 0;
}

.eds_news_Ozone h1, .eds_news_Ozone h2, .eds_news_Ozone h3, .eds_news_Ozone h4, .eds_news_Ozone h5, .eds_news_Ozone h6 {
    margin: 0 0 15px;
    padding: 0;
    color: #000000;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.1;
    text-align: center;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleInBox h2.edn_articleTitle {
    font-size: 24px;
}

.eds_news_Ozone h1, .eds_news_Ozone h2, .eds_news_Ozone h3, .eds_news_Ozone h4, .eds_news_Ozone h5, .eds_news_Ozone h6, .eds_news_Ozone th, .eds_news_Ozone .in_article_image .image_title {
    font-family: oswald, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}



div.whiskey_info > h1 {
font-size: 48px;
line-height: 1.25;
}

.eds_news_Ozone.eds_subCollection_news a {
    text-decoration: underline;
    color: #000000;
    text-underline-offset: 2px;
}

.edn_article > .info_container {
    margin-top: 310px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    margin-right: 0px;
    padding-bottom: 20px;
    height: 350px;
    max-height: 350px;
}

.eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleTitle {
    padding-top: 10px;
}

.edn_articleSummary > .whiskey_summary > .button_cta {
    text-align: center;
}

.eds_news_Ozone.eds_subCollection_news a.dg-btn-2 {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #000000;
    border: 2px solid #FFFFFF;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    font-family: oswald, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.25;
    background-size: 105% !important;
    width: 200px;
}


.eds_news_Ozone.eds_subCollection_news div:nth-child(2) > a.dg-btn-2 {
      background-color: transparent;
    border: 2px solid #000000;
    color: #000000;
}

.eds_news_Ozone.eds_subCollection_news a.dg-btn-2:hover, .eds_news_Ozone.eds_subCollection_news div:nth-child(2) > a.dg-btn-2:hover {
    background-color: #707070;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

div.info_container > div > div > div:nth-child(2) {
    padding-top: 10px;
    padding-bottom: 5px;
}


div.info_container > div > div > div:nth-child(2) {
    padding-top: 10px;
}

.eds_news_Ozone.eds_subCollection_news .edn_articlesRssWrapper {
    display: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTitle {
    display: none;
    margin: 0px;
    color: #FFFFFF;
}



div.info_container > div > div > div > a.soldout.dg-btn-2, div.whiskey_details > div.whiskey_info > div.button_cta > a.dg-btn-2.soldout, div.info_container > div > div > div > a.wholesale.dg-btn-2 {
background-color: rgb(199, 25, 31);
}

.whiskey_details {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

.eds_news_Ozone p {
    color: #FFFFFF;
    text-transform: capitalize;
    text-align: center;
}


article > div.whiskey_details > div.whiskey_info > h4:nth-child(7), article > div.whiskey_details > div.whiskey_info > h4 {
    font-size: 18px;
}


div.whiskey_details > div.whiskey_info > p > a, div.whiskey_details > div.whiskey_info > h4 > a {
color: #FFFFFF;
}

div.whiskey_details > div.whiskey_info > p > a:hover, div.whiskey_details > div.whiskey_info > h4 > a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.whiskey_details > .whiskey_photo > img {
width: 100%;
/*border-radius: 30px 30px 0 0;*/
}

div.whiskey_details > div.whiskey_info {
    /*background-color: rgba(255, 255, 255, 0.20);*/
    padding: 30px 20px;
    /*border-radius: 0 0 30px 30px;*/
    place-self: center;
}

div.whiskey_details > div.whiskey_info > div.button_cta {
    text-align: center;
    margin-top: 30px;
}

div.whiskey_details > div.whiskey_info > div.button_cta > a.dg-btn-2 {
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

div.whiskey_details > div.whiskey_info > div.button_cta > a.dg-btn-2:hover {
    background-color: #707070;
    border-color: #FFFFFF;
    color: #FFFFFF;
}


article > h1, div.whiskey_details > .whiskey_info > h1, div.whiskey_details > .whiskey_info > h4 {
    color: #FFFFFF;
}

#dnn_ctr3092_ViewEasyDNNNewsMain_ctl00_pnlViewArticle > article > div.edn_mediaContainer {
    margin-bottom: 20px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a {
    border: solid 0px #FFFFFF !important;
    border-radius: 1000px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager a, .eds_news_Ozone.eds_subCollection_news .article_pagination a {
    color: #FFFFFF;
}

.eds_news_Ozone.eds_subCollection_news li, .eds_news_Ozone.eds_subCollection_news td, .eds_news_Ozone.eds_subCollection_news table {
       font-family: noto-serif, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 18px;
    color: #ffffff;
    text-transform: capitalize;
    line-height: 1.75;
}

div.whiskey_info_more > ul {
    margin-left: 0;
    margin-bottom: 0;
}

.whiskey_info_more {
    border: solid 2px #FFFFFF;
    padding: 20px;
    border-radius: 20px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager a, .eds_news_Ozone.eds_subCollection_news .article_pager > span, .eds_news_Ozone.eds_subCollection_news .article_pagination a, .eds_news_Ozone.eds_subCollection_news .article_pagination > span {
    border: 0px solid #FFFFFF;
   font-family: noto-serif, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 18px;
    color: #ffffff;
    background-size: 100% !important;
    background-color: transparent;
    border-left: solid 0px #FFFFFF;
    border-right: none !important;
    border-bottom: none !important;
    border-top: none !important;
    text-decoration: none;
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_previusArticle:hover, .eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling a.edn_nextArticle:hover {
    background-color: transparent;
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.next::after, .eds_news_Ozone.eds_subCollection_news .article_pager a.edn_nextArticle::after {
    content: "\f105";
    margin-left: 10px;
    font-size: 21px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.prev::before, .eds_news_Ozone.eds_subCollection_news .article_pager a.edn_previusArticle::before {
    content: "\f104";
    margin-right: 10px;
    font-size: 21px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.prev::after, .eds_news_Ozone.eds_subCollection_news .article_pager a.edn_previusArticle::after {
    content: "Previous Whiskey"; 
        text-decoration: underline;
    text-underline-offset: 2px;   
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.next::before, .eds_news_Ozone.eds_subCollection_news .article_pager a.edn_nextArticle::before {
    content: "Next Whiskey";
        text-decoration: underline;
    text-underline-offset: 2px;
}

.eds_news_Ozone.eds_subCollection_news .article_pager a.prev::after, .eds_news_Ozone.eds_subCollection_news .article_pager a.edn_previusArticle::after, .eds_news_Ozone.eds_subCollection_news .article_pager a.next::before, .eds_news_Ozone.eds_subCollection_news .article_pager a.edn_nextArticle::before {
font-family: noto-serif, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 18px;
    color: #ffffff;
    text-transform: capitalize;
}

#dnn_ctr3092_ViewEasyDNNNewsMain_ctl00_pnlViewArticle > article > div.article_pager.edn_articleScrolling.edn_clearFix > div.edn_toolTip.edn_tooltipLeft > a > span, #dnn_ctr3092_ViewEasyDNNNewsMain_ctl00_pnlViewArticle > article > div.article_pager.edn_articleScrolling.edn_clearFix > div.edn_toolTip.edn_tooltipRight > a > span, #dnn_ctr3090_ViewEasyDNNNewsMain_ctl00_pnlViewArticle > article > div.article_pager.edn_articleScrolling.edn_clearFix > div > a > span {
    display: none;
}

.eds_news_Ozone.eds_subCollection_news .article_pager.edn_articleScrolling {
    margin: 0 0px;
    padding: 40px 10px 0px;
}

/*Videos*/
#yottie_1 .yottie-widget-feed {
    background: transparent!important;
}

#dnn_ctr3556_HtmlModule_lblContent {
        padding: 5vw;
}

#yottie_1 .yottie-widget-header-channel-title, #yottie_1 .yottie-widget-header-channel-title a {
    font-family: oswald, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.25;
}

div.yottie-widget-header-channel-properties, .yt-uix-button-subscribe-branded .yt-uix-button-content, .yt-uix-button-subscribed-branded .yt-uix-button-content {
    font-family: noto-serif, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 18px;
    color: #ffffff;
    text-transform: capitalize;
    line-height: 1.25;
    max-height: fit-content;
}



/*404 ERROR PAGE*/

#error {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "image";
height: 100vh;
}

#error > div.div1 { grid-area: image; 
background: url(/Portals/8/Images/Over21_Rev4.jpg);
    background-position: center;
    background-size: cover;
}

#error > div.div2 { grid-area: image; 
place-self: center center;
}


/*END MOBILE VIEW*/

/*MEDIA QUERIES*/

/*DESKTOP*/

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

.mobile {
    display: none;
}

H1, .eds_mailChimpPlus_Connect .edmcp_header.edmcp_popUpHeader .edmcp_headerTitle, .mcg.whiskey-list.home > div.cell1.content > div > a   {
font-size: 48px;
}


.promo_banner_cta {
    /* top: 0; */
   /* z-index: 1001;
    width: fit-content;
    bottom: revert;
    margin: 1em 0em 0em;
    right: 10vw;
    padding: 1.5em 0vw 0vw;
    background: transparent;*/
}

/*HERO - Desk*/



#hero > div.div1 {     
    background: url(/Portals/8/Images/HomeBarrell_v15.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#hero > div.div2 {
    grid-area: image;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 15%);
}


.mcg.hero.home {
    display: grid;
grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    position: relative;
    grid-template-areas:  ". cell2"
    "cell1 cell1";
}

.mcg.hero.home > .full {
    grid-area: 1 / 1 / 2 / 3;
}

.mcg.hero.home > .full.bkgd {
    background-image: url(/Portals/8/Images/motor-city-gas-on-pistons.jpg);
    height: 100vh;
}

.mcg.hero.home > div.cell2 {
    place-self: center;
}

#FixedIcon_1010 {
    top: 50% !important;
}

.mcg.hero.home > div.cell1 {
        padding: 0vw 0vw 0vw;
}

#video > div.cell2.content > h1 {
    font-size: 64px;
}


/*ABOUT - DESK*/

#whiskey {
    padding-top: 0vw;
}

#whiskey > div.div1 { 
background-position: top;
    margin-top: -20vw;
    height: 55vw;
}

#whiskey > div.div2 { 
   margin-top: -20vw;
    background: linear-gradient(180deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.25) 80%, rgba(0,0,0,1) 100%);
}


/*ABOUT - VIDEO - DESK*/

#about_video {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-template-areas: "video1 video1 video1"
    "video1 video1 video1"
        "video2img video3img video4img"
       "video2txt video3txt video4txt";
          padding: 17.5vw 5vw;  
       grid-column-gap: 1%;
}

#about_video > div.bkgd {
    height: 100%;
    width: 100%;
}

#about_video > div.div2 > h1 {
    margin: 0vw 1vw -.5vw;
}

#about_video > div.div4 {
margin: 2vw 0 0 0;
}

#about_video > div.div5 {
padding: 0 20px;
place-self: center;
}

#about_video > div.div6 {
margin: 2vw 0 0 0;
}

#about_video > div.div7 {
padding: 0 20px;
place-self: center;
}

#about_video > div.div8 {
margin: 2vw 0 0 0;
}

#about_video > div.div9 {
padding: 0 20px;
place-self: center;
}



/*OUR WHISKEY LIST - DESKTOP*/
.mcg.whiskey-list.home {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    position: relative;
    grid-template-areas:        ". cell1";
    height: 90vh;
}

.mcg.whiskey-list.home > .full {
    grid-area: 1 / 1 / 2 / 3;
}

#whiskey-list > div.cell1.content {
    place-self: center;
}

.mcg.whiskey-list.home > .full.bkgd {
    height: 100%;
    background-image: url(/Portals/8/Images/motor-city-gas-on-barrels.jpg);
}

/*FARMS - DESK*/

#farm {
    padding-bottom: 0vw;
}

#farm > div.div3 {
    padding-top: 10vw;
}


#farm > div.div2 { 
background: linear-gradient(180deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.302381194039677) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.302381194039677) 86%, rgba(0,0,0,1) 100%);
}



/*AWARDS - DESK */

#dnn_ctr1007_HtmlModule_lblContent {
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vw;
    padding: 5vw 0vh 0vh;
    /* margin: 20vh;*/
    background-position: center;
}

#dnn_ctr1007_HtmlModule_lblContent > div {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0vw;
    height: 100%;

}

#dnn_ctr1007_ModuleContent {
    height: auto;
}

#dnn_ctr1007_HtmlModule_lblContent > div > div {
    padding-top: 15%;
}

/*COCKTAILS - DESKTOP*/
#cocktails > div.div1 { 
    height: 100vh;
    } 

#cocktails > div.div2 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.302381194039677) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.302381194039677) 86%, rgba(0,0,0,1) 100%);
}
    
    #cocktails {
        grid-template-columns: 1fr 1fr;
        padding-bottom: 0vw;
        grid-template-areas: ". div3";
    }

#cocktails > div.div1, #cocktails > div.div2 {
    grid-area: 1 / 1 / 2 / 3;
}

#cocktails > div.div3 {
    grid-area: div3;
    place-self: center center;
}


/*CONTACT - DESK*/

#dnn_content > div:nth-child(13) {
    margin-top: -12vw;
    padding: 12vw 5vw 5vw;
}

/*WHISKEY LIST & DETAILS - DESK*/

.whiskey_details {
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
}

div.whiskey_details > div.whiskey_info {
    padding: 20px;
    border-radius: 20px;
    place-self: center;
}

.whiskey_details > .whiskey_photo > img {
    border-radius: 0px;
}

div.whiskey_details > div.whiskey_info > div.button_cta {
    margin-top: 60px;
}

.eds_news_Ozone.eds_subCollection_news .edn_article {
    margin-bottom: 0px;
}


/*THANK YOU - DESK*/

#thankyou {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "image text";
padding-bottom: 5vw;
}

#thankyou div.div1 { grid-area: 1 / 1 / 2 / 3; 
    background-position: center;
    background-size: cover;
    width: auto;
    height: 100vh;
}

#thankyou div.div2 { grid-area: 1 / 2 / 2 / 3;
place-self: center center;
}

#dnn_ctr1000_HtmlModule_lblContent > div > div > h2, #dnn_ctr1000_HtmlModule_lblContent > div > div > p {
    text-align: left;
}

/*END DESKTOP*/
}


/*TABLET*/

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

    .mobile {
    display: none;
}

.dnn_layout, .container {
    width: 100%;
}

.promo_banner_cta {
    /* top: 0; */
   /* z-index: 1001;
    width: fit-content;
    bottom: revert;
   margin: 0.5em 0em 0em;
    right: 11vw;
    padding: 1.5em 0vw 0vw;
    background: transparent;*/
}


#hero {
height: 90vw;
}

#hero > div.div1 {
    background: url(/Portals/8/Images/HomeBarrell_v15.jpg);
    background-size: cover;
    background-repeat: no-repeat;
        background-position: center;
}


.mcg.hero.home {
    display: grid;
grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    position: relative;
    grid-template-areas:  ". cell2"
    "cell1 cell1";
}

.mcg.hero.home > .full {
    grid-area: 1 / 1 / 2 / 3;
}

#video > div.cell1.content > h1 {
    display: none;
}

#video > div.cell2 {
    display: block;
}

#video > div.cell2.content {
    place-self: center start;
}

.mcg.hero.home > .full.bkgd {
    background-image: url(/Portals/8/Images/motor-city-gas-on-pistons.jpg);
}

#FixedIcon_1010 {
    top: 30% !important;
}

/*About - TABLET*/


#about_video {
    grid-template-columns: 40% 60%;
    /* grid-template-rows: repeat(3, 1fr); */
    grid-template-areas: "video1 video1"
                         "video2img video2txt" 
                         "video3img video3txt"
                         "video4img video4txt";
padding: 17.5vw 5vw;  
}

#about_video > div.video_thumb, #about_video > div.div5, #about_video > div.div7, #about_video > div.div9 {
    margin: 2.5vw 0vw 0vw;
}

#about_video > div.div5.content, #about_video > div.div7.content, #about_video > div.div9.content {
    place-self: center;
    padding: 20px;
}

/*AWARDS - Tablet */

#dnn_ctr1007_HtmlModule_lblContent > div {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;

}

#dnn_ctr1007_HtmlModule_lblContent > div {
    margin-right: 0px;
    margin-left: 0px;
        padding-top: 10vh;
        padding-bottom: 10vh;
    margin-bottom: 10px;
}

/*OUR WHISKEY LIST - TABLET*/
.mcg.whiskey-list.home {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    position: relative;
    grid-template-areas:        ". cell1";
}

.mcg.whiskey-list.home > .full {
    grid-area: 1 / 1 / 2 / 3;
}

#whiskey-list > div.cell1.content {
    place-self: center start;
}

    .mcg.whiskey-list.home > .full.bkgd {
        background-image: url(/Portals/8/Images/motor-city-gas-on-barrels.jpg);
    }


#whiskey > div.div1 {
    height: 80vh;
}

/*FARMS - TABLET*/


#farm > div.div3 {
    padding-top: 5vw;
    margin-bottom: -70vw;
}

/*COCKTAILS - TABLET*/

#cocktails > div.div1{
    height: 60vh;  
}



    #cocktails {
        grid-template-columns: 1fr 1fr;
        padding-bottom: 0vw;
        grid-template-areas: ". div3";
    }

#cocktails > div.div1, #cocktails > div.div2 {
    grid-area: 1 / 1 / 2 / 3;
}

#cocktails > div.div3 {
    grid-area: div3;
    place-self: center center;
}


/*CONTACT - TABLET*/

#dnn_content > div:nth-child(13) {
margin-top: -15vw;
    padding: 15vw 5vw 5vw;
}

/*THANK YOU - TABLET*/

#thankyou {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "image text";
padding-bottom: 5vw;
}

#thankyou div.div1 { grid-area: 1 / 1 / 2 / 3; 
    background-position: center;
    background-size: cover;
    width: auto;
    height: 100vh;
}

#thankyou div.div2 { grid-area: 1 / 2 / 2 / 3;
place-self: center center;
}

#dnn_ctr1000_HtmlModule_lblContent > div > div > h2, #dnn_ctr1000_HtmlModule_lblContent > div > div > p {
    text-align: left;
}

/*END TABLET*/
}