/*
Theme Name: Johnny Blooms Theme
Description: A Child Theme for the Enfold Wordpress Theme, customized for Johnny Blooms
Version: 1.0
Author: Anyweb OÜ
Author URI: http://www.anyweb.ee
Template: enfold
*/
:root {
    --white: #ffffff;
    --black: #000000;
    --lightblack: #1c1c1c;
    --grey: #1C1C1C;
}
/* Logo */
.container.av-logo-container {
    margin-top: 48px;
    margin-bottom: 18px;
}

/* Menu */
.avia-menu-text {
    margin: 0px 18px;
    position: relative;
    overflow: hidden;
}
.avia-menu-text::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; 
    height: 1px; 
    background-color: var(--white); 
    transition: width 0.3s ease-in; 
}
.avia-menu-text:hover::before {
    width: 100%;
}
/* Front page banner text */
.slider-text-first-row {
    font-size: 40px;
    text-transform: uppercase;
    flex: 0 0 41.666666666667%;
    max-width: 41.666666666667%;
    padding: 0px 15px;
}
.slider-text-second-row {
    font-size: 48px;
    text-transform: uppercase;
    flex: 0 0 50%;
    max-width: 50%;
}
.slider-text-second-row-2 {
    font-size: 48px;
    text-transform: uppercase;
    text-align: left;
}
.slider-text-third-row {
    font-size: 40px;
    text-transform: uppercase;
    flex: 0 0 41.666666667%;
    max-width: 41.6666666667%;
    margin-left: 50%;
}
.slider-row-1 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;

}
.slider-row-2 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;
}
.slider-row-3 {
    display: flex;
    flex-wrap: wrap;   
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;
}
.av_slideshow_full .container.caption_container {
    margin: 0px 0px;
    top: 6%;
}
/* Heading "Discover the tastes...." */
.heading-discover-row {
    display: flex;
    flex-wrap: wrap;
}
.heading-discover {
    max-width: 83.33%;
    flex: 0 0 83.33%;
    text-align: center;
}
span.line-1-1 {
    font-size: 3rem;
    text-transform: uppercase;
}
span.line-1-2 {
    font-size: 2rem;
    text-transform: uppercase;
}
.heading-discover-2 {
    text-align: center;
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
}
span.line-2-1 {
    font-size: 2rem;
    text-transform: uppercase;
    vertical-align: top;
}
span.line-2-2 {
    font-size: 3rem;
    text-transform: uppercase;
}
/* About */
.about-us h1 {
    font-size: 3rem;
}
.about-us p {
    font-size: 1.25rem;
    text-align: justify;
    font-weight: 500;
}
/* Modal background */
.modal {
    display: none;
    position: absolute; /* key: absolute to stay in container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;       /* match container height */
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    overflow: hidden;
    background-image: url("/wp-content/uploads/2025/05/indian-tonic-modal-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-2 {
    display: none;
    position: absolute; /* key: absolute to stay in container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;       /* match container height */
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    overflow: hidden;
    background-image: url("/wp-content/uploads/2025/07/rose-lemonade-modal-bg-2-2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-3 {
    display: none;
    position: absolute; /* key: absolute to stay in container */
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;       /* match container height */
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    overflow: hidden;
    padding-top: 180px;
    background-image: url("/wp-content/uploads/2025/07/cola-nostra-modal-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-4 {
    display: none;
    position: absolute; /* key: absolute to stay in container */
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;       /* match container height */
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    overflow: hidden;
    padding-top: 50px;
    background-image: url("/wp-content/uploads/2025/07/water-modal-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-flex, .modal-flex-2, .modal-flex-3, .modal-flex-4 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.modal-content-1-3, .modal-content-2-1-3, .modal-content-3-1-3, .modal-content-4-1-3 {
    margin-left: 8.3333%;
    flex: 0 0 25%;
    max-width: 25%;
}
img.modal-1-3-img, img.modal-2-1-3-img, img.modal-3-1-3-img, img.modal-4-1-3-img {
    width: 328px;
    height: auto;
    margin-bottom: 48px;
}
img.modal-1-3-img-2, img.modal-2-1-3-img-2, img.modal-3-1-3-img-2, img.modal-4-1-3-img-2 {
    width: 328px;
    height: auto;
    margin-bottom: 48px;
}
.modal-content-2-3, .modal-content-2-2-3, .modal-content-3-2-3,  {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
}
.modal-content-3-3, .modal-content-2-3-3, .modal-content-3-3-3  {
    flex: 0 0 50%;
    max-width: 50%;
}
img.modal-3-3-img, img.modal-2-3-3-img, img.modal-3-3-3-img {
    max-width: 80% !important;
}
.modal-content-4-2-3 {
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
    padding-top: 75px;
    display: flex;
}
.modal-content-4-3-3 {
    flex: 0 0 30%;
    max-width: 30%; 
    padding-top: 100px;  
}
.text-center {
    text-align: justify;
}
p.text-white {
    text-transform: uppercase;
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: var(-grey);
}
.text-white-spring-water {
    height: 600px;
    overflow-y: auto;
    padding: 0px 20px;
    text-align: justify;
}
.text-white-spring-water h4 {
    font-size: 20px;
    text-align: center;
}
.modal-content-2-3-button, .modal-content-2-2-3-button, .modal-content-3-2-3-button, .modal-content-4-2-3-button {
    background-image: url('/wp-content/uploads/2025/05/button-close-icon.png');
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50rem;
}
button.modal-content-2-3-button:hover, button.modal-content-2-2-3-button:hover, button.modal-content-3-2-3-button:hover, button.modal-content-4-2-3-button:hover {
    cursor: pointer;
}
li.headings-indian-tonic, li.headings-rose-lemonade, li.headings-cola-nostra {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
    margin-bottom: 8px;
    margin-left: 0px;
}
.indian-tonic-nutritions, .rose-lemonade-nutritions, .cola-nostra-nutritions {
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}
li.contains-row, li.contains-row-bottom {
    display: flex;
    justify-content: space-between;
    margin-left: 0px;
    line-height: 1.2;
}
li.contains-row {
    border-bottom: 1px solid var(--white);
}
button#learnMoreBtn, button#learnMoreBtn-2, button#learnMoreBtn-3, button#learnMoreBtn-4 {
    background-color: var(--black);
    color: var(--white);
    border: 2px solid var(--white);
    font-family: 'Literata';
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    overflow: hidden;
    padding-right: 12px;
}
button#learnMoreBtn:hover, button#learnMoreBtn-2:hover, button#learnMoreBtn-3:hover, button#learnMoreBtn-4:hover {
    background-color: #23272b;
}
button#learnMoreBtn::before, button#learnMoreBtn-2::before, button#learnMoreBtn-3::before, button#learnMoreBtn-4::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('/wp-content/uploads/2025/07/button-open-icon.png') no-repeat center center;
  background-size: contain;
  margin-right: 10px;
  vertical-align: middle;
}
/* Indian Tonic "Learn more" button pop up */
.indian-tonic-color-section .template-page.content.av-content-full.alpha.units {
    width: 100vw !important;
}
.indian-tonic-color-section .container.av-section-cont-open {
    padding: 0px;
}
.indian-tonic-color-section .post-entry.post-entry-type-page.post-entry-17 {
    height: 100%;
}
.indian-tonic-color-section .entry-content-wrapper.clearfix {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.indian-tonic-color-section .indian-tonic-image {
    width: 400px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
}
.indian-tonic-color-section .indian-tonic-image .avia-image-container-inner {
    width: 80%;
}
/*.indian-tonic-color-section .indian-tonic {
    display: flex !important;
    flex-direction: column;
}*/
.indian-tonic-color-section section.avia_codeblock_section.avia_code_block_1 {
    margin-top: 50px;
}
.indian-tonic-color-section section.avia_codeblock_section.avia_code_block_1 {
    width: 400px;
}
.indian-tonic-color-section .avia_codeblock {
    text-align: center;
}
/* Rose Lemonade "Learn more" button pop up */
.rose-lemonade-color-section .template-page.content.av-content-full.alpha.units {
    width: 100vw !important;
}
.rose-lemonade-color-section .container.av-section-cont-open {
    padding: 0px;
}
.rose-lemonade-color-section .post-entry.post-entry-type-page.post-entry-17 {
    height: 100%;
}
.rose-lemonade-color-section .entry-content-wrapper.clearfix {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.rose-lemonade-color-section .rose-lemonade-image {
    width: 400px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
}
.rose-lemonade-color-section .rose-lemonade-image .avia-image-container-inner {
    width: 80%;
}
.rose-lemonade-color-section {
    display: flex !important;
    flex-direction: column;
}
.rose-lemonade-color-section section.avia_codeblock_section.avia_code_block_2 {
    margin-top: 50px;
}
.rose-lemonade-color-section section.avia_codeblock_section.avia_code_block_2 {
    width: 400px;
}
.rose-lemonade-color-section .avia_codeblock {
    text-align: center;
}
/* Cola Nostra "Learn more" button pop up */
.cola-nostra-color-section .template-page.content.av-content-full.alpha.units {
    width: 100vw !important;
}
.cola-nostra-color-section .container.av-section-cont-open {
    padding: 0px;
}
.cola-nostra-color-section .post-entry.post-entry-type-page.post-entry-17 {
    height: 100%;
}
.cola-nostra-color-section .entry-content-wrapper.clearfix {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.cola-nostra-color-section .cola-nostra-image {
    width: 400px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
}
.cola-nostra-color-section .cola-nostra-image .avia-image-container-inner {
    width: 80%;
}
.cola-nostra-color-section {
    display: flex !important;
    flex-direction: column;
}
.cola-nostra-color-section section.avia_codeblock_section.avia_code_block_3 {
    margin-top: 50px;
}
.cola-nostra-color-section section.avia_codeblock_section.avia_code_block_3 {
    width: 400px;
}
.cola-nostra-color-section .avia_codeblock {
    text-align: center;
}
/* Spring Water "Learn more" button pop-up */
#spring-water {
    transition: margin-top 0.3s ease;
}
.spring-water-color-section .template-page.content.av-content-full.alpha.units {
    width: 100vw !important;
}
.spring-water-color-section .container.av-section-cont-open {
    padding: 0px;
}
.spring-water-color-section .post-entry.post-entry-type-page.post-entry-17 {
    height: 100%;
}
.spring-water-color-section .entry-content-wrapper.clearfix {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.spring-water-color-section .spring-water-image {
    width: 400px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
}
.spring-water-color-section .spring-water-image .avia-image-container-inner  {
    width: 80%;
}
.spring-water-color-section {
    display: flex !important;
    flex-direction: column;
}
.spring-water-color-section section.avia_codeblock_section.avia_code_block_4 {
    margin-top: 50px;
}
.spring-water-color-section section.avia_codeblock_section.avia_code_block_4 {
    width: 400px;
}

.spring-water-color-section .avia_codeblock {
    text-align: center;
}
/* Become Johnny Bloom's authorized... heading */
.heading-distributor-row-1 {
    display: flex;
    margin-left: 25%;
}
.heading-distributor-row-2 {
    display: flex;
    margin-left: 25%;
}
.heading-distributor-row-3 {
    display: flex;
    margin-left: 33.33%;
}
.heading-distributor-row-4 {
    display: flex;
}
span.line-distributor-1-1 {
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 0.8;
}
span.line-distributor-2-1 {
    font-size: 2rem;
    text-transform: uppercase;
    padding-left: 3rem;
    line-height: 1;
}
span.line-distributor-3-1 {
    font-size: 3rem;
    text-transform: uppercase;
    padding-left: 3rem;
    line-height: 0.8;
}
span.line-distributor-4-1 {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5rem;
    text-transform: uppercase;
}
.avia_codeblock.discover-the-code {
    margin-top: 6rem;
}
/* Video */
.aw-fp-video .container.av-section-cont-open {
    max-width: 100%;
    padding: 0px;
}
/* World map */

       /* Tooltip specific styles */
        #tooltip {
            position: fixed; /* Position relative to the viewport, not parent elements */
            background-color: var(--black);
            color: var(--white);
            font-family:'Literata';
            font-size: 0.85rem; /* text-xs */
            padding: 0.3rem 0.65rem; /* px-2 py-1 */
            border-radius: 0.25rem; /* rounded-md */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-lg */
            pointer-events: none; /* Allows mouse events to pass through */
            opacity: 0; /* Initially hidden */
            visibility: hidden; /* Also hidden to prevent initial flash or layout issues */
            transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out; /* Smooth fade in/out */
            z-index: 9999; /* Ensure it's on top of almost everything */
            white-space: nowrap; /* Prevent text wrapping */
            /* Initial off-screen position to avoid any flicker */
            top: 0;
            left: 0;
            /* Offset from cursor, adjusted to avoid being directly under it */
            transform: translate(15px, 15px);
            border: 1px solid var(--white);
        }
path {
    fill: lightgray;
    stroke: black;
    stroke-width: 1;
}
svg {
    width: 100%;
    height: 100vh;
    display: block;
}
path:hover {
    fill: #66ccff;
    cursor: pointer;
}
path.United.Kingdom {
    fill: #ffffff;
}
path.Russian.Federation {
    fill: #ffffff;
}
path#CZ {
    fill: #ffffff;
}
path#EE {
    fill: #ffffff;
}
path#LV {
    fill: #ffffff;
}
path#LT {
    fill: #ffffff;
}
path#VN {
    fill: #ffffff;
}
path.Azerbaijan {
    fill: #ffffff;
}

