/* General Card, Buttons, and Icons*/ 
main{
    margin-top:0 !important;
}

a.btn.btn-primary{
    background-color: #4B220F;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 20vw;
    height: auto;
}

a.btn:hover{
    text-decoration: underline;
}

.card{
    border-style: solid;
    border-color:#DA4735;
    border-width: 3px;
    border-radius: 0;
    padding: 0 1rem;
}

.card-footer{
    border:none;
    background:none;
}

.text {
    background-color: rgb(218, 71, 53);
    background-size: 100vw;
    width: 100%;
    height: auto;
    margin-top: 15em;
    padding: 1.25em;
    padding-left:2.5em;
}

.flex {
    display: flex;
    justify-content: space-between;
    padding-right:2.5em;
    max-width:1366px !important;
    margin:auto;
}

.card-img{
    padding-bottom: .5rem;
}

.btn{
    text-align:center;
    width:auto;
    display:inline-block;
    font-size:1.2em;
}

h1{
    font-weight:600;
    color:#FFF7F7;
    max-width:1366px !important;
    margin:auto;
}

.hero{
    max-width: 100%;
    height:auto;
}

h2{
    font-weight:600;
    text-align:center;
    padding-top:.75rem;
    position:relative;
}

h2:before{
    position:absolute;
        content:"";
        width:8rem;
        height:8rem;
        background-image:url(../images/mobile_wine_cup.svg);
        display:block;
        background-repeat: no-repeat;
        right:calc(50% - 2em);
        top:-3em;
}

h2.wholesale::before{
    background-image:url(../images/mobile_wholesalers_cup.svg);
}

h2.where-to-buy::before{
    background-image:url(../images/mobile_where-to-buy_cup.svg);
}

