/*  HERO  */
.hero {
    background: url(), var(--green);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100svh;
    margin: 0 0 50px 0;
}
/*  HERO END  */

/*  CONTENT  */
.breadCrum {
font-size: var(--fs-overview);
text-transform: uppercase;
color: var(--darkGrey);
}
.breadCrum a {
color: var(--orange);
text-decoration: none;
}

h1 {
font-size: var(--fs-h1);
padding: 25px 0;
}
.twoColumn {
display: flex;
flex-direction: column;
padding: 25px;
}
.bottleImages img {
width: 100%;
}
.bottleDescription {
display: block;
font-size: var(--fs-body);
line-height: var(--lh-body);
padding: 50px 0 25px 0;
color: var(--midGrey);
}
.bottleData .bottleSpecification .bottleSpecSelection {
display: flex;
width: 100%;
margin-bottom: 30px;
border-bottom: 3px solid var(--midGrey);
column-gap: 20px;
justify-content: space-between;
}
.bottleData .bottleSpecification .bottleSpecSelection span:hover {
border-bottom: 3px solid var(--midGrey);
}
.bottleData .bottleSpecification .bottleSpecSelection span {
font-size: var(--fs-body);
text-transform: uppercase;
color: var(--midGrey);
padding-bottom: 10px;
cursor: pointer;
}
.bottleData .bottleSpecification .bottleSpecSelection span.active {
border-bottom: 3px solid var(--midGrey);
}

.bottleData .bottleSpecification .bottleSpecTable {
display: flex;
flex-wrap: wrap;
}
.bottleData .bottleSpecification .bottleSpecTable .tableHeader {
display: flex;
justify-content: space-between;
width: 100%;
border: 1px solid var(--midGrey);
border-radius: 5px 5px 0 0;
}
.bottleData .bottleSpecification .bottleSpecTable .tableHeader span {
display: flex;
justify-content: center;
align-items: center;
font-size: 2.5em;
text-align: center;
color: var(--midGrey);
width: 100%;
padding: 10px 0;
border-right: 1px solid var(--midGrey);
}
.bottleData .bottleSpecification .bottleSpecTable .tableHeader span:last-child {
border-right: none;
}
.bottleData .bottleSpecification .bottleSpecTable .tableRow {
display: flex;
justify-content: space-between;
width: 100%;
border-top: none;
border-right: 1px solid var(--midGrey);
border-left: 1px solid var(--midGrey);
border-bottom: 1px solid var(--midGrey);
}
.bottleData .bottleSpecification .bottleSpecTable .tableRow span {
display: flex;
justify-content: center;
align-items: center;
font-size: 2.5em;
text-align: center;
color: var(--midGrey);
width: 100%;
padding: 10px 0;
border-right: 1px solid var(--midGrey);
}
.bottleData .bottleSpecification .bottleSpecTable .tableRow span:last-child {
border-right: none;
}
.bottleData .bottleSpecification .bottleSpecTable .tableRow:last-child {
border-radius: 0 0 5px 5px;
}

/*.bottleData .requestInfo{
display: flex;
flex-direction: column;
padding: 50px 0;
row-gap: 20px;
}

.bottleData .requestInfo form{
display: flex;
flex-direction: column;
padding: 50px 0;
row-gap: 20px;
}
.bottleData .requestInfo form label {
display: flex;
flex-direction: column;
font-size: 3em;
color: var(--midGrey);
}
.bottleData .requestInfo form label input {
border: 1px solid var(--midGrey);
padding: 5px;
border-radius: 5px;
color: var(--midGrey);
}
.bottleData .requestInfo form label span {
display: inline-block;
padding: 5px 0 0;
}
.bottleData .requestInfo form label.checkbox {
flex-direction: row;
column-gap: 10px;
}
.bottleData .requestInfo form label.checkbox span {
padding: 0;
}
.bottleData .requestInfo input[type=submit] {
padding: 5px;
border: 1px solid var(--midGrey);
border-radius: 5px;
font-size: 1.3em;
}*/
.bottleData .selections {
display: flex;
flex-wrap: wrap;
margin: 30px 0 0;
}
.bottleData .selections .selectionLabels {
display: flex;
width: 100%;
padding: 25px 0 10px;
}
.bottleData .selections .selectionLabels span {
font-size: 3.5em;
color: var(--midGrey);
width: 50%;
}

.bottleData .selections .bottleColorPicker {
display: flex;
column-gap: 10px;
/*    padding: 5px;*/
/*    border: 1px solid var(--midGrey);*/
/*    border-radius: 10px;*/
}
.bottleData .selections .bottleColorPicker span.transparent {
background: #efefef;
}
.bottleData .selections .bottleColorPicker span.blue {
background: aliceblue;
}
.bottleData .selections .bottleColorPicker span:hover {
border: 3px solid #00a4ff;
}
.bottleData .selections .bottleColorPicker span {
display: inline-block;
border: 3px solid var(--darkGrey);
width: 20px;
height: 20px;
border-radius: 50px;
cursor: pointer;
}
.bottleData .selections .bottleColorPicker span.active {
border: 3px solid #00a4ff;
}
.bottleData .selections .bottleFinishPicker {
display: flex;
column-gap: 10px;
}
.bottleData .selections .bottleFinishPicker span {
color: var(--midGrey);
font-size: 3.5em;
padding: 5px 10px;
border: 3px solid var(--midGrey);
border-radius: 25px;
}
.bottleData .selections .bottleFinishPicker span.active {
border-radius: 25px;
border: 3px solid #00a4ff;
}
.bottleData .selections .threeDFiles {
display: flex;
flex-direction: column;
width: 100%;
}
.bottleData .selections .threeDFiles span {
font-size: 3em;
color: var(--midGrey);
}
.bottleData .selections .threeDFiles .download3dFile {
font-size: 3em;
border: 1px solid var(--midGrey);
border-radius: 50px;
margin: 10px 0;
padding: 5px 0 5px 15px;
text-decoration: none;
width: 100px;
text-align: center;
color: var(--midGrey);
background: url(/assets/icons/file_download.svg);
background-size: 15px;
background-position: 10px center;
background-repeat: no-repeat;
}
.bottleData .selections .bottleCTA {
display: flex;
width: 100%;
padding: 25px 0;
column-gap: 10px;
}
.bottleData .selections .bottleCTA span {
font-size: var(--fs-body);
border: 1px solid var(--midGrey);
border-radius: 50px;
padding: 5px 20px;
text-align: center;
color: var(--midGrey);
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}
.bottleData .selections .bottleCTA span:hover {
background: #00a4ff;
color: white;
}

