@charset "UTF-8";
@import url("../clas.css");
/* CSS Document */
div.breadcrumbs {
  margin-left:10em;
  margin-top:1em;
  color:rgba(123,131,69,1.00);
}
.content{
	background-color: rgba(249,246,246,1.00);
	flex-wrap: wrap;
	margin:3em;
	padding:0;
	liststyle:none;
}
.content li{
	padding:0;
	margin-bottom:3em;
}
.date{
	color:rgba(123,131,69,1.00);
    font-size:clamp(62.5%,1vw,100%);
}
.eventtitle{
	text-decoration:underline;
	matgin-left:0;
	font-size:clamp(100%,3vw,140%);
}
.wp-post-image{
  width: 300px;
  height: 300px;
  object-fit: cover;
}
.thumbnail_archivetop a img{
    width:100% !important;
    object-fit: cover;
    height: 300px!important;
}

@media(min-width:768px){
	.content{
		display:flex;
		justify-content:flex-start;
	}
	.content li{
        width:23.5%;
        margin-right:2%;
	}
    .content li:nth-child(4n){
        margin-right: 0;
    }
    .wp-post-image{
         width: 300px;
         height: 300px;
         display:flex;
         justify-content: center;
         object-fit: cover;
}
}
.dateevent{
	color:rgba(123,131,69,1.00);
	font-size:clamp(62.5%,1vw,100%);
}
.eventdetail{
	text-align: center;
}
.single_contents{
	position: relative;
    padding:0.25em 1em;
	font-size: 130%;
	background-color:rgba(251,250,250,1);
	padding:20px;
	margin-left: 10%;
	margin-right: 10%;
	line-height:1.5;
	margin-top:2em;
}
/*.eventdetail p:before,.eventdetail p:after{ 
    content:'';
    width: 30px;
    height: 30px;
    position: absolute;
    display: inline-block;
}*/
.eventdetail div{
	padding-top:2em;
	padding-bottom:2em;
}
.eventdetail img{
    max-width:500px;
    max-height:500px;
}