/* //bookevents */

.bookimage{
    top:5%;
    background-image: url("\/wp-content/uploads/2021/05/JM_HOUSE_DRESSING_JACKET_v9-scaled-72dpi.jpg");
    height:90%;
    margin-left:5%;
    width:80%;
    background-size: contain;
    background-position-x: right;
    background-repeat: no-repeat;
    position:relative;
    margin:auto;
    float:right;
    margin-right:5%

    

}
a{
    /* text-decoration: underline !important;
    color:#de549b; */

    
}
.maincontent{
    display:flex;
    height:800px;
    background-color: transparent !important;
    color: #de549b !important;
    padding:1px ! important;
    font-weight: 500 ! important;;
	line-height: 1.2;
	/* text-decoration: none !important; */
	font-family: 'Open Sans', sans-serif !important;
	line-height: normal;
    margin-top:3px;
}
.mainsection{
    width:60%;
    float:left;
    height:100%;
    background-color: transparent !important;
    color: #de549b !important;
    padding:1px ! important;
    font-weight: 500 ! important;;
	line-height: 1.2;
	/* text-decoration: none !important; */
	font-family: 'Open Sans', sans-serif !important;
	line-height: normal;
}
.mainsection h1{
    width:60%;
    margin:auto;
    padding:3px;

}
.mainsection h3{
    padding:3px !important;
    width:60% !important;
    margin:auto !important;
}
.events{
    position:relative;
    top:5%;
    width:25%;
    float:left;
    height:fit-content;
    max-height: 90%;
    overflow: scroll;
    background-color: white !important;
    color: #de549b !important;
    padding:1px ! important;
    font-weight: 500 ! important;;
	line-height: 1.2;
	/* text-decoration: none !important; */
	font-family: 'Open Sans', sans-serif !important;
	line-height: normal;
    text-align: left;
    height:100%;
    /* hide scroll bars
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */


}
.events h3{
    display:inline-block;
    font-size:30px;
    margin:3px;
    padding:3px;
    /* background-color:#de549b; */
    font-family: 'Cormorant Garamond', serif;
    color: #DE549B;
    margin-bottom:20px;
    }

.events p{
    display:inline-block;
    font-size:25px;
    font-size:larger;
    color:black;
    float:left;
    clear:both;

}
.events h3 p{
    display:inline-block;
    float:none;
    font-size:25px;
	color: #DE549B;
}
.events::-webkit-scrollbar {
    display: none;
  }

.line{
    margin:3px;
    height:1px;
    width:100%;
    /* background-color:#de549b; */
    margin-bottom:20px;


}
.title{
    font-weight: bold;
    margin-bottom:1px;
    color: #de549b !important;

}
.titleA{
    text-decoration: underline !important;

}
.titleA:link { color: #de549b}
.titleA:active { color: #de549b}
.titleA:visited { color: #de549b}
/* .title:hover { color: #de549b} */

.subtitle{
    color: #535046 !important;
     margin-bottom:1px;


}
.eventdate{
    color: #535046 !important;
    margin-bottom:1px;
    font-weight:bold;
    font-size:calc(1.275rem+.3vw);
}
.time{
	color: #535046 !important;
    margin-bottom:1px;
    font-size:calc(1.275rem+.3vw);

    
}
.description{
	color: #535046 !important;
    margin-bottom:1px;

}
.location{
	color: #535046 !important;
    margin-bottom:1px;
    font-style:italic;
    
}
.link{
	display: none;
    color: #535046 !important;
    margin-bottom:1px;
    font-size:1.25em;

    float:left;
    clear:both;
}
.link{
    text-decoration: underline !important;

}
 .link:link { color: black }
 .link:active { color: black }
 .link:visited { color: black }
 /* .link:hover { color: black} */

.site-info{
z-index: 2;
position: relative;
}
@media screen and (max-width:1024px){
    .bookimage{
        top:5%;
        background-image: url("\/wp-content/uploads/2021/05/JM_HOUSE_DRESSING_JACKET_v9-scaled-72dpi.jpg");
        height:90%;
        width:80%;
        background-size: contain;
        background-repeat: no-repeat;
        position:relative;
        left:-5%;
        /* margin:auto; */
        
    
    }

}
@media screen and (max-width: 768px) {
    #colophon{
        position:relative ! important;
        
    }
    .mainsection h1{
        width:100%;
        margin:3px;
        background-color:#de549b;
        color:white;
        text-align: center;

    }
    .mainsection h3{
        width:100% !important;
        margin:3px;
        text-align: center;
    }
    .maincontent{
        display:block;
    }
    .mainsection{
        width:100%;
        height:60%;
        overflow: hidden;
    }
    .bookimage{
        width:90%;
        margin:auto;
        background-position: center;
        
    }
    .events{
        width:100%;
        height:max-content;
        position:relative;
        overflow: auto;
        display: block;
    }
    .event{
        background-color: white;
        margin:0%;
        width:100%;
        max-width: 100%;
    }
    .events h3{
        background-color: white;
        margin: 0%;
        width: 100%;
    }
    .line{
        margin:0%;
    }
    .eventdate{
        margin-top:6px;
    }


}