/*Explore Our Chocolates Button*/
.explore-our-chocolates {
    background-image: url(../images/truth-in-every-bite_photo-2000px.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    color: rgb(255, 247, 247);
    padding-top: 10em;
    margin-bottom: 90px;
    width: 100%;
    height: auto;
    padding-left:0;
    padding-right:0;
}

a.explore {
    color: rgb(218, 71, 53);
    font-size: 1.5em;
    font-weight: 600;
    background-image: url(../images/chocolate_icon_red.svg);
    background-repeat: no-repeat;
    background-size: 17.5%;
    background-color: rgb(255, 247, 247) !important;
    text-decoration: none;
    padding: .5em 5.5em .5em 1em;
    background-position: right 1em center;
}

a.explore:hover{
    color:#DA4735;
    text-decoration: underline;
}

.explore-our-chocolates p {
    max-width: 65%;
}

/* Winery Events */

.event-item{
    margin-bottom: .5em;
}

.event-item summary{
    border:2px solid #4B220F;
    border-radius:5px;
    display:flex;
    align-items:center;
    margin-bottom: 1rem;
}

.event-date-month{
    font-weight:600;
    flex: 0 0 2.5em;
    line-height:1;
    text-align:center;
    align-self:stretch;
    padding-left:1rem;
    padding-right:1rem;
    margin-top:1rem;
}

.event-date-day{
    font-size:2em;
    font-weight:700;
    display:block;
    color:#DA4735;
    align-self:stretch;
    padding-left:1rem;
    padding-right:1rem;
}

.event-name{
    flex: 1 1 auto;
    background-color:#4B220F;
    padding:.5em;
    align-self:stretch;
    align-content:center;
    color:#FFF7F7;
    font-size:1.2em;
    display:flex;
    align-items:center;
    gap:5px;
}

.event-name::after{
    content:"";
    width:1em;
    height:1em;
    background-image: url(../images/events_white_arrow.svg);
    background-repeat: no-repeat;
    display:block;
    padding: 10px;
}

.event-info{
    border-style:solid;
    border-color:#DA4735;
    border-width: 1em 3px 3px;
    border-radius: 5px;
    padding: 1em;
    margin-top: 1em;
}

.event-info a{
    color:#4B220F;
}

.event-info a:hover{
    color:#DA4735;
}

.event-info a:active{
    color:#FFF7F7;
}

.event-info::before{
    display:block;
    content:"";
    width:1em;
    height:1em;
    background-color:#DA4735;
    position:relative;
    transform:rotate(45deg);
    top:-2.5em;
}

.event-date-month{
    text-transform:uppercase;
}

.location, .month-day, .time, .chocolates{
    font-style:italic;
}

details:open{

.date{
    background-color:#4B220F;
    align-self:stretch;
}

.event-date-month, .event-date-day {
    color:#FFF7F7;
}

.event-name{
    color:#4B220F;
    background-color:#FFF7F7;
}
.event-name::after{
    background-image: url(../images/events_brown_arrow.svg);
}
}

/*Media Query Goodness*/
@media screen and (max-width:992px){
.text{
    background-color:#4B220F !important;
    color:#FFF7F7;
    padding-right:1.5em;
    padding-left:1.5em;
}

a.explore{
    color: #4B220F;
    font-size: 1.2em;
    font-weight: 600;
    background-image: url(../images/chocolate_icon_brown.svg);
    background-repeat: no-repeat;
    background-color: #FFF7F7 !important;
    background-size:30%;
    background-position: center bottom;
    text-decoration: none;
    padding-right:1em;
}

a.explore:hover{
    color:#4B220F;
    text-decoration: underline;
}

a.explore:active{
    background-color:#DA4735;
    text-decoration:underline;
}
}

@media screen and (max-width:768px){

.explore-our-chocolates {
    background-image:url(../images/truth-in-every-bite_photo-2000px.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    color: rgb(255, 247, 247);
    width: 100%;
    height: auto;
    background-position:center;
    padding-top:0;
    margin-top:-240px;
    margin-bottom: 25px;
}

.explore-our-chocolates p {
    max-width: 95%;
}

.text{
    background-color:#FFF7F7 !important;
    color:#4B220F;
    padding-right:1.5em;
    padding-left:1.5em;
    margin-top:30em;
}

h1{
    color:#4B220F;
    font-size:1.5em !important;
    padding-left:0 !important;
}

h1::before{
        position:absolute;
        content:"";
        width:8rem;
        height:8rem;
        background-image:url(../images/mobile_chocolates_cup.svg);
        display:block;
        background-repeat: no-repeat;
        left:calc(90% - 3.75em);
        top:10.5em;
    }

.flex{
    display:block;
    padding-right:0;
}

h2::before{
    right:0;
}

.card{
    border:unset;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.card img{
    width:100%;
    height:auto;
}

.card-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100vw;
    height: auto;
    padding: 0px;
}

.col-md-4{
    padding:0;
    margin-bottom: 1.5rem !important;
}

.row{
    padding:0 !important;
    margin:0 !important;
}

a.btn.btn-primary {
    width: 90vw;
    height: auto;
}

a.explore {
    color: rgb(255, 247, 247);
    font-size: 1.2em;
    font-weight: 500;
    background-image: none;
    background-repeat: no-repeat;
    background-color: rgb(75, 34, 15) !important;
    text-decoration: none;
    padding-right:1em;
}

a.explore:hover{
    color:#FFF7F7;
    text-decoration: underline;
}

.event-item{
    padding-left:1.5rem;
    padding-right:1.5rem;
}

img {
    order: 1;
}

h1, h2 {
    order: 2;
    font-size: 1.5em;
    padding-left: 1em;
}

p.card-text {
    order: 3;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 1.5rem !important;
}

h2.winery-events::before {
    left: calc(90% + 3.5em);
    top: -3em;
}

h2.wholesale::before {
    left: calc(90% + 5em);
    top: -3em;
}

h2.where-to-buy::before {
    left: calc(90% + 3.75em);
    top: -3em;
}

.container.px-4{
    padding:0 !important;
    margin:0 !important;
}
}