/*////// HERO SECTION //////*/
section.page-hero-section {}
section.page-hero-section.section-background {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
section.hero-section div.hero-container {
    /*height: 79.4rem;*/
}

/*// SLIDER// */
div.hero-container div#home-page-hero-slider {
    width: 100%;
    height: 100%;
	
	
}
div#home-page-hero-slider div.slide {
    width: 100%;
    max-width: 144rem;
}
div#hero-slide-1 {}
div#hero-slide-2 {}
div#hero-slide-3 {}
div#home-page-hero-slider div.slide img {
    display: inline-block;
    width: 100%;
    max-width: 144rem;
    height: auto;
}
/*/ SLIDER DOTS /*/
UL.slick-dots {
    position: absolute;
    bottom: 8rem;
    left: 5rem;
    z-index: 1000;
    margin: 0;
    padding: 0;
    list-style: none;
}
UL.slick-dots li,
ul.slick-dots li button {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 1.5rem 0 0;
    font-size: 0; 
    border-radius: 50%;
    /*background: var(--Coke-Red, #F40D1C);*/
    background: var(--Red-2, #FB999D);
    transition: background .3s ease;
    cursor: pointer;
}
UL.slick-dots li.slick-active,
ul.slick-dots li.slick-active button {
    background: var(--Coke-Red, #F40D1C);
}


/*// HERO SCRIM //*/
div.hero-container div.container-scrim {
    /*display: none;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 86.98%);
}

/*//// FLEX ////*/
div.hero-container div.hero-flex-container {
    position: absolute;
    top: 20rem;
    left: 10rem;
    max-width: 49rem;

}
div.hero-flex-container div.hero-flex-item {}
div.hero-flex-item p.first-line {
    margin-bottom: 3.2rem;
    color: var(--Red-2, #EC1A3B);
    font-family: "TCCC-UnityText Bold";
    font-size: 3.5rem;
    font-style: normal;
    line-height: 1.14; /* 114.286% */
}
div.hero-flex-item p.second-line {
    margin-bottom: 2rem;
    color: var(--White, #FFF);
    font-family: "You2013";
    font-size: 8rem;
    font-style: normal;
    font-weight: 400;
    line-height: .5; /* 50% */
}
div.hero-flex-item img {
    margin-bottom: 3rem;
    width: 100%;
    max-width: 49rem;
    height: auto;
}
div.hero-flex-item p.fourth-line {
    /*margin-bottom: 3rem;*/
    color: var(--White, #FFF);
    font-family: "You2013";
    font-size: 7rem;
    font-style: normal;
    font-weight: 400;
    line-height: .5; /* 57.143% */
}


/*// SPECIFICS //*/
#hero-flex-item-1 {}






/*////// ABOUT SECTION //////*/
section.about-section {}
section.about-section div.about-container {
    height: 45.5rem;
    height: auto;
   /* padding: 10rem 6rem; */
	padding: 4rem 2rem;
}

/*//// FLEX ////*/
div.about-container div.about-flex-container {
    justify-content: space-between;
}
div.about-flex-container div.about-flex-item {}

/*// SPECIFICS //*/
#left-about-flex-item {
    max-width: 66.5rem;
}
#left-about-flex-item p.eyebrow-2 {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;    
}
#left-about-flex-item h1 {
    margin-bottom: 2rem;
}
#left-about-flex-item p.p2 {}
#left-about-flex-item p,
#right-about-flex-item p {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}

#right-about-flex-item {
    max-width: 55.8rem;
}
#right-about-flex-item img {
    display: inline-block;
    width: 100%;
    max-width: 144rem;
    height: auto;
}






/*////// BRANDS SECTION //////*/
section.brands-section {}
section.brands-section div.brands-container {
    height: 67.2rem;
    padding: 8rem 6rem;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2025/08/trythis2.png');
}

/*//// FLEX ////*/
div.brands-container div.brands-flex-container {
    justify-content: space-between;
}
div.brands-flex-container div.brands-flex-item {}

/*// SPECIFICS //*/
#left-brands-flex-item {
    padding-top: 8rem;
}
#left-brands-flex-item h2 {
    color: var(--White, #FFF);

    /* H2 */
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
}
#left-brands-flex-item p {
    color: var(--White, #FFF);

    /* P1 */
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.36; /* 136.364% */
    margin-bottom: 2.6rem;
}