path.United.Kingdom:hover {
    fill: #CCCCCC;
}
path.Russian.Federation:hover {
    fill: #CCCCCC;
}
path#CZ:hover {
    fill: #CCCCCC;
}
path#EE:hover {
    fill: #CCCCCC;
}
path#LV:hover {
    fill: #CCCCCC;
}
path#LT:hover {
    fill: #CCCCCC;
}
path#VN:hover {
    fill: #CCCCCC;
}
path.Azerbaijan:hover {
    fill: #CCCCCC;
}
*{
    margin: 0;
    padding: 0;
}
svg path{
    fill: #1c1c1c;
    stroke: #000000;
    stroke-width: .25;
}
svg path:hover{
    fill:#161616;
    transition: 0.4s;
    cursor: pointer
}
/* Recipes */
#recipe-section h1 {
    font-size: 2.2rem; 
}
#recipe-section .av-subheading.av-subheading_below {
    margin-top: 12px;
}
#recipe-section .av-subheading.av-subheading_below p {
    font-size: 1.2rem;
}
#recipe-section .avia_textblock p {
    font-size: 1rem;
}
#recipe-section .av-fold-button-wrapper.av-textblock-btn-wrap {
    font-size: 1rem;
}
#recipe-section .avia-image-container-inner {
    width: 100%;
}
#recipe-section .avia-image-overlay-wrap img {
    width: 100%;
}
#recipe-section .av-special-heading {
    background-color: var(--grey);
    padding: 26px 20px !important;
}
/* Sport */
#sport-post-section h1 {
    font-size: 1.5rem; 
}
#sport-post-section .av-subheading.av-subheading_below {
    margin-top: 12px;
}
#sport-post-section .av-subheading.av-subheading_below p {
    font-size: 1.2rem;
}
#sport-post-section .avia_textblock p {
    font-size: 1rem;
}
#sport-post-section .av-fold-button-wrapper.av-textblock-btn-wrap {
    font-size: 1rem;
}
#sport-post-section .avia-image-container-inner {
    width: 100%;
}
#sport-post-section .avia-image-overlay-wrap img {
    width: 100%;
}
#sport-post-section .av-special-heading {
    background-color: var(--grey);
    padding: 26px 20px !important;
}
/* Music */
#music-section h1 {
    font-size: 1.5rem; 
}
#music-section .av-subheading.av-subheading_below {
    margin-top: 12px;
}
#music-section .av-subheading.av-subheading_below p {
    font-size: 1.2rem;
}
#music-section .avia_textblock p {
    font-size: 1rem;
}
#music-section .av-fold-button-wrapper.av-textblock-btn-wrap {
    font-size: 1rem;
}
#music-section .avia-image-container-inner {
    width: 100%;
}
#music-section .avia-image-overlay-wrap img {
    width: 100%;
}
#music-section .av-special-heading {
    background-color: var(--grey);
    padding: 26px 20px !important;
}
/* Footer */
#footer {
    padding: 0px;
}
footer#socket {
    border-top: 0px;
}
#footer section#media_image-2 {
    display: flex;
    justify-content: center;
}
#footer ul#menu-main-menu-eng {
    display: flex;
    justify-content: center;
}
#footer ul#menu-main-menu-eng li {
    margin: 0px 24px;
}
#footer ul#menu-main-menu-eng li a {
    padding: 0px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    overflow: hidden;
}
#footer ul#menu-main-menu-eng li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; 
    height: 1px ; 
    background-color: var(--white); 
    transition: width 0.3s ease-in; 
}
#footer ul#menu-main-menu-eng li:hover::before {
    width: 100% !important;
}
#footer section#nav_menu-2 {
    margin: 20px 0px 10px 0px;
}
#socket ul.noLightbox.social_bookmarks {
    font-size: 20px;
}
/*Socket*/
#socket .container {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
}
#socket ul.noLightbox.social_bookmarks.icon_count_5 {
    margin-left: auto;
    margin-right: auto;
    transform: translate(74%);
}
#socket ul.noLightbox.social_bookmarks.icon_count_5::before {
    content: 'GET SOCIAL WITH US | ';
    position: absolute;
    top: 9px;
    left: -207px;
    font-size: 18px;
}
#socket span.copyright {
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    margin-top: 20px;
}
/* Mobile fixes */
@media only screen and (max-width: 1500px) {
.slideshow_caption {
    left: -4% !important;  
  }
}
@media only screen and (min-width: 1120px) and (max-width: 1500px) {
.rose-lemonade-color-section, .indian-tonic-color-section, .cola-nostra-color-section {
    background-image: 30% !important;
}
.spring-water-color-section {
    background-position-x: 20% !important;
}
}
@media only screen and (min-width: 1800px) {
.slideshow_caption {
    left: 2% !important;  
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1300px) {
    span.avia-menu-text {
        font-size: 14px !important;
        margin: 0px 16px;
    }
}
@media only screen and (max-width: 1120px) {
.rose-lemonade-color-section .entry-content-wrapper.clearfix, .indian-tonic-color-section .entry-content-wrapper.clearfix, .cola-nostra-color-section .entry-content-wrapper.clearfix, .spring-water-color-section .entry-content-wrapper.clearfix {
    justify-content: flex-start !important;
    align-items: center !important;
}
.indian-tonic-color-section .entry-content-wrapper.clearfix {
    justify-content: flex-start !important;
    align-items: center !important;
}
.cola-nostra-color-section .entry-content-wrapper.clearfix {
    justify-content: flex-start !important;
    align-items: center !important;
}
.spring-water-color-section .entry-content-wrapper.clearfix {
    justify-content: flex-start !important;
    align-items: center !important;
}
.rose-lemonade-color-section {
    background-image: url('/wp-content/uploads/2025/07/rose-lemonade-bg-mobile.png') !important;
    background-size: cover !important;
}
.indian-tonic-color-section {
    background-image: url('/wp-content/uploads/2025/07/indian-tonic-bg-mobile.png') !important;
    background-size: cover !important;
}
.spring-water-color-section {
    background-image: url('/wp-content/uploads/2025/07/water-bg-mobile.png') !important;
    background-size: cover !important;
    background-position: 50% -300% !important;
}
.cola-nostra-color-section {
    background-image: url('/wp-content/uploads/2025/07/cola-nostra-bg-mobile.png') !important;
    background-size: cover !important;
}
.rose-lemonade-color-section .container.av-section-cont-open {
    background-size: cover !important;
    height: 1560px !important;
}
.indian-tonic-color-section  .container.av-section-cont-open {
    background-size: cover !important;
    height: 1560px !important;
}
.spring-water-color-section  .container.av-section-cont-open {
    background-size: cover !important;
    height: 1560px !important;
}
.cola-nostra-color-section  .container.av-section-cont-open {
    background-size: cover !important;
    height: 1560px !important;
}
}
@media only screen and (min-width: 990px) {
    .avia-menu.av-main-nav-wrap {
        position: relative;
    }
    li.av-language-switch-item.language_en a, li.av-language-switch-item.language_ru a {
        background-color: var(--black) !important;
    } 
    li.av-language-switch-item.language_en {
        position: absolute;
        right: 0px;
        top: -50px;
    }
    li.av-language-switch-item.language_ru {
        right: 30px;
        position: absolute;
        top: -50px;
    }
    li.av-language-switch-item.language_en:hover {
        position: absolute !important;
    }
    li.av-language-switch-item.language_ru:hover {
        position: absolute !important;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1100px) {
    span.avia-menu-text {
        font-size: 12px !important;
        margin: 0px 14px;
    }
}
@media only screen and (max-width: 1200px) {
.slider-text-first-row {
    font-size: 32px;

}
.slider-text-second-row {
    font-size: 40px;

}
.slider-text-second-row-2 {
    font-size: 40px;

}
.slider-text-third-row {
    font-size: 32px;
    }
@media only screen and (max-width: 990px) {
#footer section#nav_menu-2 {
    display: none;
}
.slideshow_align_caption {
    position: relative;
}
.avia-caption-content {
    position: absolute !important;
    top: 13%;
    width: 100%;
}
.slider-text-first-row-mobile {
    text-transform: uppercase;
    max-width: 50%;
    flex: 0 0 50%;
}
.slider-text-second-row-mobile {
    margin: 0;
    line-height: 0.4;
    text-transform: uppercase;
}
.slider-text-third-row-mobile {
    text-transform: uppercase;
    text-align: center !important;
    max-width: 83%;
    flex: 0 0 83.33%;
}
.slider-text-fourth-row-mobile {
    text-transform: uppercase;
    padding: 0px 15px;
    margin-left: auto;
    margin-right: auto;
}
.slider-text-first-row-mobile p {
    margin: 0;
    line-height: 0.4;
    font-size: 32px !important;
}
.slider-text-second-row-mobile p {
    font-size: 32px !important;
}
.slider-text-third-row-mobile p {
    margin: 0;
    line-height: 0.4;
    font-size: 32px !important;
}
.slider-text-fourth-row-mobile p {
    margin-top: 15px;
    line-height: 0.4;
    font-size: 32px !important;
}
.slider-row-1-mobile {
    display: flex;
    flex-wrap: wrap;
}
.slider-row-2-mobile {
    display: flex;
    flex-wrap: wrap;
}
.slider-row-3-mobile {
    display: flex;
    flex-wrap: wrap;
}
.slider-row-4-mobile {
    display: flex;
    flex-wrap: wrap;
}
.slideshow_caption {
    left: 0 !important;
    padding: 50px 30px;
}
.container.caption_container {
    padding: 0px;
}
.heading-distributor-row-1 {
    margin-left: 4%;
}
.heading-distributor-row-2 {
    margin-left: 4%;
}
.heading-distributor-row-3 {
    margin-left: 8%;
}
span.line-distributor-1-1 {
    font-size: 2.5rem;
}
span.line-distributor-2-1 {
    font-size: 1.5rem;
}
span.line-distributor-3-1 {
    font-size: 2.5rem;
}
span.line-distributor-4-1 {
    font-size: 1.25rem;
}
}

@media only screen and (max-width: 767px) {
.heading-discover {
    max-width: 100% !important;
}
.heading-discover-row {
    justify-content: center;
}
span.line-1-1 {
    font-size: 2rem;
    text-transform: uppercase;
}
span.line-1-2 {
    font-size: 1.75rem;
    text-transform: uppercase;
}
span.line-2-1 {
    font-size: 1.75rem;
    text-transform: uppercase;
    vertical-align: top;
}
span.line-2-2 {
    font-size: 2rem;
    text-transform: uppercase;
}
span.line-distributor-2-1 {
    padding-left: 0px;
}
.modal-content-3-3 {
    display: none;
}
.modal-content-1-3 {
    flex: 0 0 90%;
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
/*.modal-content-2-3 {
    flex: 0 0 90%;
    max-width: 90%;
    height: 32px !important;
}
.modal-content-2-3-button {
    float: right;
}*/
.modal-flex {
    flex-direction: column-reverse;
        justify-content: flex-end;
}
.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
img.modal-1-3-img-2 {
    width: 450px;
}
img.modal-1-3-img {
    width: 450px;
}
.rose-lemonade-color-section {
    background-size: contain !important;
}
.indian-tonic-color-section {
    background-size: contain !important;
}
.spring-water-color-section {
    background-size: contain !important;
    background-position: 50% 00% !important;
}
.cola-nostra-color-section {
    background-size: contain !important;
}
div#after_section_1 {
    display: none;
}
.rose-lemonade-color-section .container.av-section-cont-open {
    height: 1150px !important;
}
.indian-tonic-color-section  .container.av-section-cont-open {
    height: 1150px !important;
}
.spring-water-color-section  .container.av-section-cont-open {
    height: 1390px !important;
}
.cola-nostra-color-section  .container.av-section-cont-open {
    height: 1500px !important;
}
.spring-water-color-section {
    background-position: 50% 50% !important;
}
}
@media only screen and (max-width: 479px) {
    .heading-discover-row {
        line-height: 1;
    }
span.line-distributor-1-1 {
    font-size: 2rem;
}
span.line-distributor-2-1 {
    font-size: 1.2rem;
}
span.line-distributor-3-1 {
    font-size: 2rem;
}
span.line-distributor-4-1 {
    font-size: 1rem;
}
.rose-lemonade-color-section .container.av-section-cont-open {
    height: 1020px !important;
}
.indian-tonic-color-section  .container.av-section-cont-open {
    height: 1020px !important;
}
.spring-water-color-section  .container.av-section-cont-open {
    height: 1020px !important;
}
.cola-nostra-color-section  .container.av-section-cont-open {
    height: 1020px !important;
}
.spring-water-color-section {
    background-position: 50% 90% !important;
}
.cola-nostra-color-section {
    background-position: 50% 60% !important;

}
}
@media only screen and (max-width: 360px)
{
.slider-text-first-row-mobile p {
    margin: 0;
    line-height: 0.4;
    font-size: 28px !important;
}
.slider-text-second-row-mobile p {
    font-size: 28px !important;
}
.slider-text-third-row-mobile p {
    margin: 0;
    line-height: 0.4;
    font-size: 28px !important;
}
.slider-text-fourth-row-mobile p {
    margin-top: 15px;
    line-height: 0.4;
    font-size: 28px !important;
}
.rose-lemonade-color-section .container.av-section-cont-open {
    height: 820px !important;
}
.indian-tonic-color-section  .container.av-section-cont-open {
    height: 820px !important;
}
.spring-water-color-section  .container.av-section-cont-open {
    height: 820px !important;
}
.cola-nostra-color-section  .container.av-section-cont-open {
    height: 820px !important;
}
.spring-water-color-section {
    background-position: 50% 100% !important;
}
.cola-nostra-color-section {
    background-position: 50% 70% !important;
}
img.modal-1-3-img-2 {
    width: 280px;
}
img.modal-1-3-img {
    width: 280px;
}
}