.elementor-572 .elementor-element.elementor-element-8d4b646 > .elementor-container{max-width:1058px;}.elementor-572 .elementor-element.elementor-element-8d4b646 > .elementor-background-overlay{background-color:#02010100;opacity:0.5;}.elementor-572 .elementor-element.elementor-element-8d4b646{padding:35px 0px 0px 0px;}.elementor-572 .elementor-element.elementor-element-ee83d1b:hover > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-e8f6ebd:hover > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-cccafda:hover > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-aa15063:hover > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-ef6b632 > .elementor-container{min-height:65vh;}.elementor-572 .elementor-element.elementor-element-ef6b632 > .elementor-background-overlay{background-color:#02010100;opacity:0.5;}body.elementor-page-572:not(.elementor-motion-effects-element-type-background), body.elementor-page-572 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://whiskeykitchen.maxxpotential.org/wp-content/uploads/2022/09/Homepage-Hero-2.png");background-repeat:no-repeat;}@media(max-width:1024px){.elementor-572 .elementor-element.elementor-element-ef6b632 > .elementor-container{min-height:35vh;}}@media(max-width:767px){.elementor-572 .elementor-element.elementor-element-8d4b646{padding:10px 0px 0px 0px;}.elementor-572 .elementor-element.elementor-element-ef6b632 > .elementor-container{min-height:30vh;}}@media(min-width:768px){.elementor-572 .elementor-element.elementor-element-ee83d1b{width:25.502%;}.elementor-572 .elementor-element.elementor-element-e8f6ebd{width:24.287%;}.elementor-572 .elementor-element.elementor-element-cccafda{width:19.799%;}.elementor-572 .elementor-element.elementor-element-aa15063{width:30.39%;}}/* Start custom CSS for column, class: .elementor-element-ee83d1b *//* Create and position :after pseudo-element */

.elementor-column.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
   position: static;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-e8f6ebd *//* Create and position :after pseudo-element */

.elementor-column.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
   position: static;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-cccafda *//* Create and position :after pseudo-element */

.elementor-column.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
   position: static;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-aa15063 *//* Create and position :after pseudo-element */

.elementor-column.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
   position: static;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8d4b646 *//* Custom underline animation*/
.hero-nav-column p:last-child:after {
    content: "";
    position: relative;
    display: block;
    left: 30%;
    width: 40%;
    height: 1px;
    background-color: white;
    transition: width .25s ease,  left .25s ease;
    margin-top: 12px;
}

.hero-nav-column p:last-child:hover:after {
    width: 100%;
    left: 0%;
}

.elementor-572 .elementor-element.elementor-element-8d4b646 .links-wrap {
    text-align: center;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    line-height: 1.8em;
}

.elementor-572 .elementor-element.elementor-element-8d4b646 .links-wrap p {
    margin-bottom: 0;
}

.elementor-572 .elementor-element.elementor-element-8d4b646 .links-wrap a {
    color: #fff;
}

.links-wrap .line-1 {
    font-size: 18px;
    font-weight: 300;
}

.links-wrap .line-2 {
    font-size: 40px;
}

@media only screen and (max-width: 766px) {
    
    .hero-nav-column p:last-child:after {
        content: "";
        position: relative;
        display: block;
        left: 42%;
        width: 16%;
        height: 2px;
        background-color: rgba(255,255,255,0.5);
        transition: width .25s ease,  left .25s ease;
        margin-top: 3px;
    }
    
    .hero-nav-column p:last-child:hover:after {
        width: 156px;
        left: calc((100% - 156px) / 2);
    }
    
    .links-wrap .line-1 {
        font-size: 16px;
        font-weight: 400;
    }
    
    .links-wrap .line-2 {
        font-size: 32px;
        line-height: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ef6b632 */@media screen and (max-height: 768px){
    .elementor-572 .elementor-element.elementor-element-ef6b632 .elementor-container{
        min-height:224px;
    }
}/* End custom CSS */
/* Start custom CSS */body {
    background-size: auto 110vh;
    
    background-position: top;
    max-width: 100vw;
    overflow-x: hidden;
}

/* Add the background overlay for the whole page 

    May remove later
*/
body::before {
    position: absolute;
    content: '';
    width: 100vw;
    min-height: 50vh;
    height: 50vh;
    background: transparent linear-gradient(180deg, #000000 0%, #404040BF 37%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
}


@media only screen and (max-width: 766px) { 
        body {
            background-position: 59% -2px;
        }

        body::before {
            min-height: 105vh;
            height: 105vh;
            background: transparent linear-gradient(180deg, #000000 0%, #404040BF 40%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
        }
}


@media only screen and (min-width: 1024px){ body {
        background-size: cover;
    }
}/* End custom CSS */