#right-brands-flex-item {
    transition: all .4s ease;
}
div.brands-flex-container:hover #right-brands-flex-item {
    transform: rotate(3deg) scale(1.03);
}
#right-brands-flex-item img {
    width: auto;
    height: 67.2rem;
    transform: translate(-2%, -7.2%);
}
a.button-coke {
    display: inline-block;
    height: auto;
    padding: 1.5rem 3rem;
    margin-right: 3rem;
    border-radius: 0.3rem;
    background: var(--Black, #000);
    color: var(--White, #FFF);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    border: 1px solid black;
    transition: all .3s ease;
}
a.button-coke:hover {
    color: var(--Black, #000);
    background: var(--White, #FFF);
}



/*////// FORMULA SECTION //////*/
section.formula-section {}
section.formula-section div.formula-container {
    height: 45.5rem;
     height: auto;
    padding: 12rem 6rem 6rem 6rem;
}

/*//// FLEX ////*/
div.formula-container div.formula-flex-container {
    justify-content: space-between;
}
div.formula-flex-container div.formula-flex-item {}

/*// SPECIFICS //*/
#left-formula-flex-item {}
#left-formula-flex-item img {
    width: 100%;
    max-width: 55.8rem;
    height: auto;
}

#right-formula-flex-item {
    padding-top: 3rem;
}
#right-formula-flex-item h2 {
    color: var(--Grey-1, #1C1C1C);
    /* H2 */
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;

}
#right-formula-flex-item p {
    color: var(--Grey-2, #2E2E2E);
    /* P2 */
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem; /* 140% */
    margin-bottom: 2.6rem;
}






/*////// KNOW SECTION //////*/
section.know-section {}
section.know-section div.know-container {
    height: 60rem;
    padding: 6rem 6rem 10rem 6rem;
}

/*//// FLEX ////*/
div.know-container div.know-flex-container {
    justify-content: space-between;
}
div.know-flex-container div.know-flex-item { }
div.know-flex-container div.know-flex-item  h2 {
    color: var(--Grey-1, #1C1C1C);
    font-size: 5rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}
div.know-flex-container div.know-flex-item p {
    color: var(--Grey-1, #1C1C1C);
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
/*// FLOATER //*/
div.floater-container {
    position: absolute;
    height: auto;
    min-height: 8rem;
    text-align: center;
    transition: all .4s ease;
}
div.floater-container p {
    margin-bottom: 1.2rem;
    color: #000;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.048rem;
    text-transform: uppercase;
}
div.floater-container p.eyebrow-2 {
    margin-bottom: 1.2rem;
    color: var(--Red-2, #EC1A3B);
    text-align: center;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
}
div.floater-container p:last-of-type {
    margin-bottom: 0;
}


/*// SPECIFICS //*/
#floater-0 {
    top: 23rem;
    left: 6rem;
    width: 42.6rem;
    padding: 3rem;
    border-radius: 3rem 3rem 3rem 0rem;
    border: 3px solid var(--Black, #000);
    background: var(--Red-2, #EC1A3B);
    box-shadow: -10px 10px 0px 0px #000;
}
#floater-1 {
    top: 45rem;
    left: 13rem;
    width: 42.6rem;
    padding: 3rem;
    border-radius: 3rem 3rem 3rem 0.5rem;
    border: 3px solid var(--Red-2, #EC1A3B);
    background: var(--Black, #000);
    box-shadow: -10px 10px 0px 0px #EC1A3B;
}
#floater-2 {
    top: 10rem;
    left: 88rem;
    width: 42.6rem;
    padding: 3rem;
    border-radius: 3rem 3rem 3rem 0.5rem;
    border: 3px solid var(--Red-2, #EC1A3B);
    background: var(--Black, #000);
    box-shadow: -10px 10px 0px 0px #EC1A3B;    
}
#floater-3 {
    top: 37rem;
    left: 75rem;
    width: 42.6rem;
    padding: 3rem 2.5rem;
    border-radius: 3rem 3rem 3rem 0rem;
    border: 3px solid var(--Black, #000);
    background: var(--Red-2, #EC1A3B);
    box-shadow: -10px 10px 0px 0px #000;
}
div.black-block p {
    color: #ffffff;
}
div.red-block p {
    color: #000000;
}
div.red-block p.eyebrow-2 {
    color: #ffffff;
}




/* FLOATER ANIMATION */
#floater-0.fizzy,
#floater-1.fizzy,
#floater-2.fizzy,
#floater-3.fizzy {
    transition: all .7s ease;
    opacity: 0;
    margin-top: 5rem;
}

#floater-0.fizzy.animate,
#floater-1.fizzy.animate,
#floater-2.fizzy.animate,
#floater-3.fizzy.animate {
    animation: tilt-shaking .6s ease;
    opacity: 1;
    margin-top: 0;
}


@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  75% { transform: rotate(0deg); ; }
  80% { transform: rotate(1deg); }
  85% { transform: rotate(0deg); }
  90% { transform: rotate(-1deg); }
  95% { transform: rotate(0deg); }
}





/*////// NEWS SECTION //////*/
section.news-section {}
section.news-section div.news-container {
    padding: 12rem 4rem 10rem 6rem;
}

/*//// FLEX ////*/
div.news-container div.news-flex-container {
    /*justify-content: space-between;*/
    justify-content: center;
    gap: 0 2rem;
}
div.news-flex-container div.news-flex-item {
    padding: 0 1rem;
    margin: 0;
}
div.news-flex-item h2 {
    color: var(--Grey-1, #1C1C1C);
    text-align: center;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 4rem; /* 114.286% */
    text-transform: uppercase;
    margin-bottom: 5rem;
}
div.news-flex-item article {
    max-width: 38rem;
    min-height: 61rem;
    padding: .6rem .6rem;
    background-color: #ffffff;
    border-radius: 1rem;
    border: 8px solid var(--White, #FFF);   
    transition: all .3s ease;
}
div.news-flex-item article:hover {
    transform: scale(1.05);
    box-shadow: -6px 6px 15px 0px rgba(0, 0, 0, 0.20);
}
div.news-flex-item div.image-container {
    width: 100%;
    height: 30rem;
    margin-bottom: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
div.news-flex-item h2 {
    color: var(--Grey-1, #1C1C1C);
    text-align: center;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.14; /* 114.286% */
    text-transform: uppercase;
}
div.news-flex-item h5 {
    color: var(--Grey-1, #1C1C1C);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3rem;
}
div.news-flex-item p.p2 {
    color: var(--Grey-2, #2E2E2E);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.37; /* 137.5% */
}
/*/ NEWS LINK /*/
div.news-flex-item article a.news-link {
    position: relative;
    display: inline-block;
    margin-top: 3rem;
    width: auto;
    padding-right: 3.4rem;
    color: var(--Red-2, #EC1A3B);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.38; /* 138.889% */
    text-transform: uppercase;    
}
div.news-flex-item article a.news-link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2.2rem;
    height: 2.2rem;
    background-size: cover;
    background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/liberty-coke-home-news-link-icon.png');
}
/*// SPECIFICS //*/
#news-flex-item-1,
#news-flex-item-2,
#news-flex-item-3 { max-width: 38.2rem; }
#news-flex-item-1 div.image-container {
    background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-1.png');
}
#news-flex-item-2 div.image-container {
    background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-2.png');
}
#news-flex-item-3 div.image-container {
    background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-3.png');
}


div.sample-flex-item {}

div.sample-flex-item img {
    width: 44.6582rem;
    height: auto;
}

div.sample-flex-item h1 {
    color: var(--Coke-Red, #F40D1C);

    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
}
div.sample-flex-item p.p2 {
    width: 75%;
    color: var(--Grey-1, #1C1C1C);

    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem; /* 140% */
    margin-bottom: 4rem;
}

/*/// MOBILE NEWS FLEX ////*/
#mobile-news-flex-container { display: none; }





/*////// COMMUNITY SECTION //////*/
section.sustainability-section {}
section.sustainability-section div.sustainability-container {
    padding: 6rem;
}
/*//// FLEX ////*/
div.sustainability-container div.sustainability-flex-container {}
div.sustainability-flex-container div.sustainability-flex-item {}

div.sustainability-flex-item img {
    width: 44.6582rem;
    height: auto;
}
div.sustainability-flex-item h1 {
    color: var(--Coke-Red, #F40D1C);
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
}
div.sustainability-flex-item p.p2,
div.sustainability-flex-item p {
    width: 75%;
    color: var(--Grey-1, #1C1C1C);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem; /* 140% */
    margin-bottom: 4rem;
}
/*// SPECIFICS //*/
#sustainability-flex-item-1 {}
#sustainability-flex-item-2 {
    padding-top: 10rem;
    padding-left: 10rem;
}





/*////// LOCATIONS SECTION //////*/
section.locations-section {}
section.locations-section div.locations-container {
    padding: 6rem;
}

/*//// FLEX ////*/
div.locations-container div.locations-flex-container {}
div.locations-flex-container div.locations-flex-item {}

div.locations-flex-item img {
    width: 44.6582rem;
    height: auto;
}
div.locations-flex-item h1 {
    color: var(--Coke-Red, #F40D1C);
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
}
div.locations-flex-item p.p2,
div.locations-flex-item p {
    width: 75%;
    color: var(--Grey-1, #1C1C1C);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem; /* 140% */
    margin-bottom: 4rem;
}
/*// SPECIFICS //*/
#locations-flex-item-1 {
    padding-top: 11rem;
}
#locations-flex-item-2 {
    padding-right: 6rem;
}





/*////// COMMUNITY SECTION //////*/
section.community-section {}
section.community-section div.community-container {
    padding: 6rem;
}
/*//// FLEX ////*/
div.community-container div.community-flex-container {}
div.community-flex-container div.community-flex-item {}

div.community-flex-item img {
    width: 44.6582rem;
    height: auto;
}
div.community-flex-item h1 {
    color: var(--Coke-Red, #F40D1C);
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
}
div.community-flex-item p.p2,
div.community-flex-item p {
    width: 75%;
    color: var(--Grey-1, #1C1C1C);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem; /* 140% */
    margin-bottom: 4rem;
}
/*// SPECIFICS //*/
#community-flex-item-1 {}
#community-flex-item-2 {
    padding-top: 10rem;
    padding-left: 10rem;
}





/*////// CONTACT SECTION //////*/
section.contact-section {}
section.contact-section div.contact-container {
    padding: 6rem;
}
/*//// FLEX ////*/
div.contact-container div.contact-flex-container {}
div.contact-flex-container div.contact-flex-item {}

div.contact-flex-item img {
    width: 44.6582rem;
    height: auto;
}
div.contact-flex-item h1 {
    color: var(--Coke-Red, #F40D1C);
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
}
div.contact-flex-item p.p2,
div.contact-flex-item p {
    width: 75%;
    color: var(--Grey-1, #1C1C1C);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem; /* 140% */
    margin-bottom: 4rem;
}
/*// SPECIFICS //*/
#contact-flex-item-1 {
    padding-top: 11rem;
}
#contact-flex-item-2 {
    padding-right: 6rem;
}




	/*/ hide we are liberty John Transue/*/
 @media only screen and (min-width: 851px) { 
div.hero-container div.hero-flex-container {
    position: absolute;
    top: 20rem;
    left: 10rem;
    max-width: 49rem;align-content;
	visibility: hidden;}
	 section.page-navigation-section header.page-header {
				background-color: red;}
			div.slider {background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2025/06/loader.gif'); z-index: 1 !important;  background-position: center;
  background-repeat: no-repeat; background-size: 100px auto;}
}

/*////// GRANULAR RESPONSIVE //////*/
/*// LARGE SCREEN //*/
@media only screen and (min-width: 1920px) { }

/*/ SCALE UP FROM 1440 to 1920 /*/
@media only screen and (min-width: 1440px) { 
	
    /*//// SLIDERS ////*/
    div#home-page-hero-slider div.slide { max-width: 100%; }
    div#home-page-hero-slider div.slide img { max-width: 100%; }

}

/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1025px) {}

/*// SMALL MOBILE //*/
@media only screen and (max-width: 851px) { 

        /*////// HERO SECTION //////*/
        section.hero-section div.hero-container { height: auto; padding: 0 0 6rem 0; }
        div.hero-container div.hero-flex-container { top: 41rem; left: 50%; transform: translateX(-50%); text-align: center; }

        /*// MOBILE SLIDER// */
        div.hero-container div#home-page-hero-mobile-slider { width: 100%; height: 100%; }
        div#home-page-hero-mobile-slider div.slide { width: 100%; max-width: 144rem; }
        div#home-page-hero-mobile-slider div.slide img { display: inline-block; width: 100%; height: auto; }
        /*/ MOBILE SLIDER DOTS /*/
        div#home-page-hero-mobile-slider ul.slick-dots {
            position: absolute; bottom: 10rem; left: 50%;
            transform: translateX(-50%); z-index: 1000; margin: 0; padding: 0; list-style: none; }
        div#home-page-hero-mobile-slider ul.slick-dots li,
        div#home-page-hero-mobile-slider ul.slick-dots li button {
            display: inline-block; width: 1.5rem; height: 2rem; margin: 0 2rem 0 0; font-size: 0;  border-radius: 50%;
            background: var(--Red-2, #FB999D); transition: background .3s ease; cursor: pointer; }
        div#home-page-hero-mobile-slider ul.slick-dots li.slick-active,
        div#home-page-hero-mobile-slider ul.slick-dots li.slick-active button { background: var(--Coke-Red, #F40D1C); }


        /*////// ABOUT SECTION //////*/
        section.about-section div.about-container { height: auto; padding: 4rem 2rem; }
        div.about-container div.about-flex-container { justify-content: center; }
        #left-about-flex-item h1 { font-size: 25px; }
        #left-about-flex-item h1 br { display: none; }
        #left-about-flex-item p.p2 { font-size: 16px; }
        #left-about-flex-item p.p2 br { display: none; }
        #right-about-flex-item { padding-top: 3rem; }
        #left-about-flex-item,
        #right-about-flex-item { max-width: 100%; }


        /*////// BRANDS SECTION //////*/
        section.brands-section { 
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/09/home-page-mobile-brands-background.png');
        }
        section.brands-section div.brands-container { height: auto; padding: 4rem 2rem; }

        #right-brands-flex-item { order: 1; width: 100%; text-align: center; }
        #right-brands-flex-item img { height: 32rem; }

        #left-brands-flex-item { order: 2; padding-top: 4rem; text-align: center; }
        #left-brands-flex-item h2 { text-align: center; }
        #left-brands-flex-item p { font-size: 18px; text-align: center; }
        #left-brands-flex-item p br { display: none }
        #left-brands-flex-item a.button-coke { display: block; width: 100%; max-width: 48rem; margin: 2rem auto; text-align: center; }

        /*////// FORMULA SECTION //*/
        section.formula-section div.formula-container { height: auto; padding: 4rem 2rem; }
        #right-formula-flex-item a.button-coke { display: block; width: 100%; margin: 2rem auto; text-align: center; }

        /*////// KNOW SECTION ////*/
        section.know-section div.know-container { height: auto; padding: 4rem 2rem; }
        div.know-flex-container div.know-flex-item p { text-align: center; }
        div.know-flex-container div.know-flex-item h2 { padding-bottom: 3rem; text-align: center; }
        #floater-0,
        #floater-1,
        #floater-2,
        #floater-3 { position: relative; top: initial; left: initial; width: 100%; max-width: 48rem; margin: 4rem auto; }


        /*////// NEWS SECTION //////*/
        section.news-section div.news-container { height: auto; padding: 4rem 2rem; }
        #desktop-news-flex-container { display: none; }
        #mobile-news-flex-container { display: flex; }
        #news-slide-1,
        #news-slide-2,
        #news-slide-3 { margin: 0 0; }
        #news-slide-1 div.image-container {
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-1.png');
        }
        #news-slide-2 div.image-container {
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-2.png');
        }
        #news-slide-3 div.image-container {
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-3.png');
        }
        #mobile-news-flex-container div.news-flex-item article { max-width: 100%; }

        /*////// LOCATIONS SECTION //////*/
        section.locations-section div.locations-container { height: auto; padding: 4rem 2rem; }
        #locations-flex-item-1 { order: 2; padding: 4rem 0; text-align: center; }
        #locations-flex-item-2 { order: 1; padding: 0 0; text-align: center; }
        div.locations-flex-item p.p2,
        div.locations-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.locations-flex-item a.button-coke { display: block; width: 100%; max-width: 48rem; margin: 2rem auto; text-align: center; }
        div.locations-flex-item img { width: 75%; }

        /*////// COMMUNITY SECTION //////*/
        section.community-section div.community-container { height: auto; padding: 4rem 2rem; }
        #community-flex-item-1 { order: 1; padding: 4rem 0; text-align: center; }
        #community-flex-item-2 { order: 2; padding: 0 0; text-align: center; }
        div.community-flex-item p.p2,
        div.community-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.community-flex-item a.button-coke { display: block; width: 100%; max-width: 48rem; margin: 2rem auto; text-align: center; }
        div.community-flex-item img { width: 75%; }

        /*////// SUSTAINABILITY SECTION //////*/
        section.sustainability-section div.sustainability-container { height: auto; padding: 4rem 2rem; }
        #sustainability-flex-item-1 { order: 1; padding: 4rem 0; text-align: center; }
        #sustainability-flex-item-2 { order: 2; padding: 0 0; text-align: center; }
        div.sustainability-flex-item p.p2,
        div.sustainability-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.sustainability-flex-item a.button-coke { display: block; width: 100%; max-width: 48rem; margin: 2rem auto; text-align: center; }
        div.sustainability-flex-item img { width: 75%; }

        /*////// CONTACT SECTION //////*/
        section.contact-section div.contact-container { height: auto; padding: 4rem 2rem; }
        #contact-flex-item-1 { order: 2; padding: 4rem 0; text-align: center; }
        #contact-flex-item-2 { order: 1; padding: 0 0; text-align: center; }
        div.contact-flex-item p.p2,
        div.contact-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.contact-flex-item a.button-coke { display: block; width: 100%; max-width: 48rem; margin: 2rem auto; text-align: center; }
        div.contact-flex-item img { width: 75%; }

} 
@media only screen and (max-width: 480px) { 

        /*////// HERO SECTION //////*/
        section.hero-section div.hero-container { height: auto; padding: 0 0 6rem 0; }
        div.hero-container div.hero-flex-container { top: 41rem; left: 50%; transform: translateX(-50%); text-align: center; }

        /*// MOBILE SLIDER// */
        div.hero-container div#home-page-hero-mobile-slider { width: 100%; height: 100%; }
        div#home-page-hero-mobile-slider div.slide { width: 100%; max-width: 144rem; }
        div#home-page-hero-mobile-slider div.slide img { display: inline-block; width: 100%; height: auto; }
        /*/ MOBILE SLIDER DOTS /*/
        div#home-page-hero-mobile-slider ul.slick-dots {
            position: absolute; bottom: 10rem; left: 50%;
            transform: translateX(-50%); z-index: 1000; margin: 0; padding: 0; list-style: none; }
        div#home-page-hero-mobile-slider ul.slick-dots li,
        div#home-page-hero-mobile-slider ul.slick-dots li button {
            display: inline-block; width: 1.5rem; height: 2rem; margin: 0 2rem 0 0; font-size: 0;  border-radius: 50%;
            background: var(--Red-2, #FB999D); transition: background .3s ease; cursor: pointer; }
        div#home-page-hero-mobile-slider ul.slick-dots li.slick-active,
        div#home-page-hero-mobile-slider ul.slick-dots li.slick-active button { background: var(--Coke-Red, #F40D1C); }

        /*////// ABOUT SECTION //////*/
        section.about-section div.about-container { height: auto; padding: 4rem 2rem; }
        #left-about-flex-item h1 { font-size: 25px; }
        #left-about-flex-item h1 br { display: none; }
        #left-about-flex-item p.p2 { font-size: 16px; }
        #left-about-flex-item p.p2 br { display: none; }
        #right-about-flex-item { padding-top: 3rem; }

        /*////// BRANDS SECTION //////*/
        section.brands-section { 
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/09/home-page-mobile-brands-background.png');
        }
        section.brands-section div.brands-container { height: auto; padding: 4rem 2rem; }

        #right-brands-flex-item { order: 1; text-align: center; }
        #right-brands-flex-item img { height: 32rem; }

        #left-brands-flex-item { order: 2; padding-top: 4rem; text-align: center; }
        #left-brands-flex-item h2 { text-align: center; }
        #left-brands-flex-item p { font-size: 18px; text-align: center; }
        #left-brands-flex-item p br { display: none }
        #left-brands-flex-item a.button-coke { display: block; width: 100%; margin-bottom: 2rem; text-align: center; }

        /*////// FORMULA SECTION //*/
        section.formula-section div.formula-container { height: auto; padding: 4rem 2rem; }
        #right-formula-flex-item a.button-coke { display: block; width: 100%; margin-bottom: 2rem; text-align: center; }

        /*////// KNOW SECTION ////*/
        section.know-section div.know-container { height: auto; padding: 4rem 2rem; }
        div.know-flex-container div.know-flex-item p { text-align: center; }
        div.know-flex-container div.know-flex-item h2 { padding-bottom: 3rem; text-align: center; }
        #floater-0,
        #floater-1,
        #floater-2,
        #floater-3 { position: relative; top: initial; left: initial; width: 100%; margin: 4rem auto; }

        /*////// NEWS SECTION //////*/
        section.news-section div.news-container { height: auto; padding: 4rem 2rem; }

        #desktop-news-flex-container { display: none; }
        #mobile-news-flex-container { display: flex; }

        #news-slide-1,
        #news-slide-2,
        #news-slide-3 { margin: 0 0; }
        #news-slide-1 div.image-container {
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-1.png');
        }
        #news-slide-2 div.image-container {
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-2.png');
        }
        #news-slide-3 div.image-container {
            background-image: url('https://dev-liberty-coke.pantheonsite.io/wp-content/uploads/2024/04/news-3.png');
        }
        #mobile-news-flex-container div.news-flex-item article { max-width: 100%; }

        /*////// LOCATIONS SECTION //////*/
        section.locations-section div.locations-container { height: auto; padding: 4rem 2rem; }
        #locations-flex-item-1 { order: 2; padding: 4rem 0; text-align: center; }
        #locations-flex-item-2 { order: 1; padding: 0 0; text-align: center; }
        div.locations-flex-item p.p2,
        div.locations-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.locations-flex-item a.button-coke { display: block; width: 100%; margin-bottom: 2rem; text-align: center; }
        div.locations-flex-item img { width: 75%; }

        /*////// COMMUNITY SECTION //////*/
        section.community-section div.community-container { height: auto; padding: 4rem 2rem; }
        #community-flex-item-1 { order: 1; padding: 4rem 0; text-align: center; }
        #community-flex-item-2 { order: 2; padding: 0 0; text-align: center; }
        div.community-flex-item p.p2,
        div.community-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.community-flex-item a.button-coke { display: block; width: 100%; margin-bottom: 2rem; text-align: center; }
        div.community-flex-item img { width: 75%; }

        /*////// SUSTAINABILITY SECTION //////*/
        section.sustainability-section div.sustainability-container { height: auto; padding: 4rem 2rem; }
        #sustainability-flex-item-1 { order: 1; padding: 4rem 0; text-align: center; }
        #sustainability-flex-item-2 { order: 2; padding: 0 0; text-align: center; }
        div.sustainability-flex-item p.p2,
        div.sustainability-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.sustainability-flex-item a.button-coke { display: block; width: 100%; margin-bottom: 2rem; text-align: center; }
        div.sustainability-flex-item img { width: 75%; }

        /*////// CONTACT SECTION //////*/
        section.contact-section div.contact-container { height: auto; padding: 4rem 2rem; }
        #contact-flex-item-1 { order: 2; padding: 4rem 0; text-align: center; }
        #contact-flex-item-2 { order: 1; padding: 0 0; text-align: center; }
        div.contact-flex-item p.p2,
        div.contact-flex-item p { width: 95%; margin: 0 auto 2.4rem auto; }
        div.contact-flex-item a.button-coke { display: block; width: 100%; margin: 2rem; text-align: center; }
        div.contact-flex-item img { width: 75%; }
}
@media only screen and (max-width: 380px) { 

        div.hero-container div.hero-flex-container { top: 38%; }
        div.hero-flex-item p.first-line { font-size: 3rem; }
        div.hero-flex-item p.second-line { font-size: 7.5rem; }
        div.hero-flex-item img { width: 93%;}
        div.hero-flex-item p.fourth-line { font-size: 7.5rem; }
        div#home-page-hero-mobile-slider ul.slick-dots { bottom: 5rem; }

}
@media only screen and (max-width: 360px) { }
@media only screen and (max-width: 320px) { }



/*//// LANDSCAPE STYLES ////*/
@media screen and (max-width: 851px) and (orientation: landscape) { }
@media screen and (max-width: 815px) and (orientation: landscape) { }
@media screen and (max-width: 667px) and (orientation: landscape) { }
@media screen and (max-width: 570px) and (orientation: landscape) { }