.contentSubHeading {
font-size: var(--fs-subheading) !important;
display: block;
padding:50px 10%;
}
/*  CONTENT END  */


/*  MOREFROMCOLLECTION                  */

.moreFromCollection_heading {
    font-size: 7em;
    padding: 25px 15px;
    display: block;
    color: var(--darkBlue);
}

    /*   BOTTLE PREVIEW   */
    .collectionPreview {
        width: 100%;
    }
    .collectionPreview .suggested {
        display: flex;
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
        scroll-snap-type: x mandatory;
    }
    .collectionPreview .suggested .suggestedItem {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100vw;
        scroll-snap-align: center;
    }
    .collectionPreview .suggested .suggestedItem img {
        margin-bottom: 15px;
        width: 100%;
    }
    .collectionPreview .suggested .suggestedItem span {
        text-align: center;
        width: 100vw;
        display: block;
        font-size: var(--fs-body);
        font-weight: bold;
    }
    .collectionPreview .suggested .suggestedItem a {
        color: var(--midGrey);
        text-decoration: none;
        font-size: var(--fs-body);
    }

    .collectionPreview .suggested::-webkit-scrollbar {
    display: none;
    }

    .collectionPreview .suggested {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    }
    /*    LARGE SCREEN    */
    @media only screen and (min-width: 650px) 
    {
        .slideLocation {
            display: none;
        }
        .collectionPreview .bottles {
            overflow: visible;
            overflow-x: clip;
        }
    }
    /*   BOTTLE PREVIEW END   */

/*  MOREFROMCOLLECTION END              */







/*    LARGE SCREEN    */
@media only screen and (min-width: 650px) 
{
/*  COMMON  */
h1 {
font-size: 5em;
}
/*  COMMON END  */

/*  HERO  */
.hero {
background: url(), var(--green);
background-size: cover;
background-repeat: no-repeat;
background-position-x: center;

}
/*  HERO END  */

/*  CONTENT  */
.content {

}
.twoColumn {/* align-items: center; */flex-direction: row;/* align-items: center; */margin-bottom: 50px;font-size: var(--fs-body);line-height: var(--lh-body);}
.breadCrum {
width: 50%;
}
.bottleImages   {
width: 50%;
position: sticky;
top: 100px;
padding: 0;
}

.bottleData {
width: calc(50% - 50px);
position: sticky;
top: 100px;
padding: 0 50px 0 0;
}
.bottleData .bottleDescription {
padding: 50px 100px 150px 0;;
}

.bottleDescription{
    color: var(--midGrey);
     width: 50%;
     padding: 0px 0 25px 0;
    
    }

.twoColumn:last-Child {
align-items: start;
justify-content: center;
}
.bottleData .bottleSpecification .bottleSpecSelection {
justify-content: start;
}
.bottleData .bottleSpecification .bottleSpecSelection span, .bottleData .selections .selectionLabels span, .bottleData .selections .threeDFiles span {
font-size: 1.33em;
}
.bottleData .bottleSpecification .bottleSpecTable .tableHeader span, .bottleData .bottleSpecification .bottleSpecTable .tableRow span {
font-size: 0.7em;
}
.bottleData .selections .bottleFinishPicker span {
font-size: 1em;
}
.bottleData .selections .bottleCTA {
justify-content: start;
column-gap: 10px;
}
.bottleData .selections .threeDFiles .download3dFile, .bottleData .selections .bottleCTA span {
padding: 10px 30px;
}
.bottleData .selections .threeDFiles .download3dFile {
padding: 10px 15px 10px 30px;
background-position: 15px center;
}

/*.bottleData .requestInfo  {
align-items: center;
}

.bottleData .requestInfo form {
align-items: center;
}
.bottleData .requestInfo form label {
font-size: 1.3rem;
width: 50%;
}
.bottleData .requestInfo form label input {
font-size: 1.3rem;
}
.bottleData .requestInfo input[type=submit] {
font-size: 1.3rem;
}*/
/*  CONTENT END  */


/*  MOREFROMCOLLECTION                          */

.moreFromCollection_heading {
display: block;
padding: 50px 10%;
font-size: 1.8em;
}

/*   BOTTLE PREVIEW For More From this Collection   */
.collectionPreview {
padding: 0 0 5%;
}

.collectionPreview .suggested {

flex-wrap: wrap;
justify-content: left;
}
.collectionPreview .suggested .suggestedItem {
width: 25%;
}
.collectionPreview .suggested .suggestedItem span {
width: 25%;
font-size: var(--fs-body)
}
.collectionPreview .suggested .suggestedItem a {
font-size: var(--fs-body);
}
/*   BOTTLE PREVIEW END   */

}


/*    LARGE SCREEN PORTRAIT    */
@media only screen and (min-width: 650px) and (orientation: portrait) 
{
.bottleData .bottleDescription {
    padding: 0 0 50px 0;
}
}
/*    LARGE SCREEN PORTRAIT END    */