h1 {font-weight:500;color:#363636;padding:50px 0px 0px 0px;}
h2 {font-size:30px;padding:25px 0px 10px 0px;color:#363636;}
h3 {font-size:20px;padding:25px 0px 10px 0px;color:#363636;}

:root {
  --sl-blue: #02aee6;
  --sl-dark-gray: #45525f; 
  --sl-light-gray: #d4d9d9;

}

.img-fluid {
    width:auto;
}

table td {
    border:1px solid #e6e6e6;
    padding:10px;

}
table {
    margin-top:20px;
    margin-bottom:20px;
}

html {
  scroll-behavior: smooth;
}

a {
    color:#02aee6;
    text-decoration:underline;
}

.sl-hero { 
    margin-top:0px;
    width:100%;
    background:url(images/Background3.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:2% 4% 2% 4%;

}

.sl-hero-text-home {
    display:block;
    color:#f0f0f0;
    z-index:1;
}

.sl-hero-text-home img {
    width:25%;
}
.sl-footer {
    margin:0 auto;
    padding-top:20px;
    padding-bottom:20px;
    border-radius:5px;
    color:white !important;
    padding:20px 5px 20px 5px;
    background-color:#eeeeee; width:100%;
}

.sl-footer img {
    height:60px;
    display:block;
    margin:0 auto;

    margin-bottom:-50px;
}

.sl-footer-col {
    max-width:350px;
    margin:0 auto;
    text-align:left;
}

.sl-footer-col ul {
    list-style:none;
    padding-left:0px;
}
.sl-footer-col li {
    height:50px;
}
.sl-footer-col img {
    float:left;
    height:35px;
    min-width:45px;
    margin:0 auto;
    margin-top:-5px;
    padding-right:10px;
}

.sl-footer a:hover {
    color:black !important;
}

.sl-hero-th { 
    margin-top:0px;
    width:100%;
    background-image:url(images/Two-Hearted-Clone.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-bcbs { 
    margin-top:0px;
    width:100%;
    background-image:url(images/bourbon-county-header.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
}

.sl-hero-keg { 
    margin-top:0px;
    width:100%;
    background-color:var(--sl-dark-gray);;
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
}
.sl-hero-keg .img-fluid {
    padding-bottom:5%;
}

.sl-hero-tr { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/trillium-sleeper-street-clone.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-bt { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/how-to-bottle-NEIPA.jpg) !important;
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-wt { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/Jardine-water-plant-chicago.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-hb { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/hop-butcher-clone.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-hs { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/hopslam-ale-clone.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-ps { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/pastry-background.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-ps2 { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/Background2.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-ms { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/maple-syrup-stout.jpg);
    background-position:center;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-ac { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/angry-chair-clone.jpg);
    background-position-y:25%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-bi { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/biotransformation-neipa-wide.jpg);
    background-position-y:25%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-dhe { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/club-wort-tasting.jpg);
    background-position-y:25%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:0% 0% 15%;
}

.sl-hero-ds { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/double-stack-wide.jpg);
    background-position-y:55%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}
.sl-hero-rs { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/smores-stout-background.jpg);
    background-position-y:30%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}

.sl-hero-ba { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/barrel-aging-homebrew-background.jpg);
    background-position-y:30%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}
.sl-hero-bcs { 
    margin-top:0px;
    max-height:450px;
    width:100%;
    background-image:url(images/bcs-clone-background.jpg);
    background-position-y:30%;
    background-size:cover;
    display:block;
    text-align:center;
    padding:1% 0% 15%;
}
.sl-hero-lb { 
    margin-top: 0px;
    max-height: 350px;
    width: 100%;
    background-image: url(images/print-homebrew-labels.jpg);
    background-position-x: 50%;
    background-position-y: 90%;
    background-size: cover;
    display: block;
    text-align: center;
    padding: 1% 0% 15%;
}

.sl-hero-text {
    display:block;
    padding:4%;
    padding-top:80px;
    z-index:1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}

/* >>>>>>>>>>>>> HOMEPAGE TILES <<<<<<<<<<<<<< */


.rsc-item a {
    text-decoration:none;
}


.rsc-item {
    position: relative;
    top: 0px;
    margin: auto;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    height: 100%;
    color: #45525F !important;
    box-shadow: 1px 2px 8px #dadada;
    background-color:white;
    vertical-align: center;
}

.rsc-item img {
height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position:relative;
}

    .rsc-img {
        max-height:200px !important;
        width:auto;
    }
    .valign {
    position: relative;
    height:70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top:5px;
}
    
    .rsc-item h2 {
    font-size:18px;
    font-weight:700;
    color:#45525f;
    padding: 0% 5%;
    letter-spacing:0.4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
line-height: 1.425;
        margin-bottom:0px;

        }

    .rsc-item p {
    font-size:15px;
    color:#808080;
    padding: 0% 3% 2% 5%;
    position: relative;
    line-height: 20px;
    min-height:120px;
    }

    .rsc-item span {
    color:#02aee6!important;
    padding-left: 5%;
    font-size:15px;
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom:25px;
}
    
.rsc-item .btn-cont {
    text-align:center;
    width:70px;
    height:70px;
    margin:0 auto;

}

.rsc-item .btn-cont img {
    color:white;
    background:#45525f;
    padding:10px;
    border-radius:50px;
    position:relative;
    letter-spacing:0.8px;
    margin-top:-42px;
}
    

    
.rsc-list .col-sm-12, .rsc-item .col-md-6 {
    margin-bottom: 50px !important;
    margin: auto;
}    
    
.btn-org {
    background:#ff6b47  !important;
}
.btn-grn {
    background:#88ac2e !important;
}
.btn-rby {
    background:#dc5266 !important;
    }
.btn-ylw {
    background:#eacc00 !important;
}

.h2-sm {
    font-size:23px;
}
    
@media only screen and (min-width:768px) and (max-width:1440px) {
    .valign {height:60px;}
    
}
@media only screen and (max-width:768px) {
    .col-sm-12 {max-width:380px;margin:0 auto;}
}

@media only screen and (max-width:440px) {
        .rsc-item h2 {height:55px;}
    }
@media only screen and (max-width:330px) {
    .rsc-item .btn-cont {
        height:60px;width:60px;
        padding:5px;
        margin-top:10px;
        margin-bottom:-40px;
    }
}


@media only screen and (max-width:750px) {
    h1 {font-size:35px;}
    h2 {font-size:25px;}
}


@media only screen and (max-width:530px) {
    .sl-hero-text-home img {
        width:50%;
    }
}